GIFS! I have a real fascination with stop-motion photography and find that GIFs are totally undervalued in that medium. I like to think of them almost like one of those pencil doodles you made in the corner of your notebooks as a kid. They give you the ability to add movement to static images and the best part about them is that you can embed them as an img on a site, no need to embed video. A lot of people create GIFs from videos, but I thought I’d share a tutorial on how to make one using images in photoshop.
To begin, you’ll need images that you want to put together to make your GIF. The main point of GIFs is to show movement, so you’ll want images that vary. Above is an example of a GIF I created and below I’ve broken it out to show the individual images that make up the GIF.
Here are the steps to make your own:
Step 1: Create a new folder where you will save your images, for the purposes of this, I named my new folder “GIF”
Step 2: Select or create your images and save them in your “GIF” folder
Step 3: Using photoshop, select “File” -> “Scripts” -> “Load Files into Stack…”. A window will pop up (like the one below) and you’re going to select “Folder” and then browse through you folders to find “GIF” and then select “Okay”
Step 4: Once the layers have loaded, select “Window” -> “Timeline” at the top of the screen and you’ll see a new pane at the bottom of your photoshop window, there will be a dropdown menu (shown below) and from there you are going to select “Create Frame Animation” (NOTE: once you’ve selected the option, you have to click the box again to activate it)
Step 5: You’ll now see one of your images in the timeline, to load the rest go to the dropdown menu in the top right corner of the Timeline pane, click on that and select “Make Frames From Layers” (as shown below)
Step 6: Now you should have all your images lined up in a timeline, if they didn’t load in the correct order, you can click and drag the image thumbnails to re-order them
Step 7: You can change the amount of time each image is shown in your GIF by clicking the “0 sec” dropdown, I typically go with 0.5 seconds per image
Step 8: You can also change the number of times your GIF will repeat by clicking the “Once” button at the bottom, the automatic options are “Once”, “3 times” or “Forever”, sometimes it can be annoying for readers if you have them set to Forever, so select the number that makes the most sense for your medium
Step 9: You are now ready to save the file – when you go to save, be sure to select “File” -> “Save for Web…”
Step 10: A window will pop up, ensure you’ve selected “GIF 128 Dithered” in the top right and then hit “Save…” where you’ll be prompted to create a file name and select a location to save the GIF.
And that’s it! Hope you found this helpful, if you have any questions or need anything clarified – please leave a comment below.
Image source: GIF made by me