Photoshop CS6 – Nelson Unit 3: 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 Adobe Photoshop CS6 - Illustrated Edited Nelson

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

Learning Targets Adobe Photoshop CS6 - Illustrated Edited Nelson Learning Targets: *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 *Create a new document *Transform the canvas *Crop an image *Crop an image to a specific size

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 Edited Nelson

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 Edited Nelson

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

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 CS6 - Illustrated Edited Nelson

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 CS6 - Illustrated Edited Nelson

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 CS6 - Illustrated Edited Nelson

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 CS6 - Illustrated Edited Nelson

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

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 CS6 - Illustrated Edited Nelson

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 CS6 - Illustrated Edited Nelson

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

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

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 CS6 - Illustrated Edited Nelson 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 CS6 - Illustrated Edited Nelson 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 CS6 - Illustrated Edited Nelson

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 CS6 - Illustrated Edited Nelson

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 CS6 - Illustrated Edited Nelson 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 CS6 - Illustrated Edited Nelson

Changing Image Size When looking at an image for quality it should be viewed at 100% or larger Adobe Photoshop CS6 - Illustrated Edited Nelson 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 CS6 - Illustrated Edited Nelson

Creating a New Document Adobe Photoshop CS6 - Illustrated Edited Nelson 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 CS6 - Illustrated Edited Nelson

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 Edited Nelson

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 Edited Nelson

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 Edited Nelson

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

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

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 Edited Nelson

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

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 Edited Nelson

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 Edited Nelson

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

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 Adobe Photoshop CS6 - Illustrated Edited Nelson

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 CS6 - Illustrated Edited Nelson

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 CS6 - Illustrated Edited Nelson

Review Learning Targets Adobe Photoshop CS6 - Illustrated Edited Nelson Learning Targets: *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 *Create a new document *Transform the canvas *Crop an image *Crop an image to a specific size