HOME | DD

Published: 2009-10-19 11:15:58 +0000 UTC; Views: 61466; Favourites: 1495; Downloads: 1388
Redirect to original
Description
A gif animation tutorial using the GIMP program. So you just get an idea how I do the animations.You can see the animation here
Part two: here
Sorry if there are mistakes... If you have any questions I'll explain and add them here to make this tutorial more complete.
Edit: Changes in the new GIMP (2.8):
-You can use the "smooth stroke" option to draw nice lines even in lower zoom then 200%. (you find it at every drawing tool options dialog)
-You can add all the layers you need for one "frame" in a "group layer" By doing so, the "playback" will play the group layers and not every layer separately. (And you won't have to delete the sketchy layers every time or merge them often) In the end before exporting, merge the layer groups one by one by right-clicking on them and choosing "merge layer group". I have a script that does this automatically for all layers. I don't remember the link so just google it
-This is something that was in the old GIMP too, but I haven't mentioned it here: For every "frame" (layer or layer group) rename it with "(100ms)" at the end. If you want that frame to be slower add a bigger number then 100, if you want it to go faster add a smaller number. If you want ALL layers/frames to have the same speed, in the last window when exporting, choose the speed you want at "Delay between frames...100 milliseconds" and add a tick at "Use delay entered above for all frames"
-When you finish, you EXPORT it as ".gif" and not SAVE it.
Related content
Comments: 356
jargoza In reply to ??? [2011-09-12 02:58:37 +0000 UTC]
Yay i can make GIFs now woot! this tutorial is awesome!
👍: 0 ⏩: 1
BlueStar2001 In reply to ??? [2011-09-02 06:24:54 +0000 UTC]
Can you do one with a dance animation template
👍: 0 ⏩: 1
starca In reply to BlueStar2001 [2011-09-02 11:58:27 +0000 UTC]
I'm not good at that 8'D I was struggling a lot for the only "dancing" animation I did here, too: [link] :'] You can try "rotoscoping" a video
👍: 0 ⏩: 1
BlueStar2001 In reply to starca [2011-09-02 19:09:08 +0000 UTC]
Yea me to! I keep one looking for tutorials cause my friend wont tell me! She did Free firestar dance icon you should see it!
👍: 0 ⏩: 1
starca In reply to BlueStar2001 [2011-09-02 22:06:03 +0000 UTC]
You can always take a video of yourself dancing (if you're good at it XD) and trace it
👍: 0 ⏩: 1
BlueStar2001 In reply to starca [2011-09-03 17:38:42 +0000 UTC]
Im not good at dancing but thanks!
👍: 0 ⏩: 1
TubeSockCat In reply to ??? [2011-08-05 09:17:38 +0000 UTC]
Thank you so much for this~
It's a little hard having to trace but I'm really happy now that I can make animations o///w///o)
👍: 0 ⏩: 1
nene7980 In reply to ??? [2011-07-20 18:13:50 +0000 UTC]
Whenever I open it up for new layer they never show the layer box :/ I don't know why but I don't see the layers I am working on orz how do I show the box with the layers?
👍: 0 ⏩: 1
starca In reply to nene7980 [2011-07-20 21:45:41 +0000 UTC]
Click Ctrl+L and it will pop out or go to Windows -> Dockable Dialogs -> Layers
👍: 0 ⏩: 0
FishyFeeshy In reply to ??? [2011-07-11 18:49:33 +0000 UTC]
i have gimp 2.6.....so i have some questions.
1)Export?maybe thats something for the plug-in,but i dont have the plug-in.....D:
2)the save image is alot different than that,the only time you see a window like that in gimp is open,so yeah D:
tried my own animation,but with questions i cant complete it.awesome tutorial,helped me alot!
👍: 0 ⏩: 1
starca In reply to FishyFeeshy [2011-07-11 22:10:27 +0000 UTC]
umm..strange :[ You sure you added ".gif" at the end. When saving it pops out different kind of windows depending on the type of file you're saving. OH..I got it..Maybe you have the "development" (2.7) version You don't "save" there you go directly to "export"
👍: 0 ⏩: 1
FishyFeeshy In reply to starca [2011-07-11 22:29:00 +0000 UTC]
i learned you put .GIF
and no,its 2.6
👍: 0 ⏩: 1
starca In reply to FishyFeeshy [2011-07-12 21:21:59 +0000 UTC]
^^> then I guess it's ok now?
👍: 0 ⏩: 1
UzumakiRamen-chan In reply to ??? [2011-06-09 16:12:36 +0000 UTC]
@#$@$ This is a very helpful tutorial! Thank you so much
👍: 0 ⏩: 1
Virmont89 In reply to ??? [2011-04-16 05:21:31 +0000 UTC]
How do you choose your speed at the end (i think it moves too fast)
👍: 0 ⏩: 1
starca In reply to Virmont89 [2011-04-16 22:00:58 +0000 UTC]
you change the "100 milliseconds" into something bigger.. "100" means every pic will change every 1/10 of the second.( 10 pictures every 1 second) If you change that into "500" you'll get 2 pics per second :'D "1000" 1 every second...You can play with duplicating the pictures too
👍: 0 ⏩: 1
Virmont89 In reply to starca [2011-04-17 02:18:42 +0000 UTC]
AWESOME! i am glade i watched you
you like my role modal when it comes to making animation pictures
this one is my second one i did myself --> [link]
👍: 0 ⏩: 0
Virmont89 In reply to ??? [2011-04-15 22:45:24 +0000 UTC]
I downloaded this (but i got a different version), and i followed this and WOW! it works .....(So far my computer hasn't froze up).....
👍: 0 ⏩: 1
unconventionalsenshi In reply to ??? [2011-04-04 14:37:48 +0000 UTC]
I'm faving this for later and I soooo gotta try this!! But I think I lack the patience to make anything Thanks for all your hard work and beautiful animated gifs !
They give me inspiration and make me want to try experimenting with animation myself
👍: 0 ⏩: 1
starca In reply to unconventionalsenshi [2011-04-04 20:46:24 +0000 UTC]
👍: 0 ⏩: 0
Anime-lova145 In reply to ??? [2011-03-15 14:25:54 +0000 UTC]
Your tutorial really helped me! Thank you!^^....but deviantart won't let me submit it...
👍: 0 ⏩: 1
starca In reply to Anime-lova145 [2011-03-15 22:20:19 +0000 UTC]
try submitting it in this category: digital art/ miscellaneous/ animation
👍: 0 ⏩: 1
Anime-lova145 In reply to starca [2011-03-15 23:27:21 +0000 UTC]
Thanks so much!!! It really helped.^^ I kept on trying flash >animation.
👍: 0 ⏩: 1
maiden492 In reply to ??? [2011-02-27 01:32:02 +0000 UTC]
can you make animation with any other programs?
👍: 0 ⏩: 1
starca In reply to maiden492 [2011-02-27 22:36:00 +0000 UTC]
I think it may work if it has layers & if you can save it as gif, swf or some video format ^^ The idea is just the same.
👍: 0 ⏩: 0
starca In reply to Doctor-Y-Lime [2011-02-10 11:28:09 +0000 UTC]
I love Gimp too
(thanks for the faves)
👍: 0 ⏩: 1
Doctor-Y-Lime In reply to starca [2011-02-10 20:19:06 +0000 UTC]
I think I'm going to try animating this way. If I'm not lazy. XD;;
👍: 0 ⏩: 1
JSteinman In reply to ??? [2010-06-09 05:07:14 +0000 UTC]
AWESOME! this could SERIOUSLY help me out a bunch... thanx for posting this!
👍: 0 ⏩: 1
starca In reply to JSteinman [2010-06-09 21:36:09 +0000 UTC]
Thank you! I'm happy it helps 8D
👍: 0 ⏩: 0
Pru-Pruh In reply to ??? [2010-05-12 01:16:20 +0000 UTC]
Nice and simple setup for your tutorial!
I really appreciate that you've avoided any unnecessary visual noice.
👍: 0 ⏩: 1
starca In reply to Pru-Pruh [2010-05-12 08:38:54 +0000 UTC]
thank you ^.^ (I tend to keep things simple)
👍: 0 ⏩: 0
mangamsy In reply to ??? [2009-11-27 05:17:10 +0000 UTC]
hehe thnx now I can finally make a animation!
👍: 0 ⏩: 1
danimefreack In reply to ??? [2009-11-24 21:59:04 +0000 UTC]
oh yeah btw...i was having trouble with something..how can you make the animetion on time with the music???
👍: 0 ⏩: 1
starca In reply to danimefreack [2009-11-25 09:27:14 +0000 UTC]
You make the MUSIC on time with the animation XD it's easier... Basically when you have the animation you know when every frame comes up, so with a good 'sound program' you cut the music where you want it.
Doing this in reverse is by adding frames as much as your music lasts...But it'll be difficult to end an action on a specific time. It's better this way only when you have a dialog (people speaking or singing)...
^^'> if you're still confused ask again ^^'>
👍: 0 ⏩: 1
<= Prev | | Next =>