Adobe Photoshop CS2 CLASSROOM IN A BOOK [Electronic resources] نسخه متنی

1.

Choose File > Open, and open the Waves.psd file from the Lessons/Lesson15 folder.

2.

In the Layers palette, make sure that all the layers are visible. If not, click the visibility boxes so that eye icons appear for each of the layers.

3.

In the Layers palette, select the Wave layer.

4.

Hold down Alt (Windows) or Option (Mac OS) and move the pointer (without clicking) over the solid line dividing the Wave and Text layers in the Layers palette until the pointer changes to two overlapping circles (). Then click the dividing line between the layers to link the two layers together.

Notice that the waves now appear masked by the logo text. A downward-pointing arrow () appears in front of the Wave layer name and thumbnail in the Layers palette, indicating that the layer is grouped with the layer below.

1.

In the Animation palette, click the Duplicate Current Frame button to create a new frame, frame 2.

2.

If necessary, select frame 2 in the Animation palette. In the Layers palette, make sure the Wave layer is the only layer selected.

3.

Select the Move tool () in the toolbox.

4.

Begin to drag the Wave layer downward in the image window, and then press Shift after you start to drag to constrain the movement. Drag until the top of the wave image rests just above the top of the WAVES text. (As you drag, the entire Wave layer is ghosted so that you can see the position of the wave as you move it.)

5.

Click the Play button () to play the animation. The wave moves up and down inside the logo. Click the Stop button () to stop the playback.

1.

Choose Tween from the Animation palette menu, and in the Tween dialog box, do the following:

For Frames to Add, type 2.

For Tween With, choose Previous Frame.

Under Layers, select All Layers.

Under Parameters, select Position.

Click OK to close the dialog box.

2.

In the Animation palette, choose Forever from the Looping pop-up menu.

3.

Choose Select > Deselect Layers, and then click the Play button () in the Animation palette to preview the animation. When you've seen enough, click Stop ().

The animation is still bumpier than ideal, so you'll fix that next using the same or similar techniques as ones you used with the previous two animations in this lesson.

4.

Select frame 2 and then Shift-click frame 3 to select both frames. Then choose Copy Frames from the Animation palette menu.

[View full size image]

5.

Select frame 4, and then choose Paste Frames from the Animation palette menu to open the Paste Frames dialog box, and select Paste After Selection. Then click OK.

6.

Click frame 5 so that it is the only frame selected, and drag it to the right so that it becomes the last frame in the animation.

[View full size image]

7.

With frame 6 selected, hold down Shift and click frame 1 to select all the frames, and then select 0.2 from the Frame Delay pop-up menu for any one of the frames. Then, choose File > Save.

[View full size image]

1.

In the Animation palette, click the Play button (). When you are ready, click the Stop button () to halt the playback.

2.

If necessary, make any adjustments to the delay or the order of the frames to correct errors or set the timing the way you want it.

3.

Preview the animation again and continue to make adjustments until you are fully satisfied with the results.

4.

(Optional) Click the Preview In button in the toolbox to preview the animation in your default Web browser. Or choose File > Preview In, and choose your preferred Web browser. When you finish, close the Web browser and return to ImageReady.

5.

Choose File > Save Optimized As, specify the My_GIFs folder location, and type Waves.gif as the filename. Then click Save.

ImageReady saves the animation as a GIF file using the current settings in the Optimize palette.

6.

Choose File > Close to close the original file, and don't save your changes.

Give yourself another pat on the backyou've finished all three animated elements in this Web-page project.

If you want to test your images in the Web page you viewed at the beginning of this lesson, you can go to the desktop and drag contents of the My_GIFs folder into the Lessons/Lesson15/images folder to overwrite the GIF files inside. (Click Yes when messages appear asking you to confirm this action.) Then double-click the 15En205 file. When the page opens in your default Web browser, it will use your GIF images rather than the samples provided for this lesson.