In this guide, we’ll be creating our very own GIF. We’re not just making reaction GIFs—we'll create our own GIF from scratch using Photoshop. In this guide, I'm using Photoshop CC.
  | Adobe Photoshop | × | 1 |
Howchoo is reader-supported. When you buy through links on our site, we may earn a small affiliate commission at no cost to you.
Open Photoshop and create a new project. In my example, the GIF will be 500px by 500px. I have also set the color mode to RGB.
We will create our own animation using layers. Each layer will be used as a single frame for the GIF. Create a layer for each frame of your GIF animation.
If the timeline window isn’t visible, you’ll need to force it into view. Go to Window at the top of the screen and check the Timeline selection.
Click the big button in the middle of the timeline that says “Create Frame Animation”. If your big button says something else, click the tiny arrow next to it and set it to “Create Frame Animation” before clicking.
Open the Timeline settings by clicking the three lines in the upper right corner of the Timeline window. Choose “Make frames from layers”.
Now it’s time to decide how long each frame will be displayed. A longer display time makes the GIF slower. Under each frame in the Timeline window, you’ll see the option to set the frame duration.
Play your GIF in Photoshop to get a feel for how the final product will look.
You can choose to make your GIF loop indefinitely. Select the loop options from the drop-down menu at the bottom of the Timeline window. You can choose for your GIF to play once, loop three times, or continuously loop forever.
To export your GIF, go to File > Export > Save for Web (Legacy). There are several options you can adjust to affect image quality. Pay close attention to dithering - you may want to experiment with its percentage until you get the results you want.
Click save.
Congratulations! You’ve made your very own GIF—and you should be proud. Now it’s time to show off your work to the rest of the world. You may also be interested in our guide on how to disable the start screen for Photoshop.
Here's the final product!
Looking to add a little textual style to your newest project in Adobe Photoshop? This guide will show you two options for adding a new font to use in Photoshop for Mac.
