HTML Comprehensive Concepts and Techniques Second Edition

2  Start Adobe Photoshop CS  Learn how to open and save an image  Examine the Photoshop window  Use the Layers and History palette  Learn about Photoshop by using Help  View and print an image  Close a file and exit Photoshop Chapter Lessons

3  What is Photoshop? –An image editing program used to create and modify digital images  What is a digital image? –A picture in an electronic form Using Photoshop

4  What can Photoshop be used for? –Create original artwork –Manipulate color images –Retouch photographs –Repair damaged images –Create images for Web pages Using Photoshop

5 Understanding Platform Interfaces  Use Photoshop in two interfaces: –Windows and Macintosh  Differences are slight; for example: –Use [Ctrl] and [Alt] keys in Windows –Use [command] and [option] keys in Macintosh

6 Where to Obtain Images  Create original artwork in Photoshop  Use images downloaded from the World Wide Web  Use scanned images or images taken with a digital camera

7 Start Adobe Photoshop CS File Formats  Use Photoshop to open and create different kinds of file formats

8 Understanding Images  An image is made up of dots called pixels  In Photoshop, you can add, delete, or modify individual pixels or groups of pixels

9 Start Photoshop (Windows)  Click the Start button on the taskbar  Point to All Programs, then click Adobe Photoshop CS Start Button

10 Start Photoshop (Macintosh)  Double-click the hard drive icon, then double-click the Adobe Photoshop CS folder  Double-click the Adobe Photoshop CS program icon Hard drive icon Program icon

11 Creating a New File  Click File on the menu bar  Click New  Enter the required width in the Width text box  Enter the required height in the Height text box  Click OK

12 Learn How to Open and Save an Image Saving a File Options  Use Save As to save a file under a new name and to preserve a copy of the original file  Open a file in one file format (e.g.,.BMP) and save it in another file format (e.g.,.JPG)

13 Setting Preferences  Use the Preferences dialog box to customize how files are opened in Photoshop  Options include: –Using Open Recent to locate and open files recently worked on –Changing the Image Preview to thumbnails

14 Using the File Browser  Examine files on your computer  Organizational options include: –Sort –Rank –Flag

15 Using the File Browser Flagged file Ranked file

16 File Info Dialog Box  Purposes of the File Info dialog box –Identify a file –Add a caption or other text to a file –Add a copyright notice to a file

17 Opening a File I  Use the File menu to open a file: –Click File on the menu bar, then click Open –Click the Look in or From list arrow –Navigate to the location of the file –Click the file, then click Open

18 Opening a File II  Use the File Browser to open a file: –Click the File Browser tab in the palette well –Navigate to the location of the file –Double-click the file thumbnail to open it in Photoshop

19 File Browser Window Show list arrow Enlargement of active file

20 Using the Save As Command  Use the Save As command to save an existing file with a new filename: –Click File on the menu bar, then click Save As –Navigate to the location where you want to save the file –Type a new filename, then click Save

21 Examine the Photoshop Window  The Workspace includes the following elements: –Work area –Command menu –Toolbox –Status bar –Palettes

22 Workspace Elements Work Area Toolbox Palettes Status Bar Command menu

23 Customizing the Workspace  Customize the workspace by positioning elements to suit your working style  To save a workspace: –Click Window on the menu bar, point to Workspace, click Save Workspace, type a name, then click Save

24 Using Tools  Use tools in Photoshop to perform actions (e.g., zoom, type text, etc.)  Point to a tool to view a ScreenTip that provides the name or function of the tool  Check the options bar to view current settings for a selected tool

25 Using Tool Shortcut Keys  Press and hold [Shift]  Press the tool’s shortcut key (e.g., T for Type Tool)  Continue to press [Shift] and the shortcut key to cycle through a tool’s hidden tools

26 Using Palettes  Use palettes to verify settings and modify images  Each palette consists of multiple palettes  Palettes can be separated and moved around the workspace  Each palette contains a menu

27 Palette Example Click a tab to make a palette active Click to access the palette menu

28 Use the Layers and History Palettes Understanding Layers  What are layers? –A section within an image that can be manipulated independently –Use layers to control individual elements in an image

29 Layers Palette  The order in which the layers appear in the Layers palette matches the order in which they appear in the image

30 Layers Palette Currently active layer

31 History Palette  The History palette contains a record of each task completed in an image  The record of an event is called a state  The History palette displays up to 20 states

32 Learn about Photoshop by Using Help  Photoshop Help information appears in a browser window  Five links are included in the Help window: –Using Help, Contents, Index, Site Map, Search

33 Learn about Photoshop by Using Help Using Help link

34 View and Print an Image  Use the Zoom tool to change views—up to a maximum of 1600%

35 View and Print an Image  Use the Page Setup dialog box to set printing options

36 Close a File and Exit Photoshop Conclude a Work Session  Close the file: –Click File on the menu bar, click Close, then click Yes (Win) or Save (Mac)  Exit Photoshop: –Click File on the menu bar, then click Exit (Win) –Click Photoshop on the menu bar, then click Quit (Mac)

37 Tasks  Open a file  Examine the workspace  Understand palettes  Identify layers  Use the History palette  Use Help  View, print, and close a file