d2jsp
Log InRegister
d2jsp Forums > Off-Topic > Graphic Design > Tutorials & Galleries > Text Animation Tutorial.
12320Next
Add Reply New Topic New Poll
Member
Posts: 6,765
Joined: Jul 10 2005
Gold: 0.00
Jul 24 2005 11:36pm
PHOTOSHOP / IMAGE READY TUTORIAL
- By ~ JIN ~



Ok hey guys , i thought id make some tutorials to help with the basic's that most people have trouble with. First in this tutorial i will teach u how to do "animation" , which includes , rain , glowing font , fading font , and more.

- Programs Required -
- PhotoShop (Newest Version = PhotoShop 9.0 CS2)
- Image Ready (Comes With PhotoShop)


* Step One.

- Create Your picture, wallpaper , signature , banner, when you are completly done editing , fixing it Press CTRL + ALT + M (This moves your work to Image Ready™ , if your program (Image Ready) is NOT load'd , it will be load'd itself automatically.



* Step Two.

- Now this is where ur animation "Exactly" Starts , Start off by figuring out what exactly u want to animate , In my example im going to animate my Text.

Here's a Picture Of Me Starting.



Now , Hit the button called "Duplicates Current Frame" (Its located in the Animation Window (On the Bottom) , ) , This will make a copy of ur frame #1 (Located in ur animation window) , Now u have 2 Frames.

Like This



Now , Hit The Button Beside "Duplicates Current Frame" , its Called "Tween" , It'll bring up a small window. Put 7 In the box where the number is. And u should have this.





*Step Three. (Starting Animation)

- " Highlight " Frame 1 in the animation box. And then change the opacity to 0 %. , Then highlight Frame 2 and change the opacity to 50 % , Then Frame 3 change the opacity to 70 % (Follow This Set up i have below here).

Frame 1 - 0 %
Frame 2 - 50 %
Frame 3 - 70 %
Frame 4 - 100 %
Frame 5 - 70 %
Frame 6 - 50 %
Frame 7 - 0 %.
Member
Posts: 6,765
Joined: Jul 10 2005
Gold: 0.00
Jul 24 2005 11:38pm
*Step Four

-HighLight Frame 4 (The 100 % Opacity One) , and hit Dupliate Frame 2 Times, You should have now 3 , 100 % Opacity frames. Then highlight the last 100 % opacity frame (Its Frame #6.) And Where it says 0 sec, click on that and put it to .5 Seconds

You Should Have This




*Step Five - Finalizing Animation.

-Highlight The Very Last Frame (Frame #9 , Has 0 % Opacity) And Duplicate The Frame , and then change the time for the second frame to .2 Seconds (The frame that you just duplicated)

Then u may hit play and watch it go , to make it go faster or slow , play around with the delay time (The seconds that are under the frames). And then go to file , and then save optimized as. (It will automaticaly save as a .gif format)

Your final product should look like This.







If u have questions , or cant get it to work fine for you , post here and i will reply with help.

UpComing Tutorials From ~ JIN ~ ,

- Animated Rain/Snow
- Making Perfect Cutout's
- Font Enhancing

Member
Posts: 12,676
Joined: Feb 10 2004
Gold: 26,877.29
Trader: Trusted
Jul 24 2005 11:54pm
good job dude. very comprehensive =)

Member
Posts: 6,765
Joined: Jul 10 2005
Gold: 0.00
Jul 25 2005 03:59am
QUOTE (xfer @ Jul 24 2005, 10:54 PM)
good job dude. very comprehensive =)

Thank you , ill post animation rain tutorial tommarow.
Member
Posts: 12,676
Joined: Feb 10 2004
Gold: 26,877.29
Trader: Trusted
Jul 25 2005 04:30am
ya sweet...

Animated Rain/Snow<-- would be sexy =D Cant wait for that
Member
Posts: 1,290
Joined: Mar 23 2005
Gold: 0.18
Jul 25 2005 11:55pm
Very nice tut, clear and easy to follow. Not like many other weird animation tuts that no one can understand!
Thanx most appreciated!
Member
Posts: 6,765
Joined: Jul 10 2005
Gold: 0.00
Jul 26 2005 12:02am
QUOTE (skanerost @ Jul 25 2005, 10:55 PM)
Very nice tut, clear and easy to follow. Not like many other weird animation tuts that no one can understand!
Thanx most appreciated!

hopefully ull be on msn tonight..
Member
Posts: 148
Joined: Jan 2 2005
Gold: 0.00
Jul 26 2005 01:45pm
I liked your tutorial smile.gif Could u make more?PleaSe unsure.gif
Member
Posts: 6,765
Joined: Jul 10 2005
Gold: 0.00
Jul 26 2005 03:35pm
QUOTE (TheKeeper @ Jul 26 2005, 12:45 PM)
I liked your tutorial smile.gif Could u make more?PleaSe unsure.gif

hehe , sure.
Member
Posts: 41,017
Joined: Jul 4 2005
Gold: 871.28
Jul 27 2005 05:56am
Nice smile.gif thx for tuts maybe i use it smile.gif im dont good in ps im etc tongue.gif
Go Back To Tutorials & Galleries Topic List
12320Next
Add Reply New Topic New Poll