Wiki:
Page name: Animated .gif tutorial [Logged in view] [RSS]
2006-04-26 16:31:10
Last author: Erestor
Owner: Erestor
# of watchers: 15
Fans: 0
D20: 7
Bookmark and Share
<Banner here>

Animated .gif tutorial


<img:stuff/2237_wiki_help_9y7vcgcflr5.jpg>


This page contains a techniques of making animated .gifs and getting good results. To make animated .gif I use Adobe ImageReady (AIR) 7.0 as it's easy. Below is how you can make your own.


Media: AIR


<img:stuff/2237_wiki_help_9y7vcgcflr5.jpg>


<img80*0:stuff/new.png>
Step 1: New
Open a new file in Adobe ImageReady. Specify the width x hieght of your piece and choose whether you want a transparent background or colour one. Now go to the optomise settings and set it to "GIF 128 no dither". Now you will notice that you have one layer at the bottum.

<img80*0:stuff/ani1.png>
Step 2: Animation Window
Make sure the animation window is open if not go "window - animation" than you will see a film-strip like window at the bottum. Now right click the only square there are make it "restore to brackground".

<img80*0:stuff/base.png>
Step 3: Base
Now you can draw what you would like to be on under all the other layers. Use whatever brush style you would like, personally I use the pencil tool.

<img80*0:stuff/ani2.png>
Step 4: Animate!
Now create a new layer and a new frame. The new frame will appear next to your first frame in the animation window. As this second layer is transparent you can draw over the top of you first layer to make it look like it's doing something.

<img80*0:stuff/ini1.png> --> <img80*0:stuff/ini2.png> --> <img80*0:stuff/ini3.png>
Step 5: Annoying
One minor glitch with using AIR is that it automatically makes layer two visible in all the slides hence you need to go back onto your first frame and click the eye on the layer options which will then make it invisble. This however has made layer 2 invisible on frame 2 where we want it so we have to re-select this frame and make layer 2 visible my re-clicking the eye.

<img80*0:stuff/hm.png>
Step 6: How much?
Noe you can choose how many times the animaton completes it's self. This option is in the bottum left; I normally set it as 'forever' as it is convinient for it to loop: however you an set it as what you like.

<img80*0:stuff/t.png>
Step 7: Test
Now you should be able to play the animation to test that it works.

<img80*0:stuff/save.png>
Step 8: Save
The last thing to do is save it. This is one of the most complex bits as instead as saving it normally you must go "file - save optomized as ..." and then name it what you want.

Here is the finished result:
<img:stuff/ex.gif>

<img:stuff/2237_wiki_help_9y7vcgcflr5.jpg>


Go or return to:
- Erestor's Tutorials

Username (or number or email):

Password:

2005-09-25 [Zab]: (frames..*remembers the word ><*) Yeah cool too, how could I forget to mention that? ^_^

2005-09-25 [Kileaiya]: Drunk though?? what does that mean :P

2005-09-25 [Erestor]: You get drunk when you've had a bit too much beer. :P

2005-09-25 [Kileaiya]: Well duh, but who is drunk, you?

2005-09-25 [Zab]: *grin* No screencap neccessary, but thanks anyway..XD hm.. I can't take those..Oo screenshoot-thingys..

2005-09-25 [Erestor]: Nope, I don't drink. It was a joke. :S

2005-09-25 [Kileaiya]: :P I sent it to you before I saw your post Zab :P, and hehe it went straight over my head Erestor

2005-09-25 [Erestor]: My fault, it was a bit randomI suppose.

2005-09-25 [Kileaiya]: I forgot to say thank you. SHAME ON ME!

2005-09-25 [Zab]: Heh, I noticed. ^_^ *hugs both* ..O_o..I'm wierd today.. hugging people...

2005-09-25 [Erestor]: No problem. I'm just glad i'm recieving feeback from people and people are actually using it.

2005-09-25 [Kileaiya]: =^._.^=

2005-09-25 [Zab]: ^_____^

2005-09-25 [spiritee]: aHHHH i luffs you!!!! i got it to work >_< <img:http://elftown.lysator.liu.se/stuff/hehekitty.gif>

2005-09-25 [Kileaiya]: Aww cute!

2005-09-25 [Zab]: So nice! ^__^

2005-09-25 [Erestor]: Wow, that amazing spiritee!

2005-09-25 [spiritee]: i'm so happy T_T

2005-09-25 [Erestor]: :) The possibilities are endless now you know ... :P

2005-09-25 [spiritee]: heheh thanks erestor, i couldn't figure, for the longest time, how to use image ready.

2005-09-25 [Erestor]: I'm glad you like it. :)

Number of comments: 75
Older comments: (Last 200) 3 .2. 1 0

Show these comments on your site

Elftown - Wiki, forums, community and friendship. Sister-site to Elfwood