Publishers of technology books, eBooks, and videos for creative people

Home > Articles > Design > Adobe Photoshop

  • Print
  • + Share This
From the author of

Animating the Text

By using the handful of frames in the Photoshop 6 file, you can create a multiframe animation by simply making the individual layers visible in each frame sequence. Combine with the blurred layers and set the timing of the animation for the final "Rubber Band Snap" effect.

  1. With only the black background layer and the undistorted text layer visible, jump to Adobe ImageReady. The first frame on the Animation bar is selected, and the image appears in the project window.

  2. Add the next frame in the animation. Click New Frame in the Animation bar's side pull-down menu.

  3. Figure 11.11 Add a new frame to the animation sequence.

  4. After a new frame has been added, simply shuffle through the Layers palette and make each distorted layer visible in succession according to the distortion amounts. Refer to the frame number chart in the sidebar for the proper sequence in this first animation.

    Figure 11.12 Selecting visible layers in sequence from the Layers palette.

NOTE

Background Black is visible for all frames

Frame 1: 0%  Distortion (Warp) Layer  1 Second

Frame 2: +10%  Warp Layer  No Delay

Frame 3: +30%  Warp Layer  No Delay

Frame 4: +50%  Warp Layer  No Delay

Frame 5: -+30%  Warp Layer, +30%  Blur Layer  No Delay

Frame 6: -+10% Warp Layer, +30% Blur Layer No Delay

Frame 7: -0% Warp Layer, +30% Blur Layer No Delay

Frame 8: -0% Warp Layer, +30% Blur Layer, –10% Blur Layer  No Delay

Frame 9: -–10% Warp Layer, +30% Blur Layer, –10% Blur Layer  No Delay

Frame 10: -–30% Warp Layer, +30% Blur Layer(50% Opacity), –10% Blur Layer  No Delay

Frame 11: -–10% Warp Layer, +30% Blur Layer(50% Opacity), –10% Blur Layer  No Delay

Frame 12: -0% Warp Layer, –10% Blur Layer  No Delay

Frame 13: -–10% Warp Layer, –10% Blur Layer No Delay

Frame 14: -0% Warp Layer, –10% Blur Layer(50% Opacity) No Delay

After you have created the animation sequence, you can preview it in Internet Explorer or Netscape Communicator by selecting the Preview in Browser button on the toolbar.

  • + Share This
  • 🔖 Save To Your Account