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

2torial Blog RSS

After Effects & Photoshop – Alien Jello Text Part 1

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

This is a two part tutorial. First we’ll make some alien looking text in photoshop then in part 2 we’ll import it into After Effects and apply an expression to make it look similar to jello when it drops. If your not interested in making the text effect, just move on to part 2 (see the end of part 2 for the final).

Part one – the text effect:

Open a new document in photoshop with a size of 720×480 and make the background black.  Type in your text and make it white for now. Name the new text layer “alien text” in the layers palette, .

Click the layer styles button at the bottom of the layer palette and apply a bevel to the alien text layer with these settings.

Next, keep the layers style window open and apply the gradient overlay.

Click the gradient color bar and assign an eerie green to black gradient.

Next, add an outer glow with these settings.

For the reflection,  in the layers palette duplicate the alien text layer and go to edit>transform>flip vertical to flip the copy. Line up the alien text copy right beneath the original to set it up for the reflection.

Select the gradient tool. In the layers palette, on the alien text copy, click the layer mask thumbnail once then ctrl +click the text thumbnail next to it to create a selection.

Drag the gradient tool from the bottom to the top of the selection but only go about 3/4 of the way up. Then hit ctrl +d to deselect the selection. Lower the opacity of the alien text copy to about 80%.

Ok, before we move on to Part 2, go to the layers palette and drag the alien text copy below the original alien text layer then save the file as alien.psd .  Fire up After Effects and go to part 2…..

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