How to create an animated GIF in Adobe Photoshop and publish to Instagram

My camera can take 12 photos a second, and at this fast a frame rate it can often be cool to turn the little bursts of photos into GIFs. I create these using Adobe Photoshop CC 2019, but other versions may work too.

  1. Open up Photoshop
  2. File > Scripts > Load Files into Stack
  3. Once your photos have been loaded into the document you’re ready to open up the timeline
  4. Window > Timeline
  5. In the new window click the dropdown arrow and select Create Frame Animation then click the button
  6. Now select the three lines in the top right of the timeline window and click Make Frames from Layers
  7. Highlight all the frames and on one of them change how long each frame should appear. I like to go with 0.5s before the next frame should appear.
  8. At the bottom of the Timeline window select how many times you would like your GIF to loop; forever, 3 times, once, etc
  9. Preview your GIF by pressing the play icon
  10. Sometimes the frames have been imported backwards, make sure your GIF plays the correct way through
  11. Now it’s time to save your GIF
  12. File > Export > Save For Web (Legacy)
  13. I like to set my GIF to be around 1280px x 720px so as not to make the file size too large. I also use 256 colours to maintain as much authenticity as I can.

After I’ve created my GIFs I like to publish them to Instagram to show them off.

  1. Upload your GIF to the website GIPHY
  2. Download your GIF as an MP4 format video and share to Instagram

References:

https://blog.hubspot.com/marketing/how-to-create-animated-gif-quick-tip-ht