1. Adobe Photoshop CS4 – Illustrated Unit A: Getting Started with Photoshop CS4

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

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

4. Defining Photo Editing Software Photoshop CS4 offers a variety of tools, menus, menu commands, and panels to edit and manipulate digital images   images that come from a digital camera   images from scanning a photograph or slide   or images that are created from scratch CS4 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 CS4 - Illustrated

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

6. Defining Photo Editing Software Adobe Photoshop CS4 - Illustrated Various effects with an old photo

7. 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, color squares that are very small to create an image   Vector graphics are created on a computer, not through scanning or downloading; referred to as draw programs   Animation programs use timelines to create a sequence of graphics Adobe Photoshop CS4 - Illustrated

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

9. Starting Photoshop and Viewing the Workspace The Applications bar contains:   the Application icon   the Photoshop menus   some basic tools Zoom tool Hand tool Workspace switcher – allows choices from a list of custom workspaces Elements of the workspace can be rearranged to create and save a customized workspace Adobe Photoshop CS4 - Illustrated

10. Starting Photoshop and Viewing the Workspace The Applications bar may appear as two rows, depending on the monitor resolution and if using a Macintosh 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 CS4 - Illustrated

11. Starting Photoshop and Viewing the Workspace Adobe Photoshop CS4 - Illustrated The Essentials workspace

12. Starting Photoshop and Viewing the Workspace A big consideration for managing the Photoshop workspace is to maximize the room available to view the image being worked on   condensing panels by grouping them is a smart choice for maximizing working space   minimizing panels is a great choice for keeping essential panels open but out of the way Use the Help menu if needing to learn more about a tool or feature   Adobe’s online Help site is available after installing the program Adobe Photoshop CS4 - Illustrated

13. Using the Zoom Tool and the Hand Tool When working with Photoshop files they can be viewed from different perspectives Use the Zoom tool to enlarge and reduce the image on the screen If the image is enlarged where it does not fit the screen, use the Hand tool to scroll to see all areas of the image Adobe Photoshop CS4 - Illustrated

14. Using the Zoom Tool and the Hand Tool The Zoom and Hand tools are used so often learning keyboard commands are really important to learn Adobe Photoshop CS4 - Illustrated Useful quick keys

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

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

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

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

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

20. Image size refers to the physical dimensions of the image-width and height File size is how large the file is in computer memory Understanding and Changing Resolution Adobe Photoshop CS4 - Illustrated Image resolutions and sizes

21. Changing Image Size Image size is not dependent on resolution-meaning two files of the same dimensions can be created with two different resolutions Image size 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 the image’s appearance Adobe Photoshop CS4 - Illustrated

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

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

24. Creating a New Document Adobe Photoshop CS4 - Illustrated New dialog box

25. Creating a New Document 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 model is listed on the Image menu The color mode determines which color model is being used to display and print the image Adobe Photoshop CS4 - Illustrated

26. Creating a New Document 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 traditionally must at some point by CMYK files Adobe Photoshop CS4 - Illustrated

27. 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; perhaps to make room for an additional image Adobe Photoshop CS4 - Illustrated

28. Transforming the Canvas The term transform, when used in Photoshop, 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 CS4 - Illustrated

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

30. Cropping an Image This basic task allows the definition of an area of an image that is wanted to be kept and the remainder of the image can be discarded Photoshop’s Crop tool makes it easy to execute a single crop and also provides options for previewing the crop before it is executed Cropping an image can often be an artistic choice where a so-so image can be turned into an eye-catching Adobe Photoshop CS4 - Illustrated

31. Cropping an Image Adobe Photoshop CS4 - Illustrated Creating a crop marquee The cropped image

32. Cropping an Image to a Specific Size The Crop tool has a number of options attached to it to enable the tool to execute more than just a simple crop   after creating the crop marquee, the rectangle around a selected area, the Crop tool pointer becomes an arrow 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 CS4 - Illustrated

33. 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 This will make 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 CS4 - Illustrated

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

35. Summary Photoshop CS4 offers a variety of tools to edit and manipulate digital images The three basic categories of graphics programs are: vector, bitmap, and animation File formats are important as they are used to save images for various types of output to use with other applications Adobe Photoshop CS4 - Illustrated

36. 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 CS4 - Illustrated

37. 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 can be discarded Adobe Photoshop CS4 - Illustrated