fazaal24 said:Making Animations Using Photoshop
Works in : Adobe Photoshop Cs2-Cs3
Note: If you are using Photoshop CS and below; use the software Adobe Imageready which comes with Photoshop.
Output:
Ok guys, this will be complicated at the start, all i have to say is that Practice makes Perfect as usualSo try working on it and u'll get it
So lets start with a new canvas 650 x 125 pixels. And ive used some graphics in it.
Before animating, you have to enable the Animation Palette first:
Window>>Animation
Heres the Animation Palette. The square shaped thumbnail is know as a "frame"
Next, type whatever you want to appear in your animation. So I came up with something like this:
Ok now starts the animation part. As you are in the "First Frame". You have to move the text and other stuff to be animated out of the canvas, so move them where ever you want to.
This done because; at the begginning of the animation there shouldnt be anything except the background.
As shown below ive taken all the texts to differen parts of the image; so completely make it invisible.
Next, insert a new Frame as shown below:
Ok so this is how it will look after you have inserted the "2nd Frame"
After adding the 2nd Frame, bring the layer "Elakiri" and place it as it was before. So that will become the first animation.
After Placing the layer as above, Go to the First Frame again and Click the Tween button and do according to the picture below.
What happens here is it creates a connectivity between the two frames and give a morphing effect.
This is how the animation palette will look like;
After the previous step; while in the last frame (frame no.12)again make a new frame as shown below;
After the above step it will become 13 frames. Do according to the image shown below.
After this, follow the same technique as before, go to the 12 th Frame and click the TWEEN Frame button and give the values as before. so there is the 2nd animation.
You can preview these animations by clicking the play button in the palette.
Repeat these steps for the Layer "Support" too.
Finall You have the three texts coming from each side.
And if u want the animation to pause a bit follow the image below. give the number of seconds as u wish.
How to save the animation
Go to File>>Save For Web
and save as GIF format.
So here it is;
I have added a glow effect through blending options, but i have not shown it in the tutorial. First get used to the basics then u'll eventually learn how to give the effects to it..All done by Tween and Frames.
Dont worry if u dint get it the first time. Just try and try you'll get it if u have the commitment. Even i learned this on my own.
So good luck. Post ur doubts. I'll help whenever i can in the best way
As shown by eranga_ m Here are some siggies ive made using Photoshop:
http://www.elakiri.com/forum/showpost.php?p=2858655&postcount=813
And this is also done using the same technique. This is a simple one
elane..free time welawakata try ekak denna oni..tnx very much macho...
