photoshop cs6 chapter one

74
Adobe ® Photoshop ® CS6 Chapter 1 Editing a Photo

Upload: cpashke

Post on 05-Dec-2014

209 views

Category:

Documents


8 download

DESCRIPTION

 

TRANSCRIPT

Page 1: Photoshop CS6 Chapter One

Adobe® Photoshop® CS6

Chapter 1

Editing a Photo

Page 2: Photoshop CS6 Chapter One

Editing a Photo 2

• Start Photoshop and customize the Photoshop workspace

• Open a photo• Identify parts of the Photoshop workspace• Explain file types• Save a photo for both print and the Web• View a photo using the Zoom Tool, Navigator

panel, and the Hand Tool• Display rulers

Objectives

Page 3: Photoshop CS6 Chapter One

Editing a Photo 3

• Crop a photo using the rule of thirds overlay• Save a photo for both print and the Web• Create a border• Open a recent file• Resize a photo• Insert text and stroke• Print a photo• Access Photoshop Help• Close a file and quit Photoshop

Objectives

Page 4: Photoshop CS6 Chapter One

Editing a Photo 4

Project – Postcard Graphic

Page 5: Photoshop CS6 Chapter One

Editing a Photo 5

• Find an appropriate image or photo• Determine how to edit the photo to highlight the

theme• Identify finishing touches that will further

enhance the photo• Prepare for publication

General Project Guidelines

Page 6: Photoshop CS6 Chapter One

Editing a Photo 6

• Click the Start button on the Windows 7 taskbar to display the Start menu

• Type Photoshop CS6 as the search text in the ‘Search programs and files’ text box, and watch the search results appear on the Start menu

• Click Adobe Photoshop CS6 in the search results on the Start menu to start Photoshop

• After a few moments, when the Photoshop window is displayed, if the window is not maximized, click the Maximize button next to the Close button on the Application bar to maximize the window

Starting Photoshop

Page 7: Photoshop CS6 Chapter One

Editing a Photo 7

Starting Photoshop

Page 8: Photoshop CS6 Chapter One

Editing a Photo 8

• Click Window on the Application bar to display the Window menu

• Point to Workspace on the Window menu to display the Workspace submenu

• Click Essentials (Default) on the Workspace submenu to select the default workspace panels

• Click Window on the Application bar and then point to Workspace again to display the submenu

• Click Reset Essentials to restore the workspace to its default settings and reposition any panels that may have been moved

Selecting the Essentials Workspace

Page 9: Photoshop CS6 Chapter One

Editing a Photo 9

Selecting the Essentials Workspace

Page 10: Photoshop CS6 Chapter One

Editing a Photo 10

• If the tools on the Tools panel appear in two columns, click the double arrow at the top of the Tools panel

• If necessary, click the second button from the top on the Tools panel to select it

• If the button does not display a square icon, right-click the button and then click Rectangular Marquee Tool on the context menu

Selecting the Default Tool

Page 11: Photoshop CS6 Chapter One

Editing a Photo 11

• Right-click the Rectangular Marquee Tool icon on the options bar to display its context menu

• Click Reset All Tools to display a confirmation dialog box

• Click the OK button to restore the tools to their default settings

Resetting the Options Bar

Page 12: Photoshop CS6 Chapter One

Editing a Photo 12

Resetting the Options Bar

Page 13: Photoshop CS6 Chapter One

Editing a Photo 13

• Click Edit on the Application bar, and then point to Preferences to display the Preferences submenu

• Click Interface on the Preferences submenu to display the Preferences dialog box

• In the Appearance area, click the third button, Medium Gray, to change the interface color

• Click the OK button in the Preferences dialog box to close the dialog box and return to the Photoshop workspace

Resetting the Interface Color

Page 14: Photoshop CS6 Chapter One

Editing a Photo 14

Resetting the Interface Color

Page 15: Photoshop CS6 Chapter One

Editing a Photo 15

• Click File on the Application bar to display the File menu• Click Open on the File menu to display the Open dialog

box• Click the Look in box arrow to display a list of available

storage locations, and then select the desired storage location

• Navigate to the location of the photo you wish to open, and then click the file to select it

• Click the Open button to open the selected file and display the open photo in the Photoshop workspace

Opening a Photo

Page 16: Photoshop CS6 Chapter One

Editing a Photo 16

Opening a Photo

Page 17: Photoshop CS6 Chapter One

Editing a Photo 17

The Application Bar

Page 18: Photoshop CS6 Chapter One

Editing a Photo 18

The Menu Bar and the Options Bar

Page 19: Photoshop CS6 Chapter One

Editing a Photo 19

The Options Bar

Page 20: Photoshop CS6 Chapter One

Editing a Photo 20

The Document Window

Page 21: Photoshop CS6 Chapter One

Editing a Photo 21

Panels

Page 22: Photoshop CS6 Chapter One

Editing a Photo 22

• Click File on the Application bar to display the File menu

• Click Save As to display the Save As dialog box• Type the desired file name in the File name text box• Navigate to the desired save location• Click the Format button to display the list of

available file formats• Click Photoshop (*.PSD, *.PDD) to select it• Click the Save button to save the document

Saving a Photo in the PSD Format

Page 23: Photoshop CS6 Chapter One

Editing a Photo 23

Saving a Photo in the PSD Format

Page 24: Photoshop CS6 Chapter One

Editing a Photo 24

• Click the Zoom Tool button on the Tools panel to select the Zoom Tool

• Move the mouse pointer into the document window to display the magnifying glass mouse pointer

• Click the location of the photo on which you wish to zoom in until the photo is zoomed to the desired level

Using the Zoom Tool

Page 25: Photoshop CS6 Chapter One

Editing a Photo 25

Using the Zoom Tool

Page 26: Photoshop CS6 Chapter One

Editing a Photo 26

• Click Window on the Application bar to display the Window menu

• Click Navigator on the Window menu to display the Navigator panel

• Drag the proxy view area on the Navigator Panel to display the desired portion of the photo

Using the Navigator Panel

Page 27: Photoshop CS6 Chapter One

Editing a Photo 27

Using the Navigator Panel

Page 28: Photoshop CS6 Chapter One

Editing a Photo 28

• Click the double arrow at the top of the Navigator panel

Minimizing the Navigator Panel

Page 29: Photoshop CS6 Chapter One

Editing a Photo 29

• Click the Hand Tool button on the Tools panel to select the Hand Tool

• Drag in the document window to display the center portion of the photo

Using the Hand Tool

Page 30: Photoshop CS6 Chapter One

Editing a Photo 30

Using the Hand Tool

Page 31: Photoshop CS6 Chapter One

Editing a Photo 31

• Double-click the Magnification box on the status bar to select the current magnification

• Type the desired magnification and then press the ENTER key to change the magnification

Changing the Magnification

Page 32: Photoshop CS6 Chapter One

Editing a Photo 32

• Click View on the Application bar to display the View menu

• Click Rulers to display the rulers in the document window

Displaying Rulers

Page 33: Photoshop CS6 Chapter One

Editing a Photo 33

Displaying Rulers

Page 34: Photoshop CS6 Chapter One

Editing a Photo 34

Editing the Photo

Page 35: Photoshop CS6 Chapter One

Editing a Photo 35

• Click the Crop Tool button on the Tools panel to select the Crop Tool

• Click the photo to display the rule of thirds grid• If necessary, click the Delete Cropped Pixels check

box on the options bar, so that it displays a check mark

• Drag the cropping handles to their desired locations

• Press the ENTER key to complete the crop

Cropping a Photo

Page 36: Photoshop CS6 Chapter One

Editing a Photo 36

Cropping a Photo

Page 37: Photoshop CS6 Chapter One

Editing a Photo 37

• On the Application bar, click Select to display the Select menu

• On the Select menu, click All to display the selection marquee around the entire photo

Creating a Selection

Page 38: Photoshop CS6 Chapter One

Editing a Photo 38

• With the photograph selected, click Edit on the Application bar to display the Edit menu

• Click Stroke to display the Stroke dialog box• Type the desired width in the Width box• Click the OK button to apply the stroke

Stroking a Selection

Page 39: Photoshop CS6 Chapter One

Editing a Photo 39

Stroking a Selection

Page 40: Photoshop CS6 Chapter One

Editing a Photo 40

• On the Application bar, click Select, and then point to Modify to display the Modify submenu

• Click Border on the Modify submenu to display the Border Selection dialog box

• Type the desired width in the Width box to create a border selection on each side of the photo

• Click the OK button in the Border Selection dialog box to define the selection

Modifying a Selection

Page 41: Photoshop CS6 Chapter One

Editing a Photo 41

Modifying a Selection

Page 42: Photoshop CS6 Chapter One

Editing a Photo 42

• Click the Switch Foreground and Background Colors button to reverse the colors

Switching Foreground and Background Colors

Page 43: Photoshop CS6 Chapter One

Editing a Photo 43

• Click Select on the Application bar and then click Deselect to remove the selection

Deselecting

Page 44: Photoshop CS6 Chapter One

Editing a Photo 44

• Click File on the Application bar and then click Save to save the photo with the same file name

Saving a Photo with the Same File Name

Page 45: Photoshop CS6 Chapter One

Editing a Photo 45

• Click the Close button on the document window tab to close the document window and the image file

Closing a Photo

Page 46: Photoshop CS6 Chapter One

Editing a Photo 46

• Click File on the Application bar and then point to Open Recent to display the Open Recent submenu

• Click the desired file on the Open Recent submenu to open the file

Opening a Recent File

Page 47: Photoshop CS6 Chapter One

Editing a Photo 47

• Click Image on the Application bar to display the Image menu

• Click Image Size to display the Image Size dialog box

• In the Document Size area, set the desired width and height

• Click the OK button to finish resizing the image

Resizing the Image

Page 48: Photoshop CS6 Chapter One

Editing a Photo 48

Resizing the Image

Page 49: Photoshop CS6 Chapter One

Editing a Photo 49

• Click the Horizontal Type Tool on the Tools panel to select it

• If the solid T icon does not appear on the button, right-click the button to display its context menu, then click Horizontal Type Tool in the list

Selecting the Horizontal Type Tool

Page 50: Photoshop CS6 Chapter One

Editing a Photo 50

• On the options bar, click the ‘Set the font family’ box arrow to display the list of font families

• Scroll in the list and then click the desired font family

• Click the ‘Set the font style’ box arrow to display the list of font styles

• Click the desired font style• Select the value in the ‘Set the font size’ box, and

then type desired size

Setting Font Options

Page 51: Photoshop CS6 Chapter One

Editing a Photo 51

• Click the ‘Set the text color’ box to open the Color Picker (Text Color) dialog box

• Click the desired color• Click the OK button in the Color Picker (Text Color)

dialog box to apply the text color

Setting Font Options

Page 52: Photoshop CS6 Chapter One

Editing a Photo 52

• With the Horizontal Type Tool selected, drag a bounding box in the desired location

• Type the desired text• On the options bar, click the ‘Commit any current

edits’ button to finish the new layer

Inserting Text

Page 53: Photoshop CS6 Chapter One

Editing a Photo 53

Inserting Text

Page 54: Photoshop CS6 Chapter One

Editing a Photo 54

• With the new layer still selected on the Layer’s panel, click the ‘Add a layer style’ button on the Layers panel status bar

• Click Stroke in the list of layer styles to display the Layer Style dialog box

• Type the desired stroke size in the Size box• Click the OK button in the Layer Style dialog box to

accept the settings and add the stroke

Stroking Text

Page 55: Photoshop CS6 Chapter One

Editing a Photo 55

Stroking Text

Page 56: Photoshop CS6 Chapter One

Editing a Photo 56

• Click File on the Application bar and then click Save As to display the Save As dialog box

Saving a Photo with a Different Name

Page 57: Photoshop CS6 Chapter One

Editing a Photo 57

• Ready the printer according to the printer instructions• Click File on the Application bar and then click Print to

display the Print dialog box• If necessary, click the Printer box arrow and then select

your printer from the list. Do not change any other settings• In the Print dialog box, click the Print button to start the

printing process. If your system displays a second Print dialog box or a Print Settings dialog box, unique to your printer, click its Print button

• When the printer stops, retrieve the hard copy of the photo

Printing a Photo

Page 58: Photoshop CS6 Chapter One

Editing a Photo 58

Printing a Photo

Page 59: Photoshop CS6 Chapter One

Editing a Photo 59

• Click File on the Application bar to display the File menu and then click Save for Web to display the Save for Web dialog box

• Click the 4-Up tab to display four versions of the photo

Previewing Using the Save for Web Dialog Box

Page 60: Photoshop CS6 Chapter One

Editing a Photo 60

Previewing Using the Save for Web Dialog Box

Page 61: Photoshop CS6 Chapter One

Editing a Photo 61

• Click the upper-right preview, if necessary, to choose a high quality version of the photo

• In the annotation area below the upper-right preview, click the ‘Select download speed’ button to display the list of connection speeds

• In the list, click the desired download speed

Choosing a Download Speed

Page 62: Photoshop CS6 Chapter One

Editing a Photo 62

Choosing a Download Speed

Page 63: Photoshop CS6 Chapter One

Editing a Photo 63

• Click the Preview button to display the photo in a Web browser

• If necessary, double-click the browser’s application bar to maximize the browser window

• Click the Close button on the browser’s application bar to close the browser window

Previewing a Photo on the Web

Page 64: Photoshop CS6 Chapter One

Editing a Photo 64

Previewing a Photo on the Web

Page 65: Photoshop CS6 Chapter One

Editing a Photo 65

• In the Save for Web dialog box, click the Save button to display the Save Optimized As dialog box

• Type the desired file name in the File name text box

• Navigate to the desired save location• Click the Save button in the Save Optimized As

dialog box to save the file

Saving a Photo for the Web

Page 66: Photoshop CS6 Chapter One

Editing a Photo 66

Saving a Photo for the Web

Page 67: Photoshop CS6 Chapter One

Editing a Photo 67

• With Photoshop open on your system, press the F1 key to access Photoshop Help / Help and tutorials page

• If necessary, double-click the application bar to maximize the window

Accessing Photoshop Help

Page 68: Photoshop CS6 Chapter One

Editing a Photo 68

Accessing Photoshop Help

Page 69: Photoshop CS6 Chapter One

Editing a Photo 69

• Click the Search box and then type the desired search topic

• Press the ENTER key to display the relevant links• Click the desired link to display the contents• Scroll as necessary to read the information

Using the Help Search Box

Page 70: Photoshop CS6 Chapter One

Editing a Photo 70

Using the Help Search Box

Page 71: Photoshop CS6 Chapter One

Editing a Photo 71

• Click the Close button on the right side of the Application bar to close the window

• If Photoshop displays a dialog box asking you to save changes, click the No button

Quitting Photoshop

Page 72: Photoshop CS6 Chapter One

Editing a Photo 72

• Start Photoshop and customize the Photoshop workspace

• Open a photo• Identify parts of the Photoshop workspace• Explain file types• Save a photo for both print and the Web• View a photo using the Zoom Tool, Navigator

panel, and the Hand Tool• Display rulers

Chapter Summary

Page 73: Photoshop CS6 Chapter One

Editing a Photo 73

• Crop a photo using the rule of thirds overlay• Save a photo for both print and the Web• Create a border• Open a recent file• Resize a photo• Insert text and stroke• Print a photo• Access Photoshop Help• Close a file and quit Photoshop

Chapter Summary

Page 74: Photoshop CS6 Chapter One

Chapter 1 Complete

Adobe® Photoshop® CS6