MAKE A GIF

GIF is an acronym for Graphics Interchange Format, a file format that supports both static and animated images. GIFs rose to popularity as a way to react on social media without words. Facebook and Twitter both support animated GIFs. 

Hootsuite (2023) 'GIF' URL

Why make GIFs?

Creating a GIF is an excellent strategy to captivate an online audience, especially when aiming to generate interest in an upcoming film release on social media. GIFs are short, animated loops that convey messages or emotions quickly and effectively. They are used on social media platforms as their motion makes them attention grabbing and their humour or use as short commentaries on social events engage audiences as well as being appealing and entertaining. As the file type is shareable across platforms (e.g. Twitter, Facebook, Discord, Reddit), users are likely to share them with their friends. When this is used in relation to upcoming films from screen-grabs, they generate organic buzz.

What is 'organic buzz?'

TW: Depictions of throw-up / horror simulation.

Film GIFs

In the following GIFs for Barbie and Oppenheimer, consider what the key feeling is that they are aiming to convey. The idea is that this feeling or moment would be something someone might send to their friend, even outside of the context of the film.

Barbie 1

Barbie 2

Barbie 3

Oppenheimer 1

Oppenheimer 2

Oppenheimer 3

Class Project

Our Project


Instructions

VOX (2017) Mic Drop. URL

How to turn your images in to a GIF on Photoshop
Adobe (2022) Create an animated GIF from a series of photos. URL

1 Import a series of photos 

Open Photoshop and go to File > Scripts > Load Files into Stack.

Click Browse and locate the photos you want to use. While holding down the Shift key, select all the files and click Open.

Click OK to import the photos into a single layered file.

Note that a number of new layers have been created in the Layers panel on the right side of your workspace.

These individual layers will become the frames of the animated GIF.

2 Open the Timeline 

Go to Window > Timeline to open the Timeline panel.

Click the arrow on the button in the middle of the panel and select Create Frame Animation. Then click on the 'Create Frame Animation' button that you just selected to create a new frame animation.

3 Convert layers into animation frames 

Click the menu icon from the upper right corner of the Timeline panel. Click Make Frames From Layers.

This will convert all the layers in the Layers panel into individual frames in your animation.

Click the Play button from the bottom of the Timeline panel (or press the Spacebar on your keyboard) to preview the animation. 

3B Reverse Frames (if required)

 If your animation is playing in reverse, click the Timeline menu icon again and select Reverse Frames. 

4 Set the animation to loop 

Click the repeat menu from the bottom of the Timeline panel and select Forever. This will create a looping animation.

Click the Play button from the bottom of the Timeline panel (or press the Spacebar on your keyboard) to preview the animation.

5 Export the animation as a GIF 

Go to File > Export > Save for Web (Legacy)...

Click the Preview... button in the lower left corner of the Export window to preview your GIF in a web browser.

Click Save... and select a destination for your animated GIF file.

Congratulations! You have just created your animated GIF. Post it online to show it to the world.

Note that you can also use this technique for any layered Photoshop file.

Video Instructions

Photoshop a GIF.webm

GIF & Recreation

For Your Portfolio

Under your 'Class Projects' page on your portfolio, create a subpage called 'GIFs.'

C level (ish)


B level (ish)


A level (ish)