Adobe Photoshop CS4 Digital Classroom phần 10 ppsx

You can experiment with the placement of the light by using the Rotate the Light button in the 3D panel.. Animating the soda can333 Lesson 13, Introducing 3D 13 3 Click on the Rotate

Adjusting the lighting

Adobe Photoshop CS4 Digital Classroom

13

Adjusting the lighting

When working with 3D objects in Photoshop, you can control the lighting, and add additional light sources, or change the position and direction of the default lighting In this part of the lesson, you will adjust the lighting to be more intense, thereby improving the readability of the text on the can.

1 With the ps1301_work fi le still open, and the 3D panel still open, scroll down to the fi rst Infi nite Light 2 and click on it

2 In the options below, use the slider to change the intensity to a value of 2 The light becomes brighter.

Select Infi nite Light 2, then increase the light intensity.

You can experiment with the placement of the light by using the Rotate the Light button ( ) in the 3D panel In this part of the lesson, you simply select the Rotate the Light button and randomly reposition the light; no specifi c coordinates are necessary.

Animating the soda can

333 Lesson 13, Introducing 3D

13

3 Click on the Rotate the Light button in the 3D panel, and click and drag the light

source directly on the 3D image to rotate the light source around the 3D image.

As mentioned earlier, no specifi c coordinates are required for this; simply fi nd a location

that you feel works well for the image.

4 Press Ctrl+S (Windows) or Command+S (Mac OS) to save the fi le Keep the

ps1301_work fi le open for the next part of the lesson.

Animating the soda can

You touched on some animation techniques in Lesson 12; now you will have the opportunity

to make your can go for a spin.

1 Using the 3D Rotate tool, click and drag the 3D image in the image area, so that the

man’s face is facing forward.

Use the 3D Rotate tool to reposition the can.

2 Choose Window > Animation If the Animation window does not say ANIMATION

(TIMELINE) on the tab, click and hold down on the Animation’s panel menu and

choose Convert to Timeline from the drop-down menu.

Testing your animation

Adobe Photoshop CS4 Digital Classroom

13

3 Click on the arrow to the left of FizzyPop! to view all the properties that you can animate Then click on the stopwatch icon ( ) to the left of the 3D Object Position This defi nes the present position as being the starting point for the animation.

Start the animation by defi ning the starting object position.

4 Now click and drag the Current Time Marker (CTM) over to 3:00 in the Timeline.

5 Using the 3D Rotate tool ( ), click and drag the 3D object until the text is visible

A keyframe is automatically entered on the Timeline, indicating that there is a change

Testing your animation

You will now test your animation, and export it as a QuickTime movie.

1 Click and drag the CTM back to the beginning of the Timeline in the Animation panel.

2 Press the Play button ( ) in the Timeline panel to see your animation in action When you are fi nished viewing, press the Stop button ( ).

3 Choose File > Export > Render Video Understand that this is a basic introduction to the possibilities of using 3D and video, so you will leave the settings in the Render Video

at their defaults If you are a video professional, you will fi nd many of the features that you need to output a quality video in this dialog box.

Self study

335 Lesson 13, Introducing 3D

13

4 Type ps1301_work.mov into the Name text fi eld, if it is not there already Then click

on the Select Folder button to navigate to your ps13lessons folder.

5 In the File Options category, choose QuickTime Movie from the QuickTime Export

drop-down menu.

Notice the additional fi le formats that you can select in the drop-down menu By

using the Settings button, you can customize each one of these fi le formats for

an optimal export.

There are many fi le formats to choose from when exporting a video.

6 Press Render.

You have now created a working 3D video To test this movie, launch the QuickTime

Player, and choose File > Open File If you do not have the QuickTime Player, you can

download it at apple.com/downloads.

1 Open any 2D image An extra one is provided if you want to stay within the theme of music, named ps1302.psd.

2 Choose 3D > New 3D Postcard From Layer.

3 Choose the 3D Rotate tool, and click and drag to see that you have turned your 2D image into a 3D postcard.

4 To experiment further, you can choose a unique brush and change its blending mode

In this example, Flowing Stars was selected from the Brushes panel, and its Master Dimension was changed to over 600 pixels; the blending mode was changed to Vivid Light.

Have fun experimenting with painting on 3D objects.

Experiment with gradients and all your brush tools, including the Clone Stamp tool ( ) Just make sure that you change blending modes to create realistic painting eff ects on your image.

337 Lesson 13, Introducing 3D

13

Review

Questions

1 What type of fi le do you need to have open to create a 3D object?

2 What steps can you take to reposition a texture on a 3D object?

3 What fi le formats can you export your 3D layer to and still maintain the 3D Object?

Answers

1 You do not need to have any particular fi le type open in order to create a 3D object

If it opens in Photoshop, and you are in RGB mode, it will work.

2 To reposition a texture on a 3D object, follow these steps:

a Double-click on the 3D layer; the 3D panel appears.

b In the 3D panel, choose the layer name, Label or Cap, that the texture is applied to.

c Click on the Edit the Diff use Texture button to the right of Diff use, and choose

Edit Texture.

d In the Texture Properties dialog box, enter new values for the U Off set and/or

V Off set, and then click OK.

3 You can choose 3D > Export 3D layer and choose to export using any one of

339 Lesson 14, Adobe Photoshop CS4 New Features

What you’ll learn

in this lesson:

New 64-bit version

• Streamlined workspace

• New adjustments panel

• Using the masks panel

• New 3D features

•

Adobe Photoshop CS4

New Features

In this section, you discover some of the new features of Photoshop

The features we cover are broad and include improvements that

aff ect print, web, 3D, and multimedia designers The features are

summarized in a way that you can quickly take advantage of

what’s new Don’t worry about comprehending all of them at this

point, many of these features, as well as other improvements are

incorporated in the lessons.

64-bit version

Many users have been waiting for this improvement with bated breath, and it is fi nally here

If you have the appropriate processor and operating system, you can take advantage of Adobe

Photoshop’s CS4 64-bit version The Photoshop CS4 64-bit version provides a wider data path,

so it speeds the processing time when sending large amounts of data to and from RAM (active

memory) to the processor.

This long-awaited build is the answer to the users who work with 1GB fi les or larger and need

to take advantage of the improved 64-bit memory allocation

Lesson 14

“Getting to Know the Workspace.”

The new and improved workspace includes panels and an Application bar.

New panels

341 Lesson 14, Adobe Photoshop CS4 New Features

14

New panels

Not only has the Photoshop team changed the reference to palettes to be panels (now

consistent with the rest of the suite) but they have also added some new panels to help you

perform your tasks better In this section, you will fi nd out about two of these panels, several

more are referenced throughout this book.

Adjustments panel

Photoshop CS4 takes non-destructive editing one step further with the addition of the

Adjustments panel The functions that are on the panel are not new, but certainly are easier to

fi nd Use the Adjustments panel to change a layer(s) to grayscale, add a tint of color, or correct

the color; with no destruction of the original pixels.

Adjustments are truly the future of digital imaging, and you can fi nd out how to take advantage

of them in Lesson 9, “Taking Layers to the Max.”

The new Adjustments panel helps you to create

non-destructive editing changes.

Adding masks to layers has been a function that has been sorely underused by a large population

of Photoshop users, but help is on the way with the new Masks panel Simply make a selection using any selection tool, then click on the Add a mask button (pixel or vector) in the Masks panel Use the adjustment sliders to further refi ne the selection Find out how to use this panel

in Lesson 8, “Getting to Know Layers.”

Create and refi ne selections using the new Masks panel.

Improved cloning

Using the Clone Stamp tool has been the preferred tool for many digital artists, but the uncertainty of what is going to actually appear when you start painting can sometimes cause delays and errors New in Photoshop CS4, you now see a preview (in your cursor) before you start cloning The preview shows the pixel data and the size and softness of the brush, before you paint This is a big winner for all retouchers You can control the preview using the Clone Source panel, which is discussed in Lesson 6, “Painting and Retouching.”

Use the Clone Source panel to adjust your preview.

Improved Save for Web and Devices

343 Lesson 14, Adobe Photoshop CS4 New Features

14

Improved Save for Web and Devices

The Save for Web and Devices feature has always been very helpful for web designers, but it is

even better in Photoshop CS4 You can now easily convert your color data, attach metadata, and

change animation settings right in the Save for Web and Devices dialog box You can fi nd out

how to use the improvements in this feature in Lesson 12, “Creating Images for Web and Video.”

The Save for Web and Devices dialog box.

New and very much improved 3D features

Adobe Photoshop CS4 Digital Classroom

14

New and very much improved 3D features

3D was introduced in CS3, but you could only scratch the surface with imported 3D fi les Now

in CS4 you can open, create and even export 3D fi les The average user can apply images, as textures, around cans, boxes, and more using the new 3D menu items, 3D tools, and 3D panel

Have fun experimenting with the 3D features in Lesson 13, “Introducing 3D.”

3D objects can be created, edited and exported from Photoshop CS4.

345 Index

wrapping images around 3D objects, 329–332

3D Object Position option, 334

A (Path Selection) tool, 28

About This Gallery text box, Site Info section, Output

panel, 61

Actions panel, 43

Actual Pixel view, 173

Adaptive color table, 312

Add a Layer Style button, 80, 214, 236, 300, 318

Add a Pixel Mask button, 14, 342

Add a Vector Mask button, 342

Add Layer Mask button, 197, 205

Adjustment Aff ects All Layers Below button, 20

Adjustment Brush tool, 178

Adjustment Layer button, 160

creating and locating metadata, 53–56

placing Smart Objects from, 251 review, 66

self study, 66Adobe Creative Suite 4, 48Adobe Flash Player, 7Adobe Illustrator (.ai) fi les, 265Adobe InDesign application, 86Adobe PDF Preset drop-down menu, 86Adobe Photoshop CS4 application3D postcards, 22

adding text, 79–80adding text layers, 20–21adjustment layers, 18–20Clone tool, 16–18 Color Settings restoring previous, 4

composition, 11–13 documents opening existing, 69 settings, 69–70Extended version, 1

fi le formatsadjusting image size, 84–85changing Color Settings, 83 overview, 80–81

saving for printing, 82 saving JPEG fi les, 82

saving Photoshop PDF fi les, 85–86Masks panel, 13–15

new features and improvements 3D features, 344 64-bit version, 339 cloning, 342 panels, 341–342

Save for Web and Devices feature, 343 workspace improvements, 340overview, 9–11, 67–68

removing backgrounds overview, 76

refi ning edges of copied images, 78–79stacking order of layers, 77

resetting preferences, 3 resources, 8 review, 86 saving fi les, 80–81self study, 86 starting

system requirements, 2turning images into 3D textures, 22–23versions of, 1, 339

Adobe Photoshop dialog box, 173Adobe Photoshop PDF fi le format overview, 81

Index

346 Adobe Photoshop CS4 Digital Classroom

saving fi les, 85–86Adobe Photoshop (PSD) fi le format, 80Adobe Suite folder, 48

Advance Every 5 Seconds option, 64AGI (Aquent Graphics Institute) web site, 8.ai (Adobe Illustrator) fi les, 265

Align Horizontal Centers button, 210Align option, 302

aligning layers, 209–210Alpha Channel drop-down menu, 324Alt key, 16, 102, 164, 196, 208Alt Tag, 307

Alt+Backspace keyboard shortcut, 192Alt+Delete keyboard shortcut, 193Alt+Down Arrow keyboard shortcut, 21, 299Alt+Left Arrow keyboard shortcut, 299Alt+Right Arrow keyboard shortcut, 299Alt+Shift keyboard shortcut, 75, 153Alt+Space Bar keyboard shortcut, 32Alt+Up Arrow keyboard shortcut, 21, 299Amount option, 173

Amount slider, 99anchor point, 95, 110Angle text fi eld, 210animation

of 3D objects, 333–334Frame mode, 316–319rendering video fi les, 324–325saving GIF fi les, 319–320Timeline mode, 320–325Animation panel, 317–319, 322–323, 333–334answers, review

3D features, 337Adobe Bridge, 66 basics, 86

fi lters, 292image creation, 184 layers

advanced, 244 basics, 218painting and retouching, 154 selections, 119

Smart Objects, 266web and video production, 325 workspace, 46

Application bar, 11, 21, 37, 235, 340Applications folder, 1

Apply check box, 55applying fi lters to layers, 210–211Aquent Graphics Institute (AGI) web site, 8Arc Upper setting, 213

Arrange command, 71Arrange Documents button, 11, 16, 45, 248, 316, 321Assign working option, 4

Assigned Keywords button, 56attached planes, 290–291automation toolsPDF contact sheets, 63–64Web Photo Gallery, 59–62Auto-Select check box, 123–124

B

B (Brush) tool, 28, 106, 132–137, 140, 184, 206, 224,

253, 262, 284Background Colors button, 106Background Contents drop-down menu, 189, 320

Background layer, 16, 89, 96, 172, 184, 215Background thumbnail icon, 92

backgrounds, removing overview, 76 refi ning edges of copied images, 78–79stacking order of layers, 77

Basic panel, 179, 181Basic workspace, 41Bend slider, 299Bevel and Emboss layer style, 239–241Bevel and Emboss Layer Style dialog box, 240Bézier curve, 110

Bézier directional handle, 115Bitmap mode, 268

Black & White 1 layer thumbnail icon, 232Black & White adjustment layers

adding, 19applying gradient, 233–234 overview, 229–232tint, adding, 232–233Black & White dialog box, 232black point values, inputting, 163–166blank fi les, creating, 189–190Blend Mode drop-down menu, 300blending modes, 137–139

Blending Options dialog box, 281Blur (R) tool, 28–29, 253Blur fi lter, 261

Book drop-down menu, 233book series, 8

bounding box, 95Bridge application automation tools

PDF contact sheet, 63–64Web Photo Gallery, 59–62changing view, 64–65

creating and locating metadata, 53–56

fi les

searching for, 57–58Filter panel, 59

folders Favorite, 52–53

organizing and managing, 50–52

launching, 35, 220 navigating, 48–49opening existing documents in, 26–27 overview, 47

placing Smart Objects from, 251 review, 66

self study, 66Bridge button, 139, 141Bridge window, 50Brightness slider, 181Browse button, 62Browser Preview button, 61Brush (B) tool, 28, 105–106, 132–137, 140, 184, 206,

224, 253, 262, 284Brush options drop-down menu, 29Brush Preset picker, 17, 132–134, 137, 262Brush Preset Picker dialog box, 285buttons

Add a Layer Style, 80, 214, 236, 300, 318Add a Pixel Mask, 14, 342

Add a Vector Mask, 342Add Layer Mask, 197, 205

347 Index

Adjustment Aff ects All Layers Below, 20

Change Screen Mode, 37

Click and Drag in Image, 19

Click to Lock to Thumbnail Grid, 64

Color Libraries, 233

Commit Transform, 75–76

Create a New Layer, 191, 257

Create New Document from Current State, 175

Create New Fill or Adjustment Layer, 19, 114,

160, 221, 228, 230, 255, 257

Create Warped Text, 213, 299

Curves, 90

Default Foreground, 106

Delete this Adjustment Layer, 162

Distribute Vertical Centers, 210, 302

Edit the Diff use Texture, 332

Quick Mask Mode, 105, 107

Reset to Adjustment Defaults, 162

Reset View, 34

Return to Adjustment List, 162

Return to Controls for Current Adjustment Layer,

162

Roll the Light, 333

Rotate the Light, 333

Save Preset, 182

Save Selection as channel, 315

Screen Mode, 37, 39

Select Folder, 335

Set Gray Point, 170

Shadow Clipping Warning, 179

Slices From Guides, 305

Stop, 323

Switch Panel to Expanded View, 161

Tween, 318

View as List, 65

View Content as Details, 65

View Content as Thumbnails, 65

Web Gallery, 60

Workspace, 41, 43, 45

C

C (Crop) tool, 27, 178, 182, 305Camera Calibration panel, 180Camera Raw dialog box, 183Camera Raw fi le format, 108, 176–178, 182Camera Raw plug-in

Basic panel, 179Camera Calibration panel, 180Detail panel, 179

Highlight Clipping Warning button, 179 histogram, 179

HSL/Grayscale panel, 179info panel, 179

Lens Correction panel, 180 overview, 176–178Presets panel, 180Shadow Clipping Warning button, 179Split Toning panel, 180

Tone Curve panel, 179using controls, 180–182Camera Raw plug-in dialog box, 183–184Camera Raw Save Options dialog box, 183Canvas Size dialog box, 22

Caps Lock key, 151Cascading style, 303Center text button, 298Change Screen Mode button, 37Channel drop-down menu, 108Channels panel, 314–315Click and Drag in Image button, 19Click to Lock to Thumbnail Grid button, 64clipping masks, creating, 215–218

Clone Source icon, 152Clone Source panel, 141, 149–154, 342Clone Stamp (S) tool, 16–18, 28, 141–142, 146, 151–152, 342

cloningimprovements to, 342 layers, 208–209from other sources, 152–153from same source, 149–151Closed shape, 110

Clouds fi lter, 269–270CMYK (Cyan, Magenta, Yellow, and Black) color model, 83, 122–124

CMYK drop-down menu, 127, 157Collada (.dae) format, 329color

applying to images, 135–136 selecting, 128–130

Color Algorithms, 312Color drop-down menu, 192color gamut, 122

Color Libraries button, 233Color Libraries dialog box, 233color models

CMYK, 83, 122–124RGB, 83, 122–125, 158Color panel, 44, 131Color Picker dialog box, 79, 128, 130–131, 212, 270,

275, 298Color Sampler marker, 170Color Sampler tool, 165, 178Color Settings

changing, 83 editing, 125–128

348 Adobe Photoshop CS4 Digital Classroom

restoring previous, 4 saving, 3 selecting, 156–157 warnings, 4Color Settings Comment dialog box, 3Color Settings dialog box, 3, 83, 126–127, 156–157color slider, 128

Color tab, 44Color Table panel, 311Colorize check box, 221Combine slices option, 306combining

images

by dragging and dropping, 71–73transforming and editing after, 73–76using Copy and Paste, 71

slices, 305–307Command key, 51, 302Command+0 keyboard shortcut, 33, 42, 73, 98, 165, 207

Command+A keyboard shortcut, 234–235, 299Command+C keyboard shortcut, 108Command+Click keyboard shortcut, 209, 302Command+D keyboard shortcut, 192–193Command+Enter keyboard shortcut, 301Command+minus sign keyboard shortcut, 31, 51, 65Command+Option+Z keyboard shortcut, 138Command+plus sign keyboard shortcut, 31, 51, 65Command+S keyboard shortcut, 302

Command+Shift+< keyboard shortcut, 234Command+Shift+> keyboard shortcut, 234Command+Space Bar keyboard shortcut, 32, 164Command+T keyboard shortcut, 75, 247Command+Y keyboard shortcut, 125, 129, 158Command+Z keyboard shortcut, 79, 93, 138, 162Commit check mark, 79, 96, 235, 247, 300Commit Transform button, 75–76conferences, 8

Constrain Proportions check box, 70contact.pdf fi le, 64

Content panel, 10, 58, 60, 63, 65–66Contour Presets dialog box, 238Contour thumbnail icon, 238Contract/Expand slider, Refi ne Edge dialog box, 14, 104

contrast, image, 181Control panel, 178, 180, 182Convert to Frame Animation setting, 317Convert to Smart Object drop-down menu, 22Convert to Timeline setting, 333

convertinglayers to Smart Objects, 249–250multiple layers into one smart object layer, 22paths to selections, 118

Copy tool, 71copying images, 71 lesson fi les to hard drive, 5 selections, 108–109video tutorials to hard drive, 6.CR2 fi le format extension, 176CRE8 Conference, 8

Create a new folder icon, 51Create a New Layer button, 191, 257Create New Document from Current State button, 175Create New Fill or Adjustment Layer button, 19, 114,

160, 221, 228, 230, 255, 257

Create Plane tool, 289Create Warped Text button, 213, 299Creative Suite 4, 48

Creative Suite Color Settings option, 126Creator City text box, Metadata panel, 55Crop (C) tool, 27, 178, 182, 305CTM (Current Time Marker), 334Ctrl key, 51, 302

Ctrl+0 keyboard shortcut, 33, 42, 73, 98, 165, 207Ctrl+A keyboard shortcut, 234–235, 299Ctrl+Alt+Z keyboard shortcut, 138Ctrl+C keyboard shortcut, 108Ctrl+click keyboard shortcut, 209, 302Ctrl+D keyboard shortcut, 192–193Ctrl+minus sign keyboard shortcut, 31, 51, 65Ctrl+plus sign keyboard shortcut, 31, 51, 65Ctrl+Return keyboard shortcut, 301Ctrl+S keyboard shortcut, 302Ctrl+Shift+< keyboard shortcut, 234Ctrl+Shift+> keyboard shortcut, 234Ctrl+Space Bar keyboard shortcut, 32, 164Ctrl+T keyboard shortcut, 75, 247Ctrl+Y keyboard shortcut, 125, 129, 158Ctrl+Z keyboard shortcut, 79, 93, 138, 162Current Time fi eld, 323

Current Time Indicator setting, 323Current Time Marker (CTM), 334Curve Display dialog box, 90Curve Display Options setting, 90Curves adjustment layer, 90, 171Curves Adjustments panel, 160–162, 165, 167Curves button, 90

Curves dialog box, 90, 167–168, 257Curves Display Options dialog box, 167Curves panel, 91, 159, 170

Curves thumbnail icon, 91Custom Shape tool, 242customizing panels, 44–45Cyan, Magenta, Yellow, and Black (CMYK) color model, 83, 122–124

D

.dae (Collada) format, 329Default Foreground button, 106Default Photoshop Size setting, 189Defringe dialog box, 78

Delete this Adjustment Layer button, 162Description Writer fi eld, 55

Design layer, 286–287Design layer thumbnail icon, 287Detail panel, 179

dialog boxesAdobe Photoshop, 173Bevel and Emboss Layer Style, 240Black & White, 232

Blending Options, 281Brush Preset Picker, 285Camera Raw, 183Camera Raw plug-in, 183–184Camera Raw Save Options, 183Canvas Size, 22

Color Libraries, 233Color Picker, 79, 128, 130–131, 212, 270, 275, 298Color Settings, 3, 83, 126–127, 156–157

Color Settings Comment, 3Contour Presets, 238

349 Index

Photoshop Format Options, 13, 79, 89, 112

Photoshop Save As, 183

Save Optimized As, 313

Select Target Color, 232

Select Target Highlight Color, 163

Select Target Shadow Color, 163

Set Current Time, 323

Book, 233Brush options, 29 Channel, 108CMYK, 127, 157 Color, 192Convert to Smart Object, 22Font family, 235, 298Font size, 301Format, 85, 100, 142Frame Rate, 324Highlight Mode blending, 240Mode, 17, 138, 140, 271 Output, 60

Page Preset, 63Preset, 189, 311–312, 320QuickTime Export, 335 Range, 104

Rulers, 297Sample Size, 159Save In, 13, 85Settings, 83, 126, 128Style, 213, 240, 299 Styles, 61Template, 61, 63 Workspace, 54

E

E (Eraser) tool, 28, 76, 138Edit Plane tool, 289Edit Smart Filter Blending Options contextual menu,

280, 283Edit Smart Filter option, 278editing

Color Settings, 125–128combined images, 73–76contents of Smart Objects, 254–256layer masks, 205–207

Smart Objects, 252–254educators, resources for, 8Elements section, 318Elliptical Marquee tool, 88, 94–95, 191–192Embedded Profi le Mismatch warning, 4, 69Encapsulated PostScript (EPS) fi le format, 81Eraser (E) tool, 28, 76, 138

Exercise layer, 111expanding panels, 43Exposure slider, 181eye icon, 68, 91, 123, 171, 195, 247–250, 261, 272Eyedropper (I) tool, 27, 130, 139–140, 159

F

Fade dialog box, 271fading fi lters, 271Favorite folders, 52–53Favorites panel, 53, 59, 63, 66

fi le formats3D Studio, 329adjusting image size, 84–85Camera Raw, 108, 176–178, 182changing Color Settings, 83 Collada, 329

CR2, 176