Navigating animation frames and previewing the animation

You can use a number of techniques to preview and scroll through your animation frames. Understanding the controls available on the Animation and Layers palettes is essential to mastery of the animation process.

Animation

M

1M

CP° 0 sec.T

o°° 0 sec.

Forever ▼ |

^hhhihi^ II ii si

A. Looping pop-up menu B. First Frame button C. Backward button D. Play button E. Forward button F. Tween button G. Duplicate Current Frame button H. Trash I. Selected frame

ABCDEFGH

A. Looping pop-up menu B. First Frame button C. Backward button D. Play button E. Forward button F. Tween button G. Duplicate Current Frame button H. Trash I. Selected frame

1 In the Animation palette, click the first thumbnail to select that frame. In the image window and the Layers palette, only Layer 1 is visible.

2 Click the second thumbnail. Now Layer 2 is also visible.

3 In the Animation palette, click the Backward button (.rJ) to move to the other frame. (Try clicking the button repeatedly in quick succession, and watch the manual playback of the animation in the image window.)

4 In the Layers palette, click the Backward or Forward button in the lower left corner of the palette, and notice results similar to the previous step.

A. Layers palette Backward button

B. Layers palette Forward button

5 Click the Play button (V) in the Animation palette to preview the animation. The Play button becomes the Stop button (_i) , which you can click to stop the playback.

Now you'll preview the animation in a Web browser.

6 Choose File > Preview In > and choose a browser application on the Preview In submenu.

You can also do this step by pressing Ctrl+Alt+P (Windows) or Command+Option+P (Mac OS) to launch a browser preview quickly, or clicking the browser button on the toolbox.

Note: To use the Preview In command, you must have a browser application installed on your system. For more information, see "Previewing an image in a browser" in Photoshop 7.0 online Help (in ImageReady, choose Help > ImageReady Help).

7 When you have finished previewing the animation, quit the browser window, and return to Adobe ImageReady.

8 Choose File > Save Optimized As, name the image Blender.gif, and click Save.

Edit Image Layer Slices Select Filter

New-

86 N

Open...

360

Open Recent

Close

sew

Close All

Save

8SS

Save As...

'frses

Export Original...

Revert

Save Optimized

Save Optimized As..

1 Output Settings

Update HTML...

1

0 0

Post a comment