Creating a Nice animation design using photoshop


Step 1.

Open an image file i.e green nature image in photoshop click twice on the image layer and make it unlocked.




Figure 1


Step 2.

Now open another image i.e an image of a lady and drag the image using "Move Tool"
in to the previous image.





Figure 2




Figure 3


Step 3.

Now inside the layer palette create duplicate layer of the green nature image and the layer containing lady's image.





Figure 4



Step 4.

Now select each duplicate layer and apply "Gaussian Blur"




Figure 5





Figure 6




Figure 7


Now create a text layer and type your text.


Step 5.

Now create a new layer and fill the layer with "White" color and drag the layer at the bottom




Figure 8


Now except the bottom make the other layer invisible by clicking the "Eye" icon.




Figure 9




Step 6.

Now go to Window=>Animation




Figure 10


Now create a new frame from the "Animation palette" and inside the layer palette click on the "Eye" icon of the layer containing the blur lady image and make it view in the in the second frame.





Figure 11




Now create a new frame from the "Animation palette" and inside the layer palette click on the "Eye" icon of the layer containing the green nature image, blur lady image and text. Make it view in the in the third frame. Now select the text layer and reduce its opacity to "0"




Figure 12





Figure 13


Now again create a new frame from the "Animation palette" and inside the layer palette click on the "Eye" icon of the layer containing the lady's image, the blur green nature image and the text. Make it view in the in the fourth frame. here move the text left side by using "Move Tool"





Figure 14





Figure 15



Step 7.

In this step use select first two frames and apply "Tween" apply the settings shown below.



Figure 16




Figure 17



Repeat the same step to all the four frames selecting two frames each.



Figure 18






Figure 19




Figure 20





Figure 21


Step 8.

Now this step delay the time frame that is first frame by ".1" and last frame by ".2"




Figure 22


Step 9.

Now go to "Image Ready"




Figure 23


Go to File=>Save optimized As and save your image (.gif)




Figure 24


If you want to save it in Flash file (.swf) then go to File=>Export=>Macromedia Flash and save it in flash file.





That's all we have done it . For more interesting tutorials log on to www.itechtalk.com