[Gimp] Make animated (moving) images

Discussion in 'Graphics Resources and Discussion' started by Sindrefyrn, May 22, 2009.

[Gimp] Make animated (moving) images
  1. Unread #1 - May 22, 2009 at 6:23 AM
  2. Sindrefyrn
    Joined:
    Apr 17, 2008
    Posts:
    2,542
    Referrals:
    11
    Sythe Gold:
    0

    Sindrefyrn Power, Wisdom and Courage.
    Do Not Trade

    [Gimp] Make animated (moving) images

    Hey good people.
    In this tutorial I'll learn you how to make simple gif animations in Gimp.
    It's easy, and fun. I made my avatar like that.

    Chapters
    1. Creating the layers
    2. Inserting the images
    3. Save it

    That was the chapter, I bet each chapter will be short since it's not much to do. Anyway, let's head off!


    1. Creating the layers

    To do anything with Gimp you have to open it, of course, so open up Gimp.
    After you have opened Gimp, create a new image. How big it is doesn't really matter.
    Then, open up your layers menu (Ctrl+L), and create some layers. Just make 20 here, since it's an example. Make all layers filled with background colour. The name of every layer should end with (Xms). X is how many milliseconds you want it to last. There's 1000 milliseconds in one second. So, an example of a name should be 'Layer 1(50ms)'. To make the move in the animation smooth you should have 50ms (or less).
    Okay, so make the layers. As I said before just make 20 layers here. That wont be a long animation, but I'm just learning you. :)

    [​IMG]

    If everything went well here we're ready to head over for next chapter.


    2. Inserting images

    To make an animation you will be needing images to move, obviously.
    Here I'll make it simple, just making a dot that moves. So, hold down Shift and press the eye at the first layer. Then select the pencil tool (N) and select a brush with a fitting size. If the biggest brush isn't big enough, set up the scale until it's big enough. Then begin with adding a dot to the background, and then to the next layer a little away from it, and so on.
    After adding a dot to all the layers, your layer menu and the image editor window should look like something similar to this.

    [​IMG]

    To check if every thing's correct before saving it go to Filters - Animation - Playback and press Play.
    Now you'll see actually how the animation will look like after saving it! Here's how mine looked like.

    [​IMG]


    3. Save it

    This is really easy. Just press Ctrl+S while having the Gimp window open.
    Name it whateveryoulike.gif . When you click save, you'll get up a window like this. Mark 'Save as animation' and press export.

    [​IMG]

    After clicking export, you'll get up another window. Just leave all those settings by default.

    Upload it at ImageShack, or another place that supports animations, and use like hell.
    Here's my result:
    [​IMG]


    Thanks for reading my tutorial. Feel free to ask questions, I'll keep updating on request.
     
  3. Unread #2 - May 29, 2009 at 1:53 PM
  4. Ninja_Phat
    Joined:
    May 29, 2009
    Posts:
    1
    Referrals:
    0
    Sythe Gold:
    0

    Ninja_Phat Newcomer

    [Gimp] Make animated (moving) images

    Thank you for this guide.
    Will try it later on.
     
  5. Unread #3 - May 29, 2009 at 3:20 PM
  6. Sindrefyrn
    Joined:
    Apr 17, 2008
    Posts:
    2,542
    Referrals:
    11
    Sythe Gold:
    0

    Sindrefyrn Power, Wisdom and Courage.
    Do Not Trade

    [Gimp] Make animated (moving) images

    No problem. If you're having any problems just post them here.
     
  7. Unread #4 - May 29, 2009 at 11:37 PM
  8. I Haz Reconz
    Joined:
    May 29, 2009
    Posts:
    41
    Referrals:
    0
    Sythe Gold:
    0

    I Haz Reconz Member

    [Gimp] Make animated (moving) images

    Thanks, Grats on User-Educator btw
     
  9. Unread #5 - May 30, 2009 at 8:30 AM
  10. Sindrefyrn
    Joined:
    Apr 17, 2008
    Posts:
    2,542
    Referrals:
    11
    Sythe Gold:
    0

    Sindrefyrn Power, Wisdom and Courage.
    Do Not Trade

    [Gimp] Make animated (moving) images

    Your welcome.
    And, thanks :)
     
  11. Unread #6 - Jun 3, 2009 at 11:14 AM
  12. Gonewild
    Joined:
    May 17, 2009
    Posts:
    12
    Referrals:
    0
    Sythe Gold:
    0

    Gonewild Newcomer
    Banned

    [Gimp] Make animated (moving) images

    Very very nice
     
  13. Unread #7 - Jun 3, 2009 at 2:00 PM
  14. Sindrefyrn
    Joined:
    Apr 17, 2008
    Posts:
    2,542
    Referrals:
    11
    Sythe Gold:
    0

    Sindrefyrn Power, Wisdom and Courage.
    Do Not Trade

    [Gimp] Make animated (moving) images

    Thanks, I guess.
     
  15. Unread #8 - Jun 6, 2009 at 10:17 PM
  16. s3vered
    Joined:
    May 22, 2009
    Posts:
    110
    Referrals:
    0
    Sythe Gold:
    0

    s3vered Active Member

    [Gimp] Make animated (moving) images

    Thanks so much, I use GIMP all the time on Ubuntu, I REALLY wanted a tutorial for animations :D

    Thanks again!
     
  17. Unread #9 - Jun 7, 2009 at 10:45 AM
  18. Sindrefyrn
    Joined:
    Apr 17, 2008
    Posts:
    2,542
    Referrals:
    11
    Sythe Gold:
    0

    Sindrefyrn Power, Wisdom and Courage.
    Do Not Trade

    [Gimp] Make animated (moving) images

    No problem. :)
    I have tried Ubuntu myself, I loved it. But there was several programs that I didn't manage to install.
     
  19. Unread #10 - Sep 12, 2009 at 5:05 AM
  20. Sharecode
    Joined:
    Sep 6, 2009
    Posts:
    5
    Referrals:
    0
    Sythe Gold:
    0

    Sharecode Newcomer

    [Gimp] Make animated (moving) images

    how i download gimp?
     
  21. Unread #11 - Sep 19, 2009 at 6:24 AM
  22. Sindrefyrn
    Joined:
    Apr 17, 2008
    Posts:
    2,542
    Referrals:
    11
    Sythe Gold:
    0

    Sindrefyrn Power, Wisdom and Courage.
    Do Not Trade

    [Gimp] Make animated (moving) images

  23. Unread #12 - Sep 20, 2009 at 10:20 AM
  24. Professional
    Joined:
    Sep 19, 2009
    Posts:
    79
    Referrals:
    1
    Sythe Gold:
    0

    Professional Member

    [Gimp] Make animated (moving) images

    Basic, simple, and helpful.

    Good job. :)
     
  25. Unread #13 - Sep 22, 2009 at 4:13 PM
  26. Draucia
    Referrals:
    0

    Draucia Guest

    [Gimp] Make animated (moving) images

    Umm I've having some troubles. I made 20 layers, just like you said. Then when I put a dot on one layer, and move on to the next, it still puts the dot on the first layer. Even when I remove the [eye] from it. Do you know the problem?


    EDIT: I got it! Thanks alot of tutorial! Here is the gif: [​IMG]

    Maybe I shouldn't of made the images too far apart :p. But it still works! Thanks!
     
  27. Unread #14 - Sep 27, 2009 at 2:41 AM
  28. Sharecode
    Joined:
    Sep 6, 2009
    Posts:
    5
    Referrals:
    0
    Sythe Gold:
    0

    Sharecode Newcomer

    [Gimp] Make animated (moving) images

    how do i add a picture from my file>? and make it move like avatar animation?
     
  29. Unread #15 - Sep 27, 2009 at 7:53 AM
  30. Greg
    Joined:
    Aug 7, 2008
    Posts:
    2,470
    Referrals:
    6
    Sythe Gold:
    0

    Greg Retired
    Banned

    [Gimp] Make animated (moving) images

    I either fail at this or Im doing something wrong when your on could you help me??
     
  31. Unread #16 - Sep 27, 2009 at 8:55 AM
  32. o m g
    Joined:
    Sep 27, 2009
    Posts:
    36
    Referrals:
    0
    Sythe Gold:
    0

    o m g Member

    [Gimp] Make animated (moving) images

    thats awsome tut, i have tried animations but in photoshop, not so good with it at all but this seems simpler
     
  33. Unread #17 - Sep 27, 2009 at 9:11 AM
  34. Influenza
    Joined:
    Aug 2, 2008
    Posts:
    698
    Referrals:
    0
    Sythe Gold:
    0

    Influenza Apprentice
    Banned

    [Gimp] Make animated (moving) images

    Nice job. I love the guide, it's simple and most people use gimp, rather than Photoshop, because either they don't want to download a uTorrent of it, or just can't purchase it.
    7/10.
     
  35. Unread #18 - Sep 27, 2009 at 10:54 PM
  36. Plundy
    Joined:
    Sep 19, 2009
    Posts:
    262
    Referrals:
    0
    Sythe Gold:
    0

    Plundy Forum Addict
    Banned

    [Gimp] Make animated (moving) images

    I r like dis Nyse
     
  37. Unread #19 - Oct 1, 2009 at 12:33 AM
  38. Fish1ngsk1ll
    Joined:
    Jun 13, 2009
    Posts:
    482
    Referrals:
    0
    Sythe Gold:
    0

    Fish1ngsk1ll Forum Addict

    [Gimp] Make animated (moving) images

    Thanks I'll make sure to try it out
     
  39. Unread #20 - Oct 16, 2009 at 1:09 PM
  40. Sindrefyrn
    Joined:
    Apr 17, 2008
    Posts:
    2,542
    Referrals:
    11
    Sythe Gold:
    0

    Sindrefyrn Power, Wisdom and Courage.
    Do Not Trade

    [Gimp] Make animated (moving) images

    Thanks for your feedback people! It have been a while since I checked this topic, sorry for the late replies. :(

    Uhm. I didn't really get what you said here now.

    Sure, just sign me up at MSN!
     
< Simple photoshop help | Help-I need make a Stencil >

Users viewing this thread
1 guest


 
 
Adblock breaks this site