Friends

Sunday, April 3, 2011

Create Animation

Well since I modified my avatar and signature last time, I saw that many people wanted to know how I did that :wink:
How I gave such lifeness? So here is the answer in a tutorial :cool2:
 Okey lets start the resurrection of our Avatars and Signatures :ar:
First lets add some blinking stars in to our avatar.
 Note :ar: To get the successful results, I recommend to use Adobe Imageready CS2
  :info: Basically you can follow all this with only Image ready application but since I'm a much addict towards Photoshop I'll use both :mdr:
 Hey I forgot to say, a nice music please :lol:
 Ok first of all, find a better avatar to add blinking stars or just design one :wink:
 http://img205.imageshack.us/img205/5558/allob9.png
 http://img204.imageshack.us/img204/9986/1fw9.png
 Then go to the layer at the top.
Press Ctrl+Shift+N to create a new layer at the top & name it 'Star 1'
 Select a white to transparent gradient and from the gradient type, choose 'Diamond'
 http://img204.imageshack.us/img204/9513/2gb2.png
 Put a little star in the 'Star 1' layer like this,
 http://img230.imageshack.us/img230/7974/3db2.png
 Then Press Ctrl+Shift+N to build up anothe layer and name it 'Star 2'
Put another white star in that layer like this (not in the same place as 'Star 1' )
 http://img204.imageshack.us/img204/2962/4gf6.png
 So then, as for your desire, add many stars as you like, but remember, each star must have it's own layer (a layer must contain only one star)
 As for mine, I created nine stars in nine layers
 http://img207.imageshack.us/img207/1746/6vi1.png
 but in the canvas, they look like this,
 http://img204.imageshack.us/img204/7793/5cl2.png
 Ok now it's the time to press the magic button :wink:
 Switch to Image Ready now
 http://img69.imageshack.us/img69/2039/7dz8.png   or just press Ctrl+Shift+M
 When you oen the document in Image ready, make sure to open the 'Animation' window
 http://img207.imageshack.us/img207/7075/8kr2.png
 Let's start working :666:
  :ar: First of all select the opasity of the all star layers (Star 1-Star 8) to 0% but Keep the last star layer (Star 9) opasity to 100%
 http://img207.imageshack.us/img207/5306/9wq8.png
 Go to the animation Window,
 Hit Duplicate Current Frame and you'll have another frame
 http://img207.imageshack.us/img207/5356/11ax2.png
 Go to the Frame No 2 from the Animation Window and there, set the 'Star 9' Opasity to 0% and 'Star 1' Opaity to 100%
 In the Canvas It'll look like this
 http://img207.imageshack.us/img207/8120/12qi5.png
 Now press the Tween Button in the Animation Window :oui: (With Frame 2 Selected)
 http://img207.imageshack.us/img207/9747/13hq8.png
 In the Tween Parameters, Set the number of Frames to add to 5 (the other parameters are not important to be discussed here)
 http://img82.imageshack.us/img82/6789/14bc9.png
 Hit 'OK' and you'll see new Five frames between the ones you've edited :smile:
 Click to 
zoom
 If you play the animation now,
 http://img82.imageshack.us/img82/2607/16bo1.png
 It'll look like this
 http://img209.imageshack.us/img209/3836/1tw8.gif
 Ok now, enough with viewing a part :bad: let's finish this :mdr:
 Go to the last frame from the 'Animation Window' (Frame 7) and there, hit to Duplicate the Frame.
 In the new frame, set 'Star 1' Opasity to 0% and 'Star 2' Opasity to 100%
 Tween them now ( :info: you'r previous parameters will be saved automatically. So you don't want to change the number of 'Frames to Add' )
 Then Go back to the last Frame,
 Set 'Star 2' Opasity = 0%
'Star 3' Opacity = 100%
 Repeat this untill you change,
 'Star 8' Opacity = 0%
'Star 9' Opacity = 100%
 Now there should be 55 Frames in the Animation Window :oui:
 If you play the animation now, you must obtain this
 http://img204.imageshack.us/img204/5681/2de2.gif
 And now Go to File>Save Optimised and give a god damn name to the gif :lol:
 Ok It's over now. :smile:
 Have some nice coffee till I continue this thread in telling how to get this

0 comments:

Post a Comment

#
### ###