Adobe Photoshop 7 - Classroom in A Book - 01
Adobe Photoshop 7 - Classroom in A Book - 01
Adobe Photoshop 7 - Classroom in A Book - 01
As you work with Adobe Photoshop and Adobe ImageReady, youll discover that there is often more than one way to accomplish the same task. To make the best use of the extensive editing capabilities in these programs, you rst must learn to navigate the work area.
12 LESSON 1
Getting to Know the Work Area
Open an Adobe Photoshop le. Select tools from the toolbox. Use viewing options to enlarge and reduce the display of an image. Work with palettes. Use online Help.
This lesson will take about 60 minutes to complete. The lesson is designed to be done in Adobe Photoshop, but information on using similar functionality in Adobe ImageReady is included where appropriate. Before starting Adobe Photoshop, locate the Lesson01 folder on the Adobe Photoshop 7.0 Classroom in a Book CD, and copy the folder into the Lessons folder on your hard drive. As you work on this lesson, youll overwrite the start les. If you need to restore the start les, copy them from the Adobe Photoshop 7.0 Classroom in a Book CD. Before beginning this lesson, restore the default application settings for Adobe Photoshop. See Restoring default preferences on page 5. Note: Windows users need to unlock the lesson les before using them. For more information, see Copying the Classroom in a Book les on page 4.
For information on the kinds of les you can use with Adobe Photoshop, see About le formats in Adobe Photoshop 7.0 online Help.
14 LESSON 1
Getting to Know the Work Area
1 On the desktop, double-click the Adobe Photoshop icon to start Adobe Photoshop. If you do not see the Photoshop icon on your desktop, look for it on the Start/Programs/Adobe menu (Windows), in the Applications folder in the Finder (Mac OS 9 and Mac OS 10), or in the dock (Mac OS 10). 2 Choose File > Open, and open the le 01Start.psd from the Lessons/Lesson01 folder that you copied to your hard drive.
A B F
C G
A. Menu bar B. Tool options bar C. Toolbox D. Info bar E. Image window F. Palette well G. Palettes
16 LESSON 1
Getting to Know the Work Area
Photoshop and ImageReady use the same keyboard shortcut keys for corresponding keys, with the exceptions of A, P, Q, and Y:
In Photoshop, press A for the selection tools; in ImageReady, press A to show or hide image maps. In Photoshop, press P for the pen tools; in ImageReady, press P for the image map tools. In Photoshop, press Q to switch between Quick Mask mode and Standard mode; in ImageReady, press Q to show or hide slices. In Photoshop, press Y for the history brush tools; in ImageReady, press Y for rollover preview.
Some of the tool buttons in the toolbox include a small triangle at the bottom right corner, indicating the presence of additional tools hidden behind the selected tool.
Hold down the mouse button on a tool with a small triangle symbol (such as the rectangular marquee tool, which is the default tool selection) to open a pop-up menu of the additional hidden tools. Drag the pointer to the tool you want to use, and release the mouse button. Hold down Alt (Windows) or Option (Mac OS), and click the tool in the toolbox to toggle through the hidden tools in sequence until the tool you want to use is selected. Press Shift + the tools keyboard shortcut repeatedly until the tool you want is selected.
18 LESSON 1
Getting to Know the Work Area
Photoshop 7.0
Adobe Online Marquee Lasso Crop Healing brush Clone stamp Eraser Blur Path selection Pen Note Hand Foreground color Default colors Standard mode Standard screen mode Full screen mode with menu bar Quick Mask mode Full screen mode Jump to ImageReady Move Magic wand Slice Brush History brush Gradient Dodge Type Rectangle Eyedropper Zoom Switch foreground and background colors Background color
ImageReady 7.0
Adobe Online Marquee Lasso Rectangle image map Eraser Clone stamp Paint bucket Crop Hand Move Magic wand Slice Brush Rectangle Type Eyedropper Zoom Switch foreground and background colors Background color Default colors Toggle image maps visibility Preview document Standard screen mode Full screen mode with menu bar Toggle slices visibility Preview in Default Browser Full screen mode Jump to Photoshop
Foreground color
For an overview of the tools that describes their functions, see gure 1-1 in the color section.
20 LESSON 1
Getting to Know the Work Area
Note: If the tool options bar does not appear, open the Window menu and make sure that the Options command has a check mark, or select it now to display the tool options bar. 2 Select a different tool in the toolbox, and notice how the tool option bar changes.
3 To move the tool options bar, drag the left edge of the tool options bar to a new location. In Photoshop, the left edge appears as a gripper bar when the tool options bar is docked under the menu bar or at the bottom of the work area. Note: In Photoshop (Windows, Mac OS 10) and ImageReady (all platforms), you can double-click the gripper bar at the left end of the tool options bar to collapse it, so that only the tool icon appears.
4 To dock the Photoshop tool options bar again under the menu bar or at the bottom of your screen, drag the tool options bar by its left edge until it snaps into position. After you select options for a tool, those options remain selected until you change them again, even if you select other tools and work with them. You can easily reset your tool options back to the default settings. 5 To reapply default settings for a tool, click the tool in the tool options bar to open a pop-up palette, and then open the palette menu and choose Reset Tool. (Then click anywhere outside the pop-up palette to close it.)
Notice that you can also choose Reset All Tools from that same palette menu to restore the default settings for all tools.
22 LESSON 1
Getting to Know the Work Area
Entering values
Some tool options bars, palettes, and dialog boxes contain options that you enter as values. There are various methods for entering values: sliders, angle controls, arrow buttons, and text boxes. As you do each lesson, whenever youre asked to enter a value, use one of the methods listed below. In many cases, you may have a choice of techniques that you can use to enter the value.
Type a value in the text box. To apply your entry, do one of the following: select a different option or text box in the palette; press Tab to go to a different text box in the palette; click the background in the composition; or press Enter or Return.
Note: For certain options, you can use numeric shortcuts for entering percentages. For instance, typing 1 enters 10%, 2 enters 20%, 3 enters 30%, and so on.
A B C D
Drag the slider to change the value. In many cases, you must rst click a down arrow button next to the text box to open the slider. If you shift-drag a slider, the values change in increments of 10 units. Click the up arrow and down arrow buttons to increase and decrease values. Drag an angle control to change the value. Shift-drag to change the angle in 15-degree increments. (Windows, Mac OS 10 only) Click in the text eld and then press the Up Arrow or Down Arrow key on the keyboard to increase or decrease the value. Hold down Shift as you click an arrow key to change the value in increments of 10 units. (Windows only) Use the mouse wheel to increase or decrease the value.
To cancel values before you apply them, press the Escape key.
Viewing images
You can view your image at any magnication level from 0.29% (Photoshop) or 12.5% (ImageReady) to 1600% of the images actual size. Adobe Photoshop displays this percentage in the image window title bar. When you use any of the viewing tools and commands, you affect the display of the image, not the image dimensions or le size.
Choose View > Zoom In to enlarge the display of the image. Choose View > Zoom Out to reduce the display of the image. Choose View > Fit on Screen. The size of the image and the size of your monitor determine how large the image appears on-screen.
Note: You can also double-click the hand tool ( ) in the toolbox to t the image on your screen. Each time you choose a Zoom command, the view of the image is resized. The percentage at which the image is viewed is displayed in the Title bar and in the lower left corner of the image window.
24 LESSON 1
Getting to Know the Work Area
Area selected
Resulting view
The percentage at which the area is magnied is determined by the size of the marquee you draw with the zoom tool. (The smaller the marquee you draw, the larger the level of magnication will be.) Note: You can draw a marquee with the zoom-in tool to enlarge the view of an image, but you cannot draw a marquee with the zoom-out tool to reduce the view of an image. You can use the zoom tool to return quickly to a 100% view, regardless of the current magnication level. 6 In the toolbox, double-click the zoom tool button to return the 01Start le to a 100% view.
Because the zoom tool is used frequently during the editing process to enlarge and reduce the view of an image, you can select it from the keyboard at any time without deselecting the active tool. 7 Select another tool, such as the hand tool ( ). 8 Use the keyboard to temporarily select the zoom-in tool by holding down spacebar+Ctrl (Windows) or spacebar+Command (Mac OS). Click to zoom in on an area of the image, and then release the keys. 9 To select the zoom-out tool from the keyboard, hold down spacebar+Alt (Windows) or spacebar+Option (Mac OS). Click the image to reduce the magnication, and then release the keys.
Scrolling an image
You use the hand tool to scroll through an image that does not t in the active window. If the image ts in the active window, the hand tool has no effect when you drag it in the image window. 1 Drag the lower right corner of the image window inward to reduce the window size so that only part of the image ts in the window. 2 Select the hand tool ( ) and drag different directions in the image window to bring another skater into view. As you drag, the image moves with the hand tool pointer. Like the zoom tool, you can select the hand tool from the keyboard without deselecting the active tool. 3 Select any tool but the hand tool. 4 Hold down the spacebar to select the hand tool from the keyboard. Drag to reposition the image. Then release the spacebar. 5 Double-click the zoom tool to return the image to 100% magnication. Note: To return the window to its original size at 100% view, select Resize Windows to Fit in the zoom tool options bar, and then double-click the zoom tool.
26 LESSON 1
Getting to Know the Work Area
4 Drag the hand to drag the red outline to different parts of the image. In the image window, notice that the area of the image that is visible also changes as you drag in the Navigator palette. You can also draw a marquee in the Navigator palette to identify the area of the image you want to view. 5 With the pointer still positioned in the Navigator palette, hold down Ctrl (Windows) or Command (Mac OS), and draw a marquee over an area of the image. The smaller the marquee you draw, the greater the magnication level in the image window will be.
By default, the le size for the active image appears in the Info bar. The rst value indicates the size if saved as a attened le with no layer data; the second value indicates the size if saved with all layers and channels. In ImageReady, you can use the percentage pop-up menu in the Info bar to change the view of an image by a preset zoom percentage. For complete information on the ImageReady Info bar options, see Looking at the Work Area in ImageReady 7.0 online Help.
28 LESSON 1
Getting to Know the Work Area
To hide all open palettes, the toolbox, and the tool options bar, press Tab. Then press Tab again to reopen them. To hide or display the palettes only (but not change the toolbox or tool options bar displays), press Shift+Tab. To make a palette appear at the front of its group, click the palette tab.
To move an entire palette group, drag the title bar to another location. To separate a palette from its palette group, drag the palette tab beyond the existing group.
To move a palette to another group, drag the palette tab inside that palette group so that a black highlight appears inside the group, and then release the mouse button.
To dock a palette in the palette well on the Photoshop tool options bar, drag the palette tab into the palette well so that the palette well is highlighted.
Note: Palettes are considered hidden when stored in the palette well. Clicking on the title of a palette stored in the well temporarily opens the palette until you click outside the palette or click the palette tab a second time.
30 LESSON 1
Getting to Know the Work Area
To change the height of a palette, drag its lower right corner. To return a resized palette to its default size, click the minimize/maximize box (Windows) or the resize box (Mac OS). (A second click collapses the palette group.)
Note: You cannot resize the Info, Color, Character, and Paragraph palettes in Photoshop, or the Optimize, Info, Color, Layer Options, Character, Paragraph, Slice, and Image Map palettes in ImageReady.
To collapse a group to palette titles only, Alt-click the minimize/maximize box (Windows) or click the resize box (Mac OS). Or, double-click a palette tab.
Notice that the tabs for the various palettes in the palette group and the button for the palette menu remain visible after you collapse a palette.
To reset palettes to the default positions, choose Window > Workspace > Reset Palette Locations. To always start with the preset palette and dialog box positions, choose Edit > Preferences > General (Windows, Mac OS 9) or Photoshop > Preferences > General (Mac OS 10), and deselect the Save Palette Locations check box. The change takes effect the next time you start Adobe Photoshop or Adobe ImageReady.
To display a context menu, position the pointer over the image or over an item in a palette and right-click (Windows) or Control-click (Mac OS). To try this out, select the eyedropper tool ( ), move it over the image window, and right-click or Control-click. A context menu appears, showing options you can set for the eyedropper tool, including a palette menu with additional options. You can also access these options by clicking the Brush option arrow in the tool options bar.
Scanning a table of contents. Searching for keywords. Using an index. Jumping from topic to topic using related topic links.
32 LESSON 1
Getting to Know the Work Area
First youll try looking for a topic using the Contents screen. 1 Display online Help, choose Help > Photoshop Help (Photoshop) or Help > ImageReady Help (ImageReady). Note: In Windows, you can also open Photoshop Help by pressing F1. Your browser opens. The topics for the Photoshop 7.0 online Help system appear in the left frame of your browser window.
2 In the left frame of the Help window, scroll down to skim through the Help contents. The contents are organized in a hierarchy of topics, just like the chapters of a book. 3 Near the top of the list of topics in the left pane, click Looking at the Work Area. The Looking at the Work Area Help topic appears in the right pane. 4 In the right pane, click Using the toolbox to open that topic.
5 Near the bottom of the Using the toolbox topic, click Toolbox overview (1 of 3) to open that topic. An illustration of various tools appears with brief descriptions of each tool. The online Help topics are interactive. You can click any text link to jump to another topic. Whenever you move the mouse pointer over a link or a hotspot, the mouse pointer changes to a pointing-nger icon ( ).
34 LESSON 1
Getting to Know the Work Area
5 Click the number [1] next to an entry to open the rst topic about that entry. (If there is more than one number, clicking the number [2] or [3] opens a second or third topic about the same entry.)
6 When you have nished browsing, click the Close box to close the Photoshop online Help window, or quit your browser application.
36 LESSON 1
Getting to Know the Work Area
Jumping to ImageReady
Now youll switch to ImageReady. Jumping between the applications lets you use the full feature sets of both applications when preparing graphics for the Web or other purposes, yet still maintain a streamlined workow. 1 In the Photoshop toolbox, click the Jump To ImageReady button ( The 01Start.psd le opens in ImageReady. You can jump between Photoshop and ImageReady to transfer an image between the two applications for editing, without closing or exiting the originating application. In addition, you can jump from ImageReady to other graphics-editing applications and HTML-editing applications installed on your system. For more information on jumping to other applications in ImageReady, see Photoshop 7.0 online Help. 2 In ImageReady, click the Jump To Photoshop button ( ) in the toolbox to return to Photoshop, or choose File > Jump To > Adobe Photoshop 7.0. Each time an image in Photoshop or ImageReady is updated with changes made in a jumped-to application, a single history state is added to the Photoshop or ImageReady History palette. Youll learn more about how to use the History palette later; see About snapshots and History palette states on page 203 of this book. 3 Close the le. Now that youre acquainted with the basics of the Photoshop 7.0 work area, youre ready to explore the new File Browser feature or to begin learning how to create and edit images. Once you know the basics, you can do the Adobe Photoshop 7.0 Classroom in a Book lessons in sequential order or you can jump ahead to the subject matter that most interests you. ).
Review questions
1 Describe two ways to change your view of an image. 2 How do you select tools in Photoshop or ImageReady? 3 What are two ways to get more information about Photoshop and ImageReady? 4 Describe two ways to create images in Photoshop and ImageReady. 5 How do you switch between Photoshop and ImageReady?
Review answers
1 You can choose commands from the View menu to zoom in or out of an image, or to t it to your screen; you can also use the zoom tools and click or drag over an image to enlarge or reduce the view. In addition, you can use keyboard shortcuts to magnify or reduce the display of an image. You can also use the Navigator palette to scroll an image or change its magnication without using the image window. 2 To select a tool, you can select the tool in the toolbox, or you can press the tools keyboard shortcut. A selected tool remains active until you select a different tool. To select a hidden tool, you can use either a combination keyboard shortcut to toggle through the tools or you can hold down the mouse button on the tool in the toolbox to open a popup menu of the hidden tools. 3 Adobe Photoshop contains online Help, with all the information in the Adobe Photoshop 7.0 User Guide, plus keyboard shortcuts and some additional information and full-color illustrations. Photoshop also includes a link to the Adobe Systems home page for additional information on services, products, and tips pertaining to Photoshop. ImageReady 7.0 also contains online Help and a link to the Adobe home page. 4 You can create original artwork in Adobe Photoshop or ImageReady, or you can get images into the program by scanning a photograph, a transparency, a negative, or a graphic; by capturing a video image; or by importing artwork created in drawing programs. You can also import previously digitized imagessuch as those produced by a digital camera or by the Kodak Photo CD process. 5 You can click the Jump To button in the toolbox or choose File > Jump To to switch between Photoshop and ImageReady.