Once you've got the timing how you like, you can color it. 1 (sorry, had to watermark it, obviously yours won't have text at this point lol). So this is what my gif looks like now with the timing at. 1 seconds usually, but just see what works best). Then go on any of the frames and click the number with the down arrow to change the timing (I prefer. To change all layers at once, select all by clicking the little box with the arrow and the timeline and click select all.Īll of the frames will be highlighted. Make sure it's not too fast, but not too slow either. You can change it to any time you want, just test out the times. Now your gif will be automatically set at a time. Also, if you feel your gif still has too many frames, you can delete every 3 frames within the gif. To delete frames click on the little trash can at the bottom of the timeline. Now you can delete any unwanted frames from the beginning and end. But please sharpen your gif if it's an HD video though 1 time is enough, 2 looks oversharpened. Again, DO NOT DELETE FRAMES BEFORE SHARPENING. Depending on the quality of the gifs I may sharpen it up to 2 times using this method. I am not going to rehash THEIR tutorial for THEIR action since this is my tutorial but be sure to read it. Now to sharpen! Use notliketheother's Sharpen action for gifs here and READ THEIR TUTORIAL here in order to sharpen properly. Make sure constrain proportions is checked the height doesn't matter as long as the width is 500, and constrain proportions will automatically change the height to where it will look good (usually it will be around 281, for music videos anyway). Go to Image>Image Size and change the width to 500 for the best Tumblr size. Okay, if you need to crop your image go ahead and do it but DON'T DELETE ANY FRAMES. Rule of thumb: If you need to delete a lot of frames within the gif, ALWAYS DELETE EVERY THIRD FRAME. In CS6 you don't have to hold Shift and select a range, you move the little black things at the beginning and end to wherever the range of the scene you want to gif is. WAIT UNTIL I GO OVER SHARPENING.Īlready this looks different from CS5. DO NOT WORRY ABOUT GETTING A LITTLE EXTRA AT THE BEGINNING OR END THAT YOU DON'T WANT ON YOUR GIF! That's okay, and you can delete the frames later. Now you have to select the range for your gif. Change your settings to Limit every 3 frames (you can do 2, but you may have to delete more frames later, so 3 is safer). Pick your video you want to make a gif of and a popup box will come up. I'm using the 'Dance With Me Tonight' music video by Olly Murs for this tut. Go to File>Import>Video Frames to Layers. Now if you have the animation frame up, you're going to start making your frames. (Make sure the checkmark by timeline is checked.) It will look like this:Īnd then the timeline will be at the bottom: It is the exact same animation frame box, just a new name. However, in CS6 you have to go to Window>TIMELINE. mp4, but I find doing everything directly in Photoshop is easiest instead of having a bunch of programs using disk space on your computer and making a ton of screencaps.īefore you start, make sure the animation frame box is at the bottom.

Now if you're using another program to make your screencaps/frames, I guess you don't have to convert to. Make sure your video is HD if possible because if it's SD it won't look as good. These are the only files that are supported directly with Photoshop. text, coloring, etc.) to the gif.īefore you can even begin this, you will need to have your video saved on your computer in the.

It may seem hard at first but will be simple once you get the hang of it! I have heard a lot of people are having trouble with the new CS6 interface, so here you go :)įirst rule-make sure your first frame is ALWAYS selected before doing anything (i.e. Hello! I will be showing you my method of making gifs in Photoshop CS6. Please redirect all questions and comments here, thanks. Translatable? Yes, however the purpose of this tutorial is to teach with the new CS6 interface.ĭifficulty: Easy/Medium (making any type of gifs can get very frustrating) (large versions under cut, these are just icon-sized samples) #1 - Basic Gif Making in CS6 (Optimized for Tumblr)

Smart gif maker tutorial