Skip to content

Instantly share code, notes, and snippets.

@mlevans
Created March 30, 2013 22:58
Show Gist options
  • Save mlevans/5278717 to your computer and use it in GitHub Desktop.
Save mlevans/5278717 to your computer and use it in GitHub Desktop.
How to create an animated gif using iMovie and Photoshop (yes I don't have After Effects otherwise this would be super easy)...
1) Open iMovie. Import movie as a new event and add it to a new Project, editing the clip as necessary
2) Go to Projects list, right click on appropriate project and 'Export using Quicktime', select the 'Image Sequence' file type and I would advise setting the fps to around 6-12 (you can do this by clicking 'Advanced'). Once saved you will see you have a bunch of images...
3) Now to Photoshop. Go to File > Scripts > Load files into Stack, to open all frame files into one document as individual layers.
4) Open the Animation panel, and by clicking the options icon, select 'Document Options...' Set the fps to the same as the Image Sequence.
5) Click the options icon again and select 'Make Frames from Layers', you will notice that the gif is probably going in the opposite direction to what you want it to. Click on the options icon again and select 'Convert to Frame animation'. The animation window will now be thumbnails as opposed to a list. You can now click the options icon one more time and 'Reverse Frames'
6) There are plenty more things you can do within the Animations Pane, so have a play around. For example there are options to make your gif loop. Once you have your desired gif you can just File > Save As...
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment