1. Getting Started with Adobe Photoshop CS6

2. 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

3. 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

4. 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

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

6. 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

7. 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

8. 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

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

10. 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

11. 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

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

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

14. 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

15. 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

16. 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

17. 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

18. 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

19. 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

20. 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

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

22. 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

23. 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

24. 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

25. 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

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

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

28. 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

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

30. 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

31. 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

32. 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

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

34. 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

35. 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