d2jsp
Log InRegister
d2jsp Forums > Off-Topic > Graphic Design > Tutorials & Galleries > Photoshop Cs3
Add Reply New Topic New Poll
Member
Posts: 6,502
Joined: May 26 2007
Gold: 0.00
Mar 30 2008 12:12pm
so i"ve a picture http://anime-wallpapers.com/images/800x600/gt-super-saiyan-4.jpg and i want to add animations and text how do you do this...
Member
Posts: 11,651
Joined: May 8 2005
Gold: 31,178.84
Mar 30 2008 01:07pm
Depends what you want to do, but you start by going to "window" then "animation" on the top selection bar.
From there you can create new frames and what not.
To make the glow that passes from one side of the text to another, before you make any new frames make a gradient on the layer above your text.
Then while you have the gradient layer selected hit "ctrl+alt+g" this will overlay the gradient layer on the text.
Move the gradient off to the side of the text that you want the sweep of color to start from.
Then open the animation window and create a new frame.
Select your new frame and then select you gradient layer and drag it across the text.
Now click on your first frame again.
Open up the animation options window (by clicking the little arrow in the upper right of the window) and hit the option that says "tween"
Once the tween window comes up set the settings to "next frame", "create 5 frames" or so, and then hit okay.
Now you can play your animation.
If you want it to slow down then in the bottom of each frame change the number which represents the time in seconds before moving to the next frame.
When you're all done, save it by going to "file" then "save for web and devices" this should bring up a options window, hit save while in this window but make sure you're saving as a .gif
Then upload it and you should be done.

I'm making a really bad video that should help a bit, I'll upload it in a minute.

This post was edited by swordhunter4ever on Mar 30 2008 01:30pm
Member
Posts: 11,651
Joined: May 8 2005
Gold: 31,178.84
Mar 30 2008 02:20pm
Sorry for double post couldn't edit.

Anyways heres a low quality video to help you with the process

Video URL: http://www.youtube.com/watch?v=4l9l65UCLFE

and heres what I made in the video.

Image URL: http://i174.photobucket.com/albums/w95/Djcz419/Comissions/Tutorials/AnimatedTextExample.gif
Member
Posts: 6,502
Joined: May 26 2007
Gold: 0.00
Mar 30 2008 02:50pm
Quote (swordhunter4ever @ Sun, Mar 30 2008, 03:20pm)
Sorry for double post couldn't edit.

Anyways heres a low quality video to help you with the process
http://www.youtube.com/watch?v=4l9l65UCLFE
Video URL: http://www.youtube.com/watch?v=4l9l65UCLFE

and heres what I made in the video.
http://i174.photobucket.com/albums/w95/Djcz419/Comissions/Tutorials/AnimatedTextExample.gif
Image URL: http://i174.photobucket.com/albums/w95/Djcz419/Comissions/Tutorials/AnimatedTextExample.gif


make this bigger?
Member
Posts: 11,651
Joined: May 8 2005
Gold: 31,178.84
Mar 30 2008 04:04pm
Quote (sacred_soul @ Sun, Mar 30 2008, 01:50pm)
make this bigger?


I can't, thats as big as youtube allows.
Just read the directions in the first post I made and if you get confused watch the video to see where my mouse is going in photoshop to get you in the correct general direction.
Go Back To Tutorials & Galleries Topic List
Add Reply New Topic New Poll