tc66tc
04-12-2007, 05:33 PM
Hey guys I got a request to show how to make an animated sig
so I here is a quick tutorial on how it is done. I am using Photoshop
CS2. If you are using CS you will have to use imageready, check
out google they alot of different ones to step you through this
also.
================================================== =
1) Make a new psd with the
original and your final
chop on two different
layers.
================================================== =
2) Click Window, Animation
http://www.simons.net/tristan/tut/tut_01.jpg
http://www.simons.net/tristan/tut/tut_02.jpg
================================================== =
3) Only allow your
original picture to be
visible at this time. Now
make apx 7-10 frames.
Remember that the more
frames you use the larger
the size of the gif and the
longer it will take to load.
http://www.simons.net/tristan/tut/tut_03.jpg
================================================== =
4) Now with all you frames
made, select the second
frame. Make your choped
layer visible.
http://www.simons.net/tristan/tut/tut_04.jpg
Slide 1
Original = 100%
Chop = 0%
Time Delay = 1sec
Slide 2
Original = 100%
Chop = 18%
Time Delay = no delay
Slide 3
Original = 100%
Chop = 36%
Time Delay = no delay
Slide 4
Original = 100%
Chop = 54%
Time Delay = no delay
Slide 5
Original = 100%
Chop = 72%
Time Delay = no delay
Slide 6
Original = 100%
Chop = 90%
Time Delay = no delay
Slide 7
Original = 100%
Chop = 100%
Time Delay = 2 sec
================================================== =
5) Now that you have your animation setup, it is time to save you work.
File
Save for Web
In the save for web setup make sure to select gif, then you can play with the options from there.
================================================== =
Final Product
http://www.simons.net/tristan/tut/morph_hhr.gif
so I here is a quick tutorial on how it is done. I am using Photoshop
CS2. If you are using CS you will have to use imageready, check
out google they alot of different ones to step you through this
also.
================================================== =
1) Make a new psd with the
original and your final
chop on two different
layers.
================================================== =
2) Click Window, Animation
http://www.simons.net/tristan/tut/tut_01.jpg
http://www.simons.net/tristan/tut/tut_02.jpg
================================================== =
3) Only allow your
original picture to be
visible at this time. Now
make apx 7-10 frames.
Remember that the more
frames you use the larger
the size of the gif and the
longer it will take to load.
http://www.simons.net/tristan/tut/tut_03.jpg
================================================== =
4) Now with all you frames
made, select the second
frame. Make your choped
layer visible.
http://www.simons.net/tristan/tut/tut_04.jpg
Slide 1
Original = 100%
Chop = 0%
Time Delay = 1sec
Slide 2
Original = 100%
Chop = 18%
Time Delay = no delay
Slide 3
Original = 100%
Chop = 36%
Time Delay = no delay
Slide 4
Original = 100%
Chop = 54%
Time Delay = no delay
Slide 5
Original = 100%
Chop = 72%
Time Delay = no delay
Slide 6
Original = 100%
Chop = 90%
Time Delay = no delay
Slide 7
Original = 100%
Chop = 100%
Time Delay = 2 sec
================================================== =
5) Now that you have your animation setup, it is time to save you work.
File
Save for Web
In the save for web setup make sure to select gif, then you can play with the options from there.
================================================== =
Final Product
http://www.simons.net/tristan/tut/morph_hhr.gif