Photoshop CS 6 Nelson Unit 3 Photoshop CS

Photoshop CS 6 – Nelson Unit 3: Photoshop CS 6

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 change resolution Adobe Photoshop CS 6 - Illustrated Edited Nelson 11 -2015

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

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 change resolution *Create a new document *Transform the canvas *Crop an image to a specific size Adobe Photoshop CS 6 - Illustrated Edited Nelson 11 -2015

Defining Photo Editing Software Photoshop CS 6 offers a variety of tools, menu commands, and panels to edit and manipulate digital images Ø From a digital camera Ø From scanning a photograph slide Ø Created from scratch CS 6 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 CS 6 - Illustrated Edited Nelson 11 -2015

Defining Photo Editing Software Tasks that Photoshop CS 6 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 CS 6 - Illustrated Edited Nelson 11 -2015

Defining Photo Editing Software Various effects with an old photo Adobe Photoshop CS 6 - Illustrated Edited Nelson 11 -2015

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 CS 6 - Illustrated Edited Nelson 11 -2015

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 CS 6 - Illustrated Edited Nelson 11 -2015

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 CS 6 - Illustrated Edited Nelson 11 -2015

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 CS 6 - Illustrated Edited Nelson 11 -2015

Starting Photoshop and Viewing the Workspace The Essentials workspace Adobe Photoshop CS 6 - Illustrated Edited Nelson 11 -2015

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 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 CS 6 - Illustrated Edited Nelson 11 -2015

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 CS 6 - Illustrated Edited Nelson 11 -2015

Using the Zoom Tool and the Hand Tool The Zoom and Hand tools are used often Ø Learn keyboard commands Useful quick keys Adobe Photoshop CS 6 - Illustrated Edited Nelson 11 -2015

Using the Zoom Tool and the Hand Tool Creating a marquee with the Zoom tool Adobe Photoshop CS 6 - Illustrated Edited Nelson 11 -2015

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 Standard file format for Photoshop files Adobe Photoshop CS 6 - Illustrated Edited Nelson 11 -2015

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 CS 6 - Illustrated Edited Nelson 11 -2015

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 CS 6 - Illustrated Edited Nelson 11 -2015

Understanding and Changing Resolution is a measurement of the number of pixels per inch (ppi) The higher the resolution, the greater number of pixels Ø A file 1”X 1” with a resolution of 100 pixels per inch would contain 10, 000 pixels (100 pixels wide X 100 pixels high) Adobe Photoshop CS 6 - Illustrated Edited Nelson 11 -2015

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 CS 6 - Illustrated Edited Nelson 11 -2015

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 CS 6 - Illustrated Edited Nelson 11 -2015

Changing Image Size When looking at an image for quality it should be viewed at 100% or larger Image size Adobe Photoshop CS 6 - Illustrated Edited Nelson 11 -2015

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 CS 6 - Illustrated Edited Nelson 11 -2015

Creating a New Document New dialog box Adobe Photoshop CS 6 - Illustrated Edited Nelson 11 -2015

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 CS 6 - Illustrated Edited Nelson 11 -2015

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 CS 6 - Illustrated Edited Nelson 11 -2015

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 CS 6 - Illustrated Edited Nelson 11 -2015

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 CS 6 - Illustrated Edited Nelson 11 -2015

Transforming the Canvas Size Dialog Box Adobe Photoshop CS 6 - Illustrated Edited Nelson 11 -2015

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

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 eyecatching one Adobe Photoshop CS 6 - Illustrated Edited Nelson 11 -2015

Cropping an Image Creating a crop marquee The cropped image Adobe Photoshop CS 6 - Illustrated Edited Nelson 11 -2015

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 CS 6 - Illustrated Edited Nelson 11 -2015

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 CS 6 - Illustrated Edited Nelson 11 -2015

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

Summary Photoshop CS 6 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 CS 6 - Illustrated Edited Nelson 11 -2015

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 additional pixels Adobe Photoshop CS 6 - Illustrated Edited Nelson 11 -2015

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 CS 6 - Illustrated Edited Nelson 11 -2015

Review 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 change resolution *Create a new document *Transform the canvas *Crop an image to a specific size Adobe Photoshop CS 6 - Illustrated Edited Nelson 11 -2015