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

Home > Articles > Design > Adobe Photoshop

  • Print
  • + Share This
From the author of

Modifications

One of many modifications that can be made to this animation style is a simple rubbery, twisting motion. This can be achieved with just a few simple steps and only one Warp Text option.

  1. Duplicate the 0% distorted text layer (or create a new one). Click on the Warp Text tool and select the Flag Style.

  2. Figure 11.13 Apply the distortion settings to the Warp Text Flag Style.

      Apply opposing distortion in equal increments.

      Bend: +15%

      Horizontal Distortion: –15%

      Vertical Distortion: +5%

      This creates a waving twist to the text for the animation sequences.

  3. Duplicate the text layer and set the Warp Text tool as follows:

    • Bend: +30%

      Horizontal Distortion: –30%

      Vertical Distortion: +10%

    Repeat the text layer again twice and make the Warp Text settings listed here:

      Bend: +45%

      Horizontal Distortion: –45%

      Vertical Distortion: +15%

    Fourth distorted layer

      Bend: +60%

      Horizontal Distortion: –60%

      Vertical Distortion: –15%

    Figure 11.14 Duplicate the text layer and increase the amount of distortion to the text.

  4. Repeat Steps 1 and 2, only move the Warp Text settings equally in the opposite directions.

  5. Figure 11.15 Apply the distortion settings in the opposing direction.

    First Distorted Layer

      Bend: –15%

      Horizontal Distortion: +15%

      Vertical Distortion: –5%

    Second Distorted Layer

      Bend: –30%

      Horizontal Distortion: +30%

      Vertical Distortion: –10%

    Third Distorted Layer

      Bend: –45%

      Horizontal Distortion: +45%

      (i) Vertical Distortion: –15%

    Fourth Distorted Layer

      Bend: –60%

      Horizontal Distortion: +60%

      Vertical Distortion: –5%

  6. Once all your layers are created, use ImageReady and create your looping animation to the sidebar table.

  7. You can view these finished sample animations on the included CD-ROM for comparison if necessary.

    Figure 11.16 The distorted text will animate in a rubbery, twisting motion.

NOTE

Background Black is left visible for all frames—Timing is set for No Delay for all frames

Frame 1: 0% Distortion Layer

Frame 2: +15% Bend Layer

Frame 3: +30% Bend Layer

Frame 4:  +45% Bend Layer

Frame 5: +60% Bend Layer

Frame 6: +45% Bend Layer

Frame 7: +30% Bend Layer

Frame 8: +15% Bend Layer

Frame 9: 0% Distortion Layer

Frame 10: –15% Bend Layer

Frame 11: –30% Bend Layer

Frame 12: –45% Bend Layer

Frame 13: –60% Bend Layer

Frame 14: –45% Bend Layer

Frame 15: –30% Bend Layer

Frame 16: –15% Bend Layer

  • + Share This
  • 🔖 Save To Your Account