DustyBones Owner
Posts : 504 Join date : 2011-02-26 Age : 67 Location : Washington
| Subject: Animation in PS Tutorial №3 - Fading Text Animation Sun Sep 09, 2012 1:31 pm | |
|
| Adobe Photoshop Animation Tutorial №3 Fading Text
This is a tutorial on how to make text fade in and out. You could apply the same technique to a glow, lens flare or even an image. Open or make your background. Type the text you want.
Open a New Frame. Make sure your text layer is highlighted in the layers pallet. Now to make the text layer fade, go to the Opacity level and either click on the little triangle and slide the bar or just highlight the 100% and type in 75%. You'll see the text fade a little bit. Notice that I set the frame speed at .2, that's just so I don't have to reset them all later
Make another New Frame and adjust the Opacity Level again, making it 50% this time.
Again, make another New Frame and make the Opacity Level 25%. Make another New Frame and make that Opacity Level 0%. You'll see that now the text is gone.
Make another New Frame and go back the other way with the Opacity Level. Make this one 25%, then make another Frame and make the Opacity 50%, yet one more New Frame and make the Opacity Level 75%. You don't need to make another Frame with the Opacity Level set at 100%. You already have that one at the start. Here's how the Frames Pallet should look now.
Your animation will look like this when you click on run
You'll want to have it stop for a second or two when the Opacity Level is at 100% so it is easier on the viewers eyes. I make it stop a bit sometimes when the Opacity is at 0% also. Here's the finished animation.
Go to File and select Save for Web and Devices. Click Save. You have to select Save for Web and Devices to save it as an animation. You'll also want to save your work as a PSD (Photoshop) File in case you want to make changes later.
You could add more frames and make the Opacity Level adjustments in smaller increments which would make a lot smoother finished image. But would also make for a larger file size. So you have to be careful not to get to big of a file.
| Notice: This tutorial is copyrighted to DustyBones. You may not publish it anywhere without written permission from the creator.
|
|
|