Welcome to Gaia! ::

The Gaian Graphic Designers Guild

Back to Guilds

Gaia's official Graphic Design Guild for all things profiles, logos, graphics and much much more! 

Tags: Graphic, Design, Digital art, Photoshop, Profiles 

Reply
Animation, fade text. PS CS2 (Might work with others)

Quick Reply

Enter both words below, separated by a space:

Can't read the text? Click here

Submit

uberBrent

PostPosted: Sat Nov 11, 2006 1:31 pm


Alright, this is my first tut so please be patient with me XD

Alright, first open up the sig or tag you'll be working with. I'll be using something I just kinda tossed together.

User Image - Blocked by "Display Image" Settings. Click to show.

Add in the text you'd like to have animated. Do all of your text effects first, and make sure that you're only working with a single text layer at a time.

Then open up your animation window.

Window -> Animation

User Image - Blocked by "Display Image" Settings. Click to show.
(screenshot of animation window)

Make sure the first frame is selected, then click the duplicate frame button.
User Image - Blocked by "Display Image" Settings. Click to show.

Now you should have two copies of the same frame. Select the first frame, and make the layer invisible over on your layers window.

User Image - Blocked by "Display Image" Settings. Click to show.
User Image - Blocked by "Display Image" Settings. Click to show.

Hold down the shift key and click both frames, so that now both frames are selected.
User Image - Blocked by "Display Image" Settings. Click to show.

Now, click the tween button.
User Image - Blocked by "Display Image" Settings. Click to show.

In the tween menu, make sure the "Tween With" option is "Selection".
Frames to add should be between 15 and 30. The more frames, the slower the animation will be. And the less frames, the faster the animation will be. I'll be using 20 frames.

If you want the text to fade out and then back in smoothly, duplicate the first frame and drag the frame to the end. Select the duplicate frame and the frame before it using the Shift key and use the tween tool again. Use the same amount of frames as you did the first time.

There's a small play button you can use to animate the frames, and see if it's done. If you can't seem to get the animation right, just contact me and I'll help you out.

Once your satisfied with the animation, you'll have to move it over to imageready you can save it. Click the button at the bottom of the toolbar.

User Image - Blocked by "Display Image" Settings. Click to show.

Once the image is in Image Ready, you can save it.

File -> Save Optimized As

Save it as a .gif image.

User Image - Blocked by "Display Image" Settings. Click to show.
(My result.)

[[So yeah, first tut. A friend asked me how to do animation, so I threw this together XD]]
PostPosted: Mon Nov 27, 2006 8:05 pm


Where would I get the animation tool?

Kitten Puff


Snarkeh

PostPosted: Sat Jan 20, 2007 10:48 am


omg I love you. <3

This is an awesome tutorial! x3 Simple, fast and really good. Here's my outcome.

User Image

I love youuuu! <3 <3
PostPosted: Thu Jan 25, 2007 2:49 am


Yey! I did it! Thanks for the awesome tute! <3

__Psycho x Neurotic x Me

Reply


 
Manage Your Items
Other Stuff
Get GCash
Offers
Get Items
More Items
Where Everyone Hangs Out
Other Community Areas
Virtual Spaces
Fun Stuff
Gaia's Games
Mini-Games
Play with GCash
Play with Platinum