playlamegetfame Posted April 25, 2012 Report Share Posted April 25, 2012 Tutorial: Animated .gif - Basic Movement, Color & LoopsThis Thread will show you how to make some basic animations with photoshop. Im useing Photoshop 5.5(German) on Windows 7. Things might be diffrent if your useing other versions...Step 1: Open a new document. Im going to use a size of 1000px x 500px for this tutorial.Step 2: Add a new layer (shift+control+n) and paint(1) a 50px cricle(2) into that layer(3).Step 3: Go to: Windows(1), and click on Animation(2). A window on the bottom will appear(3).Note: Click that button(4) to change displaymodes if it looks diffrent.Step 4: Set the delaytimer(1) to "No delay"(2) and duplicate the frame 3 times(3).Step 5: Click on the secound frame(1) and move(2) the cricle(3). Do the same with the third frame(4).Step 6: Press Ctrl and klick on frame 1 & 4(1). Doubleklick on the circle layer(2) and enable coloroverlay(3). Change the color to red and hit "okay"(4). Click on the second frame and change his circles color to blue. Do the same with your third frame, but pick green instead of blue.Your Frames should look like this:1 & 4:2:3:Step 7a: Select frame 1 and 2 by pressing Ctrl and clicking on them(1). Now click on the "add frames" button(2) and change the value to 18(3), them hit "okay"(4).Note: More frames would make a smoother movement but also slows down the movement and increases filesize. Examples below!Step 7b: Repeat step 7a with frame 20 & 21. Repeat it again with frame 39 & 40. You should have 58 frames by now. Select frame 58(1) and delete it(2).Note: Frame 1 and 58 are the same and we just need one of them.Step 8: Press Alt+Shift+Ctrl+S. A window should appear. Set the loop to endless(1) and save it.(2)Done! it should look like this now:57 frames:600 frames:Examples where i used this would be:I hope this was somehow usefull for you guys. Let me know if you want more tuts. 1 Quote Link to comment Share on other sites More sharing options...
J-Lord Posted April 25, 2012 Report Share Posted April 25, 2012 Ah sweet as ive been waiting for you to do a tutorial on how you make ur awesome gif sigs! It's just a shame I don't have photoshop, so i'll stick with my long and complicated method lol.Cheers anyway! I will try this if I get photoshop one day. Quote Link to comment Share on other sites More sharing options...
Anonymous Posted April 30, 2012 Report Share Posted April 30, 2012 Thanks for the Tutorial I made this from what I learned Quote Link to comment Share on other sites More sharing options...
playlamegetfame Posted May 2, 2012 Author Report Share Posted May 2, 2012 Well done! Im glad you tryed it. Any feedback on that tutorial? Did the german version disordert you? Btw, i could do a tutorail about my Rasengan .gif. if your interested. It would fit into you signature. :> Quote Link to comment Share on other sites More sharing options...
Jaxxy Posted August 8, 2012 Report Share Posted August 8, 2012 Great in-depth tutorial. It's obvious you've put a lot of effort into it. Thanks a lot. :3 Quote Link to comment Share on other sites More sharing options...
swordandblade Posted August 21, 2012 Report Share Posted August 21, 2012 Thank you this helps Quote Link to comment Share on other sites More sharing options...
Breathless Posted November 3, 2012 Report Share Posted November 3, 2012 (edited) Thank you for the tutorial! One of the most helpful tutorials on animated gifs I've seen. I just had a play around on PS following your tutorial and this is what I came up with.Thanks once again! Edited November 4, 2012 by Breathless Quote Link to comment Share on other sites More sharing options...
franko446 Posted November 3, 2012 Report Share Posted November 3, 2012 thanks this helped allot Quote Link to comment Share on other sites More sharing options...
spider69 Posted December 6, 2012 Report Share Posted December 6, 2012 thanks for this tutorial Quote Link to comment Share on other sites More sharing options...
kamonpatza Posted December 12, 2012 Report Share Posted December 12, 2012 Thank you this helps Quote Link to comment Share on other sites More sharing options...
uloveonce Posted February 19, 2013 Report Share Posted February 19, 2013 thanks Quote Link to comment Share on other sites More sharing options...
fooroom Posted April 17, 2013 Report Share Posted April 17, 2013 Thank you for this awesome tutorial. It'll help me a lot in my future works. Quote Link to comment Share on other sites More sharing options...
RanMan20 Posted April 19, 2013 Report Share Posted April 19, 2013 Thanks! Helps me a lot. Quote Link to comment Share on other sites More sharing options...
Dman674 Posted May 13, 2013 Report Share Posted May 13, 2013 Oh, this is awesome thanks so much ^^ Quote Link to comment Share on other sites More sharing options...
ONESHOTFilms Posted July 17, 2013 Report Share Posted July 17, 2013 Great Job Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.