Thread: Creating Nice animation using photoshop

Creating Nice animation using photoshop


Step 1.

Open a document of 400x400 pixels.




Figure 1


Step 2.

Now select "Gradient" and choose "Linear Gradient" Edit gradient Style




Figure 2


Drag your cursor from bottom to top of the image as shown in figure





Figure 3




Figure 4


Step 3.

Now create a new layer, select "Custom Shape Tool" select heart "Shape" choose color i used (#c30303) and draw a heart.



Figure 5




Figure 6


Step 4.

Now you can type your text on the heart and add some style to the text.




Figure 7



Step 5.

Now Go to "Image Ready"



Figure 8





Figure 9




Figure 10


Step 6.

Here draw a line touching top part of the heart. This will act as "marker" starting and ending point of image animation.



Figure 11



Step 7.

There from the "Animation Palette" click on "Duplicate current frame" then select the image and press "Down Arrow" key once.




Figure 12




Figure 13

Repeat the same procedure make many frames.

Step 8.

Similar to Step 6. move the image up using "Up arrow" key and do it till you reach the line again.





Figure 14


Step 9.

Now go to the layer palette and delete the layer containing line.



Step 10.

Now from the animation palette, select the frame that touches the image at the bottom.


Here Select "Tab Rectangle Tool" and select light gray color as foreground color and draw a as shown in figure.





Figure 15




Figure 16

That's it go to File=>Save Optimized and save your image. Save it in .gif format.



Figure 17


You can increase the speed by decreasing the frames.




Figure 18

For more such interesting tutorial log on to www.itechtalk.com