Adobe Photoshop CS5 – Illustrated Unit A: Getting Started with Photoshop CS5

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 Adobe Photoshop CS5 - Illustrated

Objectives Change image size Create a new document Transform the canvas Crop an image Crop an image to a specific size Adobe Photoshop CS5 - Illustrated

Defining Photo Editing Software Photoshop CS5 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 CS5 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 CS5 - Illustrated

Defining Photo Editing Software Tasks that Photoshop CS5 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 CS5 - Illustrated

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

Defining Photo Editing Software 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 CS5 - Illustrated

Starting Photoshop and Viewing the Workspace To start Photoshop:   Either launch Photoshop or open an already created Photoshop file Before opening or creating a new document, the workspace becomes available and consists of:   The Application bar (top of the screen)   The Tools panel (on the left of the screen)   The dock of panels (on the right of the screen) Adobe Photoshop CS5 - Illustrated

Starting Photoshop and Viewing the Workspace The Application bar contains:   The Photoshop menus   Various buttons and menus for: Arranging documents Changing the screen mode and workspace Accessing Adobe Bridge and Mini Bridge Elements of the workspace can be rearranged to create and save a customized workspace Adobe Photoshop CS5 - Illustrated

Starting Photoshop and Viewing the Workspace The Application 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 CS5 - Illustrated

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

Starting Photoshop and Viewing the Workspace 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 Use the Help menu to learn more about a tool or feature   Adobe’s online Help site is available after installing the program Adobe Photoshop CS5 - 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 Adobe Photoshop CS5 - Illustrated

Using the Zoom Tool and the Hand Tool The Zoom and Hand tools are used often   Learn keyboard commands Adobe Photoshop CS5 - Illustrated Useful quick keys

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

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

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

Understanding and Changing Resolution All Photoshop files are bitmap graphics 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 Adobe Photoshop CS5 - Illustrated

Understanding and Changing Resolution 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 CS5 - 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 Adobe Photoshop CS5 - Illustrated Image resolutions and sizes

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 CS5 - Illustrated

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

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 CS5 - Illustrated

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

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 CS5 - 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 CS5 - 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 CS5 - 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 CS5 - Illustrated

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

Transforming the Canvas Viewing new pixels added to the canvas Positioning of second image over the new pixels Adobe Photoshop CS5 - 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 CS5 - Illustrated

Cropping an Image Creating a crop marquee The cropped image Adobe Photoshop CS5 - 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 CS5 - 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 CS5 - Illustrated

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

Summary Photoshop CS5 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 Adobe Photoshop CS5 - Illustrated

Summary Photoshop files are bitmap graphics composed of pixels The greater the number of pixels, the higher the resolution of the image A bed of pixels comprises a canvas The canvas can be enlarged to add additional pixels Adobe Photoshop CS5 - Illustrated

Summary 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 CS5 - Illustrated