The ultimate guide to creating GIFs for email (part 2)

Card image cap

We hope you’ve had loads of fun using our tips from part 1 to create your very own GIFs with videos. As promised, here’s part 2 where you’ll learn how to create animated GIFs with still images.

Creating animated GIFs with still images

Step 1: Upload your images to Photoshop

Select the still images you want to use for your GIF and save them in 1 folder. Then upload them into Photoshop by clicking File > Scripts > Load Files Into Stack.

creating GIFs for emails

Click Browse and select the images you saved earlier. Then click OK.

creating GIFs for email

Once you’ve done that, Photoshop will create a separate layer for each image you’ve created. Arrange them accordingly: first frame at the very bottom and so on.

If you want to create each layer individually in Photoshop, open Photoshop and create a new image by clicking File > New and then selecting OK. Then, unlock the background layer by double-clicking the lock icon. Next, add a new layer by clicking Layer > New > Layer.

(Tip: Remember to name your layers so you can keep track of them when you’re creating your GIF.)

To name a layer, go to the Layer panel on the bottom right of your screen, double-click the default layer name and type in the new name. Press Enter when you’re done.

Remember to order your layers from the bottom up.

Step 2: Sequencing your layers

Once you’ve arranged your layers accordingly, it’s time to put them to work for you. To do this, access the Timeline window by choosing Window > Timeline. Timeline allows you to turn different layers on and off in sequence, turning your static images into an animated GIF.

The Timeline window will appear at the bottom of your screen. Here’s what it looks like:

Check that Create Frame Animation has been selected otherwise the frame animation options won’t appear.

If you’ve done it right, your Timeline should look something like this:

Step 3: Creating layers for your frames

Now, it’s time to create a new layer for each new frame. Select all your layers by clicking Select > All Layers. Then click the menu icon on the right of your Timeline screen.

From the dropdown menu, select Create New Layer For Each New Frame.

Done? From the same menu, click Make Frames From Layers to make each layer a frame of your GIF.

Step 4: Setting your timeframe

You’re almost finished. Just select how long you want each frame to appear before switching to the next frame. To do this, click the time below each frame and choose a duration from the menu.

Next, select how many times you want it to loop. Click Other to customise the number of repetitions.

Step 5: Preview and save

Press the play icon to preview your GIF. Happy with it? Congrats! You’ve just made your first animated GIF with still images. Don’t forget to save it for use online by going to the top navigation bar and clicking File > Export > Save for Web (Legacy).

Have fun!

Author image

Killer Coder. Highly skilled in back-end systems, algorithms and solving issues with ‘0’s and ‘1’s

Leave a Reply

Your email address will not be published. Required fields are marked *