We’re going to make this in Photoshop Elements:

 

First of all, you can’t do everything in Photoshop Elements that you can do in the full version, but there is a lot more than most people realize. I actually use Photoshop Elements Version 2.0, though I have a later version, because there are a lot of plugins for Curves and things you can use in the earlier versions. The best places I have found for plugins are here and here.

This is going to be a very comprehensive tutorial.

To make a gif, you first need to get screencaps. If you can already get screencaps, you can skip this part. I like to use ImageGrab(which can be found here), and there’s KMPlayer(here) that works pretty good as well. You may need to convert you video to .AVI or .FLV first, but I just use Any Video Converter(here), which is also free.

When you open up imagegrab, I would go to settings first. I use .bmp and sometimes you will need to adjust the aspect. Normally normal should be fine, but if you images like a little stretched, I would switch between the different aspects.

To actually get screencaps, you need to click the red alarm clock and enter in the time where you want your gif to start. I have entered in 22:10:10 because this gif is from the 22nd minute of the video. I normally set my intravolmeter to 2 frames. And then you just click the switch and it starts screencapping. When it’s done, click it again. You now have all of your screncaps.

Open up PSE and drag all your files to it(You may want to list your photos backwards alphabetically before you drag them there so they’re in the correct order). Your screen should now look similar to this:

Now paste every picture into one file. Now I crop the photo where I want it. If you don’t want to do any additional coloring, resize it, click file->save for web. If you do, skip to the Coloring Part. Your screen should look something like this:

 

Make sure you first check animate, and have looped checked and set the frame delay to 0. It should say under the second picture how big you gif is. It needs to be under 500 KB for Tumblr. You can lower the size by resizing the photo, deleting frames, and lowering the colors. Press save. Congragulations! You should now have an animated gif. If you’re interested in coloring, keep reading.

COLORING

Try to have as HQ a video as you can, as you’ll have HQ screencaps. I like to sharped my photos a bit. If your caps are at least 720 pixels wide, Go to Filter-Sharpen More before you resize them. You can also try just sharpen if they look too sharpened. You do have to do this for every layer, which is a pain, I know. You can use CTRL-F after you’ve done it once though. After you’ve sharpened all of them, resize your gif. I like 500 px.

When coloring, use layers! You are going to have to edit every cap, so duplicating the image and using screen and soft light make it much more difficult. To lighten up your image, use a Curves layer(you will need the plugin first). The Curves layer will differ for each photo depending on lighting. I’m just going to use this psd from justanotherpsdblog. I would copy the very first layer onto a new file and drag the psd over to it. Unfortunately, with PSE, you can’t edit this psd. Your layers should look like this:

Go to Layer-Merge Visible(Or Shift+Crtl+E) and copy the photo. Open up a new file and paste this layer onto it. Do the same thing with each layer, until you have a file full of colored layers. It does take awhile, but it gets easier as you get used to it. To save it,  click file->save for web. If you do, skip to the Coloring Part. Your screen should look something like this:

 

Make sure you first check animate, and have looped checked and set the frame delay to 0. It should say under the second picture how big you gif is. It needs to be under 500 KB for Tumblr. You can lower the size by resizing the photo, deleting frames, and lowering the colors. Press save. Congragulations! You should now have a colored animated gif.

I know this is confusing, so please feel free to drop come questions in my ask box.

  1. ktbeckett reblogged this from sunshinefun27
  2. astroturff reblogged this from sunshinefun27
  3. sunshinefun27 posted this