Adobe Photoshop CS4 Digital Classroom phần 2 pot

For this lesson you will simply set the text as instructed, but if you want to discover more possibilities with text, read Lesson 4, “The Basics of Working in Photoshop.” 1 Make sure th

Adding a text layer

1

7 Click on the This Adjustment Aff ects All Layers Below button ( ) at the bottom of the Adjustments panel The only layer being aff ected by the Black & White adjustment layer

is the boy layer

Click on the This Adjustment Aff ects The grayscale applies only to the layer directly underneath it.

All Layers Below button

8 Choose File > Save to save this fi le, and keep it open for the next part of this lesson

Adding a text layer

Adding text is the fi nal step before converting this image into a 3D object In this part of the lesson, you will create text that will be positioned off to the right of the postcard For this lesson you will simply set the text as instructed, but if you want to discover more possibilities with text, read Lesson 4, “The Basics of Working in Photoshop.”

1 Make sure that the topmost (Black & White) layer is selected; then select the Type tool ( ) and click off to the right of the boy in the image area The cursor appears

activate both words You will now take advantage of some keyboard shortcuts to help speed up the font size and typeface selection

Making a 3D postcard 1

press the > (Greater Than) key to make the text incrementally larger Continue

pressing the > key until your text is approximately 36 points If you are not in favor of

using keyboard shortcuts, you may simply type 36 into the Font size text box in the

Application bar

To make text incrementally smaller, you use the < (Less Than) key instead of the > key.

5 Change the leading, or space between the lines of text, by pressing Alt+up arrow

(Windows) or Option+up arrow (Mac OS) If you decrease the space too much, you

can press Alt+down arrow (Windows) or Option+down arrow (Mac OS) to increase

the leading, the vertical space between the lines of type You do not need any specifi c

settings for this step; simply set the leading to the amount you feel works well

6 Click and drag to highlight the font name in the Application bar at the top of the image

area, and then press the up or down arrow key to change your font selection to the font

that is on the list before or after the current font selection This is an easy visual method

to use when selecting a font No specifi c font is required; in the example, the Poor

Richard font is selected

7 To change the color of the text to white, click once on the Set the Text Color box in the

Application bar When the Color Picker appears, click on a white (or light) color in the

upper-left corner of the color pane Press OK The text is now white

Change the text to 36 points, and then select the font and text color.

8 If necessary, switch to the Move tool ( ) and reposition the text to be centered in the sky

area off to the right in the image

9 Press Ctrl+S (Windows) or Command+S (Mac OS) to save this fi le Keep it open for the

next part of this lesson

Converting multiple layers into one smart object layer

Because the 3D features work with an individual layer, you will fi rst convert the multiple layers in this image into one smart object layer A smart object layer can embed multiple layers into one layer You can re-open the separate layers by double-clicking on the smart object layer in the Layers panel Find out more about smart objects in Lesson 10, “Getting Smart

Select all layers Convert them to one smart object layer.

Turning your image into a 3D texture

You will now take the smart object layer that you have created and apply it as a texture to a 3D object In this example you will create a simple 3D postcard

To avoid clipping off some of the layer, you will expand the canvas This makes your work area a little larger, and creates some needed space for 3D rotation

1 Choose Image > Canvas Size; the Canvas Size dialog box appears

Turning your image into a 3D texture 1

drop-down menu Then type 125 in the Height text box, and press OK An additional

25 percent of transparency appears around the image

Increase the canvas size The result.

3 With the smart object Bike On! still selected, choose 3D > New 3D Postcard from

Layer You may not see any change occur at this time

4 Choose the 3D Rotate tool ( ) from the Tools panel, and then click and drag the image

The image rotates in space, much like an actual postcard might Experiment with the

rotation until you fi nd a satisfactory position; no specifi c coordinates are required for this

The completed fi le.

Congratulations! You have completed the tour of Adobe Photoshop CS4 Read to

discover more details about the features you were introduced to in this lesson

What you’ll learn

in this lesson:

Opening a file using

•

Adobe BridgeUsing Photoshop tools

•

Navigating in your

•

image areaUsing panels

•

Getting to Know

the Workspace

In this lesson, you’ll learn how to best use the Adobe Photoshop

CS4 work area You will also discover how to open a document

using Adobe Bridge, how to use the Tools panel, and how to easily

navigate images.

Starting up

Adobe Photoshop is an image-editing program that can open an image captured by a scanner

or digital camera, or downloaded from the web It can also open captured video images and

vector illustrations In addition, you can create new documents in Photoshop, including vector

graphics, which are scalable image fi les (for example, the images can be enlarged or reduced in

size with no loss of clarity)

Before starting, make sure that your tools and panels are consistent by resetting your preferences

See “Resetting Adobe Photoshop CS4 preferences” on page 3

You will work with several fi les from the ps02lessons folder in this lesson Make sure that you

have loaded the pslessons folder onto your hard drive from the supplied DVD See “Loading

lesson fi les” on page 5

Lesson 2

Starting up

2

See Lesson 2 in action!

Use the accompanying video to gain a better understanding of how to use some of the features shown in this lesson The video tutorial for this lesson can be found on the included DVD.

Opening an existing document in Adobe Bridge

As mentioned previously, Adobe Bridge is a standalone application that can be accessed using the File menu in any of the Creative Suite 4 applications, or by using the Launch Bridge button ( ) that is found on the Application bar or control panels of most of the Creative Suite 4 applications

2 Choose File > Browse in Bridge If the Folders panel is not in the foreground, click on it now to bring it forward, then click on Desktop, the fi rst list item in the Folders panel

3 Open the pslessons folder that you have already copied onto your desktop, and then open the ps02lessons folder

An image of a girl with a dandelion appears

2

Discovering the Tools panel 2

As you practice with the fi les throughout this book, you will fi nd that you are instructed

to save a work fi le immediately after opening the original fi le

5 Choose File > Save As to save a copy of this document to your ps02lessons folder

6 Navigate to the ps02lessons folder In the File name text fi eld, type ps0201_work, and

choose Photoshop from the Format drop-down menu Click Save

Discovering the Tools panel

When you start Photoshop, the Tools panel appears docked on the left side of the screen—it is

not a fl oating Tools panel, as it was in earlier versions of Photoshop There are four main groups

of tools, separated by functionality on the Tools panel: selection, cropping, and measuring;

retouching and painting; drawing and type; and 3D and navigation

A Selection, cropping, and measuring tools

B Retouching and painting tools

C Drawing and type tools.

D 3D and navigation tools.

Selection, Cropping, and Measuring Tools

COVERED

Marquee (M) Makes rectangular, elliptical, single row,

and single column selections.

Lesson 5

(straight-edged), and magnetic selections.

Lesson 5

Discovering the Tools panel

2

Retouching and Painting Tools

COVERED

History Brush (Y) Paints a duplicate of the selected state

Drawing and Type Tools

COVERED

Path Selection (A) Allows you to manipulate a path Lesson 7

3D and Navigation Tools

COVERED

Zoom (Z) Increases and decreases the relative size

of the view.

Lesson 2

Discovering the Tools panel 2

Can’t tell the tools apart? You can view tooltips that reveal a tool’s name and keyboard shortcut by

positioning your cursor over the tool.

The Tools panel is in a space-saving, one-column format Click on the gray title bar area above

the Tools panel to bring the Tools panel into the two-column view Click on the title bar again

to bring the Tools panel back to the default, single-column view Keep the Tools panel set to

whichever format works best for you

Hidden tools

Some of the tools in the Tools panel display a small triangle at the bottom-right corner; this

means that there are additional tools hidden under the tool

1 Click and hold the Blur tool to see the hidden Sharpen and Smudge tools

Selecting a hidden tool.

2 Drag to the Smudge tool ( ) and release The Smudge tool is now the visible tool

Most tools have options that you can adjust, using the Options bar that runs across the

top of your document window In this case, you will change an option for the Smudge

tool before using it on your image

3 Click on the arrow to the right of Brush in the Options bar to open up the Brush Preset

picker Using the Master Diameter slider, slide to the right until you reach approximately

the 100 mark, or type 100 into the Master Diameter text fi eld.

Now you can try painting with the tool you just customized

Navigating the image area

Smudging the seeds.

5 Choose File > Revert The image is returned to its last saved version

Navigating the image area

To work most effi ciently in Photoshop, you’ll want to know how to zoom (magnify) in and out of your image Changing the zoom level allows you to select and paint accurately and helps you see details that you might otherwise have overlooked The zoom function has a range from

a single pixel up to a 3200 percent enlargement, which gives you a lot of fl exibility in terms of viewing your images

You’ll start by using the View menu to reduce and enlarge the document view, and end by

fi tting the entire document on your screen

Navigating the image area 2

1 Choose View > Zoom In to enlarge the display of ps0201_work.psd

This is the keyboard shortcut for the Zoom In command that you accessed previously

from the View menu

This is the keyboard shortcut for View > Zoom Out

Now you will fi t the entire image on the screen

4 Choose View > Fit on Screen, or use the keyboard shortcut Ctrl+0 (zero) (Windows) or

Command+0 (zero) (Mac OS), to fi t the document to the screen

5 You can also display artwork at the size it will print by choosing View > Print Size

Using the Zoom tool

When you use the Zoom tool ( ), each click increases the view size to the next preset

percentage, and centers the display of the image around the location in the image that you

clicked on By holding the Alt (Windows) or Option (Mac OS) key down (with the Zoom tool

selected), you can zoom out of an image, decreasing the percentage and making the image view

smaller The magnifying glass cursor is empty when the image has reached either its maximum

magnifi cation level of 3200 percent or the minimum size of one pixel

1 Choose View > Fit on Screen

Fitting the image on the screen.

2 Select the Zoom tool, and click four times on the dandelion to zoom in You can also use

key modifi ers to change the behavior of the Zoom tool

zoom out You can accurately zoom into the exact region of an image by clicking and

dragging a marquee around that area in your image

Navigating the image area

2

4 With the Zoom tool still selected, hold down the mouse and click and drag from the top left of the dandelion to the bottom right of the dandelion You are creating a rectangular marquee selection over the dandelion Once you release the mouse, the area that was included in the marquee is now enlarged to fi ll the document window

Dragging a marquee over the dandelion.

5 Double-click the Zoom tool in the Tools panel to return to a 100 percent view

Because the Zoom tool is used so often, it would be tiresome to continually have to change from the Zoom tool back to the tool you were using Read on to see how you can activate the Zoom tool at any time without deselecting your current tool

6 Select the Move tool ( ) at the very top of the Tools panel

the Mac OS you must hold down spacebar before the Command key, otherwise you trigger Spotlight; the Move tool is temporarily converted into the Zoom In tool While still holding down Ctrl/Command+spacebar, click and drag over the dandelion again, then release Note that although you have changed the zoom level, the Move tool is still active

You can zoom out by holding down Alt+spacebar (Windows) or Option+spacebar (Mac OS).

8 Choose View > Fit on Screen

Navigating the image area 2

Using the Hand tool

The Hand tool allows you to move or pan the document It is a lot like pushing a piece of

paper around on your desk

1 Select the Zoom tool ( ), and click and drag on an area surrounding the dandelion

2 Select the Hand tool ( ), then click and drag to the right to push the picture to

the right Notice that when the Hand tool is active, four view buttons appear in the

Options bar (at the top of the work area) that allow you to change your current view to

Actual Pixels, Fit Screen, Fill Screen, and Print Size You can also select the Hand tool

from the Application bar Mac Users must choose Window > Application Bar to see the

Application bar

View options are available in the Options panel.

3 Select the Zoom tool and hold the spacebar Notice that the cursor turns into the Hand

tool Click and drag left to view the dandelion again By holding down the spacebar, you

can access the Hand tool without deselecting the current tool

4 Double-click the Hand tool in the Tools panel to fi t the entire image on your screen

This is the same as using Ctrl+0 (zero) (Windows) or Command+0 (zero) (Mac OS)

Using the Rotate View tool

The Rotate View tool allows you to rotate the image view of a document to match the way

you would typically draw or paint on paper or canvas This does not change the orientation of

a document, only the view Note that this feature only works with OpenGL enabled document

windows (see note on page 34.)

1 Click and hold on the Hand tool to display the hidden Rotate View tool

2 Drag to the Rotate View tool and release The Rotate View tool is now the active tool

3 Click on the gray area just outside the boundary of the open image and drag to the

left As you are dragging, you see an image of a compass displayed in the center of the

image, indicating the orientation of the image The image is now rotated in a

counter-clockwise direction

4 Click and drag again, but this time hold down the Shift key while dragging The image

is now rotated in 15-degree increments, giving you precise control of the image rotation

The image view can also be adjusted in the Options bar by typing in a numeric value or

by dragging the line in the Rotation icon

Navigating the image area

2

5 Double-click on the Rotate View tool or click the Reset View button in the Options bar

to return the view to normal

Dragging to rotate the view of the image.

The ability to use the Rotate View tool is dependent upon the capabilities of your computer The Rotate View tool relies on technology called OpenGL, which is used in high-performance graphics cards When you install Photoshop, it looks to see if your computer’s graphics card supports OpenGL and turns on the preference in Photoshop that enables OpenGL performance If your computer’s graphics card doesn’t support OpenGL, then you will not be able to use the Rotation tool In addition, you must be running Windows Vista or Mac OS X 10.4.11 or later to use the OpenGL features.

Navigating the image area 2

Ctrl+spacebar

Command+plus sign Command+spacebar

Alt+spacebar

Command+minus sign Option+spacebar Turn Zoom tool into

Zoom Out tool

the Hand tool

Command+0 (zero) or double-click the Hand tool Hand tool (except when Type tool

is selected)

Tabbed windows

In Photoshop CS4 you now have control over how your windows appear in the workspace

You can work with fl oating image windows, or choose to tab your windows across the top of

the workspace If you are working on the Windows OS tabbed windows are the default In this

section you fi nd out how to use the new tabbed workspace

1 If you are a Macintosh user and want to experiment with tabbed windows choose

Window > Application Frame

3 Double-click the ps0202.psd fi le to open the image in Photoshop The image is displayed

as a separate tab within Photoshop, allowing you to click on the tab to switch between

active images

Multiple open images appear as tabs at the top of the screen.

Navigating the image area

If you are a Windows user would prefer not to take advantage of the tabbed window feature, you can choose Edit > Preferences > Interface In the Panels & Documents section uncheck Open Documents as Tabs and press OK

To quickly move all fl oating windows back to tabbed windows, choose Window > Arrange >

Consolidate All to Tabs.

Maximizing productivity with screen modes

Now that you can zoom in and out of your document, as well as reposition it in your image window, it’s time to learn how to take advantage of screen modes You have a choice of three screen modes in which to work Most users start and stay in the default—standard screen mode—until they accidentally end up in another Screen modes control how much space your current image occupies on your screen, and whether you can see other Photoshop documents

as well The Standard Screen mode is the default screen mode when you open Photoshop for the fi rst time It displays an image on a neutral gray background for easy and accurate viewing

of color without distractions, and also provides a fl exible work area for dealing with panels

1 Click on the tab of the ps0201_work.psd image to make that image active

2 Position your cursor on the vertical line that runs down the left side of the panel docking area Click on the line and drag to the left Notice that this not only expands the panel docking area, but it also dynamically changes the image window when you release the mouse The document window is resized when dock widths change

The image area dynamically changes as the panel docking area is resized.

3 Press the Tab key; the Tools panel and other panels disappear, creating much more workspace Press the Tab key again to bring the Tools panel and other panels back

Navigating the image area 2

4 Press Shift+Tab to hide the panel docking area while keeping the rest of the panels

visible Press Shift+Tab to bring the hidden panels back Both the Tools panel and the

panel docking area should now be visible

As you position your cursor over various tools, you see a letter to the right of the tool name in the

tooltip This letter is the keyboard shortcut that you can use to access that tool You could, in fact,

work with the Tools panel closed and still have access to all the tools.

You will hide the panels once more so that you can take advantage of a hidden feature in

Photoshop CS4

Press the Tab key to hide the panels Then position your cursor over the thin gray strip

where the Tools panel had been, and pause The Tools panel reappears Note that the

Tools panel appears only while your cursor is in the Tools panel area, and it disappears if

you move your cursor out of that area Try this with the panel docking area to the right

of the screen, and watch as that also appears and disappears as your cursor moves over it

By changing the screen modes, you can locate over-extended anchor points and select

more accurately up to the edge of your image Changing modes can also help you to

present your image to clients in a clean workspace

5 Press the Tab key again to display all the panels

6 Press F to cycle to the next screen mode, which is Full Screen Mode With Menu Bar

This view surrounds the image out to the edge of the work area with a neutral gray

(even behind the docking area) and displays only one image at a time, without tabs and

centered within the work area You can access additional open images by choosing the

image name from the bottom of the Window menu

You can also change your screen mode by clicking and holding on the Change Screen

Mode button in the Application bar and selecting Full Screen Mode With Menu Bar

The Change Screen Mode button

accessed in the Application bar.

Navigating the image area

2

7 Notice that the gray background area (pasteboard) now extends to fi ll your entire screen, and your image is centered within that area One of the benefi ts of working in this mode

is that it provides more area when working on images

The Full Screen mode with Menu bar.