A guide to creating animated gifs with Adobe Premiere
Here’s another quick Adobe Premiere tip for creating animated gifs out of movie clips. Some times providing an image instead of a video is a good way to get around having your user install 3rd party plugins. The animation linked below is far bigger than what you would want to use for marketing purposes, but for a bit of fun and to show some love for the HBO series Eastbound and Down I let this slide at 43.6 MB.
View the Eastbound and Down Sample Gif Here
This tutorial assumes that you already know how to create video clips in Premiere. If there’s enough interest I’ll create a tutorial for that as well, but for now let’s look at creating an animated gif from a video.
Once you have your video clip selected go to the top menu and select Export > Movie or Ctrl M.
The, “Export Movie Settings”, panel will pop up. From the drop down select, “Animated GIF”.
Once you’ve selected your media output options you’ll want to prepare your video size and aspect ratio. This is the most important part of creating your animated gif as you will want to keep the size down for faster downloads. This is up to you as smaller file sizes will also create degraded images so you’ll want to play around with the following 2 aspects frame rate and over all image quality.
Quality refers to the quality and number of colors in your individual gifs. Starting from 256 and going down. Removing colors from your image will decrease the file size, but also degrade the quality of the image so beware. Your frame rate is the number of frames per second in your video. Decreasing your frame rate will decrease your animated gif export size, but will also begin to look choppy the fewer frames you have.
The size of your gif is important as people generally click away from a page that takes too long to load, but with a little finesse this trick can help add some much needed interactivity to an otherwise dull web page.
Hope this quick tip helps. If you’re interested in how to create a movie clip with Premiere leave me a comment and I’ll create another tutorial for that.
A little taste of Kenny Powers
Incoming search terms for the article:
- kenny powers gif
- eastbound and down gif
- adobe premiere gif
- adobe premiere animated gif
- animated gif adobe premiere
- Kenny powers pictures
- how to make a gif from a video premiere
- how to make gif in premiere
- premiere animated gif
- animated movie clips
About Me: Nate Balcom is a web designer and social media guru with over 11 years of experience in the web industry. He specializes in web design and development, SEO and social networking. You can follow him on Twitter here. 
Tags: adobe, adobe-premiere-tutorial, eastbound-and-down, kenny-powers, premiere
Posted in Video Editing
This is a very useful post. Using abode premiere to create animated gifs. I have learned hear something new. Please post more about abode premiere application.
Twitter: lukeslytalker
Howdy Web Developer. Glad this post helped. I’ll be adding more Premiere tips in the future. If you have any suggestions or would like to know something in particular leave a comment and I’ll see about creating a new post here.
Hi, your article was very useful, but i’m having a problem with the gifs i make with Premiere…i export it and everything is alright, except for a single black frame that appears at the start of the animated gif. since it’s looping, that photogram is really annoying. i hope you could help me out with this
thanks!
Twitter: lukeslytalker
Hi Javier,
I think the issue you’re running into is with the inherent way that Premiere works. The program creates transitions between frames and scenes when you’re editing video.
I think the reason you’re seeing the black box is because there is likely a transition frame in your time line that is added by default. Look at the screenshot below.
Notice there is a black frame in the list. To view this in your own project simply open the Premiere project file and click on the orange, “edit”, tab on the left. You can then left click on that transition and cut it. That should remove the black frame you’re seeing.
Hope this helps.