Photoshop Tute 04

This lesson will teach you how to animate web Banner



You are going to be a better Web Graphic Designer NOW !!!!!!!!!!!

I have explained how to create a text which seems like embossing from an Image(like in above web banner) in Photoshop Tute 02. Please refer that tute before this one.

You can learn how to make web banner by merging several images in Photoshop Tute 03.

Take 3 to 4 beautiful images goes with your theme of the web site

Merge them in the way I explained in Photoshop Tute 03

Now you can see that there is only one layer in the layer pallet instead of those two layers

Now you can make selection by a text layer in the way I explained in Photoshop Tute 02.

Likewise you can create two layers with different text like the sample banner

Now we are going to animate this banner

First select the upper layer

If you are working with later version of Photoshop you can go to windows -> Animation and take the animation pallet

Or else you have to go to image ready by clicking this tooland try to do the following steps

Click “duplicate selected frames” button

Select the second frame

Change opacity of the layer to 0

Then you can see second upper layer

Select those two frames by holding shift key and click “Tweens animation frames” button

You will get this diaglog box

Set frames to add to 10 and click OK

You will get 10 sequence of frames which reduces the opacity gradually.

Now click “palys animation” button of the the animation pallet

You can see the animation!!

Now stop the animation and click on the last frame which has o opacity

copy the frame by clicking on the “duplicate selected frames” button

Then set the opacity of the new frame to 100(you can’t see the bottom layer)

Select last frame and second last frame and click “Tweens animation frames” button

From the dialog box set frames to add to 10

Now you can see the animation in both direction

Try out your own animation changing color, position ……. of the layers.