Getting Started with Adobe Photoshop CS6

Objectives Define photo editing software Start Photoshop and view the workspace Use the Zoom tool and the Hand tool Save a document and understand file formats Understand and change resolution Change image size Create a new document Transform the canvas Crop an image Crop an image to a specific size Adobe Photoshop CS6 - Illustrated

Defining Photo Editing Software Photoshop CS6 offers a variety of tools, menus, menu commands, and panels to edit and manipulate digital images From a digital camera From scanning a photograph slide Created from scratch CS6 allows the editing of images in a variety of ways in order to enhance them or process them for different types of uses such as print or use on the Web Adobe Photoshop CS6 - Illustrated

Defining Photo Editing Software Tasks that Photoshop CS6 can be used to accomplish include: Acquire images from a variety of devices Apply basic processing procedures Improve the color and quality of images Fix image flaws Add special effects Batch-process image files Output to various devices Adobe Photoshop CS6 - Illustrated

Defining Photo Editing Software Various effects with an old photo Adobe Photoshop CS6 - Illustrated

Understanding graphics programs Graphics programs refer to a wide range of software applications Three basic categories of graphics programs Bitmap graphics (raster graphics) use pixels Vector graphics are created on a computer, not through scanning or downloading Animation programs use timelines to create a sequence of graphics Adobe Photoshop CS6 - Illustrated

Starting Photoshop and Viewing the Workspace To start Photoshop: Either launch Photoshop or open an existing Photoshop file Before opening or creating a new document, the workspace becomes available and consists of: The Menu bar (top of the screen) The Options bar (below the Menu bar) The Tools panel (on the left of the screen) The dock of panels (on the right of the screen) The Menu bar contains: The Photoshop menus Minimize, Restore, and Close buttons Adobe Photoshop CS6 - Illustrated

Starting Photoshop and Viewing the Workspace Elements of the workspace can be rearranged to create and save a customized workspace The Menu bar may appear as two rows Depends on monitor resolution and whether a Macintosh is used Click the Collapse to Icons button to view panels as icons Use the Window menu to access all of the panels in Photoshop Double-clicking the name tab of an open panel minimizes the panel Adobe Photoshop CS6 - Illustrated

Starting Photoshop and Viewing the Workspace The Essentials workspace Adobe Photoshop CS6 - Illustrated

Starting Photoshop and Viewing the Workspace Use the Help menu to learn more about a tool or feature Adobe’s online Help site is available after installing the program Managing the Photoshop workspace: maximize the room available to view current image Condense panels by grouping them to maximize working space Minimize panels to keep essential panels open but out of the way Adobe Photoshop CS6 - Illustrated

Using the Zoom Tool and the Hand Tool Photoshop files can be viewed from different perspectives Use the Zoom tool to enlarge and reduce the image on the screen If the image is enlarged to where it does not fit the screen, use the Hand tool to scroll to see all areas of the image The Zoom and Hand tools are used often Learn keyboard commands Adobe Photoshop CS6 - Illustrated

Using the Zoom Tool and the Hand Tool Useful quick keys Adobe Photoshop CS6 - Illustrated

Using the Zoom Tool and the Hand Tool Creating a marquee with the Zoom tool Adobe Photoshop CS6 - Illustrated

Saving a Document and Understanding File Formats Specific types of computer code that are used to save images for various types of output to use with other applications Standard file format for Photoshop files Adobe Photoshop CS6 - Illustrated

Saving a Document and Understanding File Formats The key to choosing a file format Understand what the file is to be used for Save As dialog box Adobe Photoshop CS6 - Illustrated

Understanding and Changing Resolution A bitmap graphic is a graphic composed of pixels Pixel is a term that comes from the words pictures and elements A bitmap image is a grid of pixels All Photoshop files are bitmap graphics Resolution is a measurement of the number of pixels per inch (ppi) The higher the resolution, the greater number of pixels A file 1”X1” with a resolution of 100 pixels per inch would contain 10,000 pixels (100 pixels wide X 100 pixels high) Adobe Photoshop CS6 - Illustrated

Understanding and Changing Resolution Image size: physical dimensions of the image-width and height File size: how large the file is in computer memory Image resolutions and sizes Adobe Photoshop CS6 - Illustrated

Changing Image Size Image size: Is not dependent on resolution Two files of the same dimensions can be created with two different resolutions Is related to resolution All bitmap images regardless of physical dimensions have a resolution Changing the width and height of an image will affect the image’s resolution Resizing an image may have a negative effect on the image’s appearance Adobe Photoshop CS6 - Illustrated

Changing Image Size When looking at an image for quality it should be viewed at 100% or larger Image size Image size Adobe Photoshop CS6 - Illustrated

Creating a New Document Many of the images that are worked on in Photoshop are either scanned or captured by a digital camera An image can also be created from scratch by creating a new document in Photoshop Use the New dialog box and specify the image’s width, height and resolution Adobe Photoshop CS6 - Illustrated

Creating a New Document New dialog box Adobe Photoshop CS6 - Illustrated

Color Models and Color Modes A color model defines the colors that are seen and work with digital images RGB (red, green blue) CMYK (cyan, magenta, yellow, black) HSB (hue, saturation, brightness) In Photoshop a document’s color mode is listed on the Image menu The color mode determines which color model is being used to display and print the image Adobe Photoshop CS6 - Illustrated

Color Models and Color Modes RGB is the standard color mode when working with digital images Selecting a color mode has an impact on which tools and formats are available All Photoshop tools and features are available in the RGB Color mode All files that are printed professionally must at some point be CMYK files Adobe Photoshop CS6 - Illustrated

Transforming the Canvas The bed of pixels making up an image is referred to as the canvas When an image is opened, it usually uses all of the pixels available on the canvas The canvas can be enlarged to add more pixels to the file Example: to make room for an additional image Adobe Photoshop CS6 - Illustrated

Transforming the Canvas Transform: refers to specific operations that are made to change the location of pixels Transformations include: Scaling Rotating Skewing and/or Distorting pixels For precise moves when transforming, use the arrow keys to more the image one pixel at a time Adobe Photoshop CS6 - Illustrated

Transforming the Canvas Canvas Size Dialog Box Adobe Photoshop CS6 - Illustrated

Transforming the Canvas Viewing new pixels added to the canvas Positioning of second image over the new pixels Adobe Photoshop CS6 - Illustrated

Cropping an Image Cropping: Allows the definition of an area of an image that is wanted to be kept and the remainder of the image to be discarded Photoshop’s Crop tool: Makes it easy to execute a single crop Provides options for previewing the crop before it is executed Cropping an image can often be an artistic choice A so-so image can be turned into an eye-catching one Adobe Photoshop CS6 - Illustrated

Creating a crop marquee Cropping an Image Creating a crop marquee The cropped image Adobe Photoshop CS6 - Illustrated

Cropping an Image Setting opacity for the Crop tool Opacity refers to how opaque something is When using the Crop tool, you can change the shield color and opacity of the area outside the crop using the Color and Opacity settings on the Options bar As a preview before cropping, many designers set the opacity to 50% while experimenting, then, when they think they’ve found a crop that they like, they increase the opacity to 100% Adobe Photoshop CS6 - Illustrated

Cropping an Image to a Specific Size The Crop tool: number of options to execute more than just a simple crop After creating the crop marquee, the Crop tool pointer becomes an arrow pointer when inside the marquee Use the arrow to move the marquee to crop a different area of the image The Crop tool pointer outside of the crop marquee is a rotate pointer Use the rotate pointer to rotate the crop marquee Specific width and height dimensions can be used to create a crop marquee of a specific size Adobe Photoshop CS6 - Illustrated

Cropping an Image to a Specific Size When a specific width and height is entered to crop an image to a specific resolution, using the Resolution text box on the Options bar can be also entered Makes the Crop tool function much like the Image Size dialog box No matter where an image is cropped or what size crop marquee is created, new pixels cannot be added or deleted, only redistributed Adobe Photoshop CS6 - Illustrated

Cropping an Image to a Specific Size Rotating the crop marquee The cropped, rotated, and resized image Adobe Photoshop CS6 - Illustrated

Summary Photoshop CS6 offers a variety of tools to edit and manipulate digital images Three basic categories of graphics programs: vector, bitmap, and animation File formats are used to save images for various types of output to use with other applications Photoshop files are bitmap graphics composed of pixels The greater the number of pixels, the higher the resolution of the image Adobe Photoshop CS6 - Illustrated

Summary A bed of pixels comprises a canvas The canvas can be enlarged to add additional pixels Pixels can be transformed by: Scaling, rotating, skewing, or distorting Cropping of an image allows for an area of the image to be used and the other parts to be discarded Adobe Photoshop CS6 - Illustrated