2torial Blog|photoshop tutorials, website design tutorials and graphic design articles and tutorials

2torial Blog RSS

Alien jello text – Part 2

Filed Under (After Effects, Graphic Design, Photoshop) by Dave on 06-26-2008

Tagged Under : After Effects Expressions

Import the alien.psd we made in part 1 into After Effects as a composition.  Double click on the alien comp and it will open up a new timeline with all of the Photoshop layers visible.

Go to Composition>Composition Settings and make the duration of the comp 5 seconds. In the timeline select the two text layers and hit A on your keyboard to expose the anchor property. Adjust the values so the anchor point is at the bottom of the text, then you’ll have to re-position the text back to the middle and move it just below center. To prevent the text layer from jiggling all the way down, we’ll split the layer in two and add the expression at the split (time of impact when the text drops).  Move the timeline indicator to 0;00;00;08 , Lock Layer 1 and select the two text layers then to go edit>split layer.

Click for closeup:

Select the two splits and type S to bring up the scale property. On the first text layer (split you just made), alt +click the stopwatch icon of the scale property to open the expression window.

Click for closeup:

Copy and paste this expression into the window:

maxDev = 20; // max deviatio0n in pixels
spd = 10;  //speed of oscillation
decay = 2; //how fast it slows down

t = time – inPoint;
x = scale[0] + maxDev*Math.sin(spd*t)/Math.exp(decay*t);
y = scale[0]*scale[1]/x;
[x,y]

Do this for the other split also.

Click for closeup:

Next, in the timeline, select the 2nd and 4th text layer ( the original 2 layers before the split) and type P on you keyboard to open the position properties.  Click the stopwatch icon to set a keyframe at the current time (0;00;00;08). Then hit the home key to move the time indicator to the beginning. Move the top text layer (alien text) straight up and out of view. Move the bottom text layer (alien text copy) straight down and out of view. A keyframe is automatically set on both layers since the stopwatch is depressed. Right click on both of the keyframes  and go to keyframe assistant>easy ease out

For some added effect, toggle on the motion blur. That’s it.. here’s the final:

This text will be replaced

Share and Enjoy:
  • StumbleUpon
  • Digg
  • Technorati
  • del.icio.us
  • Facebook
  • YahooMyWeb
  • Google Bookmarks
  • blogmarks
No Comments
Read More

Leave a Reply

Search:
Graphic Design Blogs - Blog Catalog Blog Directory Join My Community at MyBloglog! blogarama - the blog directory Add to Technorati Favorites
  • September 2010
    S M T W T F S
    « Dec «-»  
     1234
    567891011
    12131415161718
    19202122232425
    2627282930  
  • Categories

    • After Effects (3)
    • Photoshop (18)
      • Graphic Design (11)
      • Navigation (1)
      • Photo Manipulation (1)
      • Text Effects (5)
    • Web Design (7)
      • CSS (3)
      • Dreamweaver (2)
      • Forms (2)
      • Web Navigation (1)
  • Recent Posts

    • Age Progression
    • Photoshop Brushes
    • Photoshop Matte Painting
    • Create a Horror Face in Photoshop
    • Create a Planet and Outer Space Scene
    • 3D Photoshop text tutorial
    • Photoshop Displacement effects
    • Photo Effect – fade into line drawing
  • Archives

    • December 2008
    • November 2008
    • August 2008
    • July 2008
    • June 2008
    • May 2008
  • Pages

    • About
    • Contact
  • Meta

    • Register
    • Log in
    • Entries RSS
    • Comments RSS
    • WordPress.org
  • Tags

    3 column layout 3d text Absolute Positioning After Effects Expressions After Effects shatter award winning web design Blend modes cool text effects create planet CSS CSS in Dreamweaver CSS menu Displacement effects Displacement Maps Dreamweaver tutorials form validation Grapic Design html & php E-mail form html & php mail form Image effects mail form Photo Effects Photoshop Photoshop & Dreamweaver Photoshop brushes Photoshop buttons photoshop displacement map Photoshop text effects Photshop Matte Painting php e-mail script PHP email script print ad design Space scene Vanishing point filter vista style menu web design colors website navigation Zombie Face
© All Rights Reserved. 2torial Blog