How to make an animated GIF in Photoshop CS4

This is a discussion on How to make an animated GIF in Photoshop CS4 within the GFX Tutorials board part of the Graphics category; OK so this will be a loooong but easy tut I kind of made it a bit harder on me ...

Page 1 of 2 12 LastLast
Results 1 to 10 of 18
  1. #1
    mr_ice's Avatar
    mr_ice is offline ch4s with <3

    Array
    Join Date
    Oct 2008
    Location
    Croatia, Hrvatska
    Posts
    1,145
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Rep Power
    16
    Reputation
    1031

    Lightbulb How to make an animated GIF in Photoshop CS4

    OK so this will be a loooong but easy tut I kind of made it a bit harder on me so its more flashy
    So there are around 15 pics and it would probably be easy if I made a video tut but as I already know here on D3Scene we like PIXS

    OK so to start, run your Photoshop Im using CS4 and create a new file/image of any size it doesn't matter.
    Make the background black or any other color u want and make some lines on the image with some cool brushes and remember every thing you want to animate has to be on a different layer so make every single line on a different layer.

    Attachment 4567

    Now after u did that go to window and animation.

    Attachment 4568

    A new part of the photoshop will open or better say a new small window at the bottom.

    Attachment 4569

    Now at the right bottom corner of the animation window (the new window) you will see a button that says (if you hold your mouse over it) Convert to frame animation, well don't just look at it press it.

    Attachment 4570

    After you press it the window will change.

    Attachment 4571

    Now turn off all of your layers except of the background which in my case is the black layer.
    Press on the button that says duplicate selected frames.
    Attachment 4574

    Now that you have duplicated your first frame enable/show the first layer on it.
    Attachment 4575

    Now press that small button on the top right corner of the animation window and select tween in the menu that opens.
    Attachment 4576
    Attachment 4577



    Now in the window that opens you can select how many frames you want between the 2 frames you already have or better say how many frames will it take to show the first layer. After you have selected your settings press ok.
    Attachment 4578



    Now repeat that with all the other layers itís the same thing. After you do it you will get something like I did and now its time to save it. A animated GIF image isnít saved as all the other images you have to go to FileŗSave for Web & DevicesÖ




    Now a new window will appear on it press save and chose your location where to save it. Ofc in that window you have a lot of options like looping options so that you may set to loop your animation forever or a certain number of times. Now when you press save you can decide what type of image you want to save if its going to be for a sig or a wallpaper press gif image only and if its for the web press HTML and images.





    And thatís that hope this guide helped you and that its useful to you. All the questions you have you can ask me on the forums , also this guide is just to make you start experiment a little and you will find out a lot more.

    Of in the attachment there is a ziped file with all the pics and a tut in word document and the PSD file.
    So that you can download it all and make it more understandable to you.
    There are 2 archives 1 is rar and the other is KGB.
    Hmm a bit of problem well you download them from rapidshare:
    KGB



    RAR
    Last edited by mr_ice; 03-25-2010 at 04:15 PM.


  2. The Following 3 Users Say Thank You to mr_ice For This Useful Post:


  3. #2
    Tracky's Avatar
    Tracky is offline Administrator

    Array
    Join Date
    Dec 2007
    Location
    Germany
    Posts
    9,948
    Mentioned
    175 Post(s)
    Tagged
    4 Thread(s)
    Rep Power
    44
    Reputation
    5672
    Thank you for this tutorial! I'm sure these pics will make it a LOT easier for some people

    Well, I got an idea for another Avatar for me, "moving" this time..
    Can I request it from you ?

  4. #3
    AlexanderTheGreat's Avatar
    AlexanderTheGreat is offline Enter user title here.
    Array
    Join Date
    Jun 2009
    Location
    Serbia
    Posts
    812
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Rep Power
    14
    Reputation
    808
    Quote Originally Posted by Tracky View Post
    Well, I got an idea for another Avatar for me, "moving" this time..
    My avatar > All

    P.S: Thanks mr.ice :>)
    Let's eat Grandpa! - Let's eat, Grandpa!
    Punctuation, it saves lives.

  5. #4
    fogest is offline Banned User Array
    Join Date
    Jun 2009
    Posts
    3,273
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Rep Power
    0
    Reputation
    863
    The thing is did you make that avatar?

  6. #5
    mr_ice's Avatar
    mr_ice is offline ch4s with <3

    Array
    Join Date
    Oct 2008
    Location
    Croatia, Hrvatska
    Posts
    1,145
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Rep Power
    16
    Reputation
    1031
    Quote Originally Posted by Tracky View Post
    Thank you for this tutorial! I'm sure these pics will make it a LOT easier for some people

    Well, I got an idea for another Avatar for me, "moving" this time..
    Can I request it from you ?
    Yea np Im always glad to be of help.


  7. #6
    Tracky's Avatar
    Tracky is offline Administrator

    Array
    Join Date
    Dec 2007
    Location
    Germany
    Posts
    9,948
    Mentioned
    175 Post(s)
    Tagged
    4 Thread(s)
    Rep Power
    44
    Reputation
    5672
    Okay.
    I request a red Tractor, that's moving from right to left :>
    Over and over again ;D
    Maybe it's possible, that there is written " Tracky " on the Tractor's side ?
    I don't know if the whole Avatar is possible at all. But would be great
    Oh by the way.. It should fit into D3Scene's Avatar "slot"

  8. #7
    mr_ice's Avatar
    mr_ice is offline ch4s with <3

    Array
    Join Date
    Oct 2008
    Location
    Croatia, Hrvatska
    Posts
    1,145
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Rep Power
    16
    Reputation
    1031
    Quote Originally Posted by Tracky View Post
    Okay.
    I request a red Tractor, that's moving from right to left :>
    Over and over again ;D
    Maybe it's possible, that there is written " Tracky " on the Tractor's side ?
    I don't know if the whole Avatar is possible at all. But would be great
    Oh by the way.. It should fit into D3Scene's Avatar "slot"
    Can you tell me just the size that you want it and If you have some tractor image in mind.


  9. #8
    Tracky's Avatar
    Tracky is offline Administrator

    Array
    Join Date
    Dec 2007
    Location
    Germany
    Posts
    9,948
    Mentioned
    175 Post(s)
    Tagged
    4 Thread(s)
    Rep Power
    44
    Reputation
    5672
    Note: The maximum size of your custom image is 100 by 100 pixels or 1.91 MB (whichever is smaller).
    82-03020..gif

    Maybe something like that <.<

  10. #9
    razathru's Avatar
    razathru is offline The not so evul DOC!

    Array
    Join Date
    Dec 2009
    Location
    Chennai
    Posts
    3,299
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Rep Power
    19
    Reputation
    1635
    Some attached pics are unavailable, please check that.

  11. #10
    Tracky's Avatar
    Tracky is offline Administrator

    Array
    Join Date
    Dec 2007
    Location
    Germany
    Posts
    9,948
    Mentioned
    175 Post(s)
    Tagged
    4 Thread(s)
    Rep Power
    44
    Reputation
    5672
    BUMP!
    What about my Request ? Anyone ? :P
    Or shall I make a new Thread ? :P

Page 1 of 2 12 LastLast

Similar Threads

  1. WoW Animated Avatar Tutorial
    By GodOfWar in forum GFX Tutorials
    Replies: 6
    Last Post: 12-22-2011, 07:22 PM
  2. How to make animated Sprays
    By Stroh in forum Counter-Strike: Source Hacks
    Replies: 8
    Last Post: 12-04-2010, 02:11 PM
  3. [TUTORIAL] How to make 'exploding' text in photoshop.
    By matthews in forum GFX Tutorials
    Replies: 9
    Last Post: 09-26-2010, 03:34 AM
  4. [Tutorial] Animated Sigs
    By King-Satchmo in forum GFX Tutorials
    Replies: 0
    Last Post: 02-19-2008, 07:05 PM

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •