The Party Don’t Start ‘Till I Walk In (GIF Tutorial)

Darcy Arrives GIF

Created in Adobe Photoshop


Darcy Arrives2

Created with GIMP

These GIFs were made for the Say it Like Peanut Butter Assignment from the DS106 Assignments site.

Using Photoshop

The first version here was made using Adobe Photoshop. Here are the steps I took to make this GIF from the movie Pride and Prejudice:

1. I imported my video clip into Photoshop using the import video frames to layers option.

2. Next, I opened up the timeline at the bottom of the screen and selected New layers Visible in All Frames in the small Timeline drop down in the upper right corner of the timeline.

3. After that, I cropped all of my frames by clicking on the first frame, holding down Shift and scrolling to my last frame and clicking on it to select all of my frames, and then using the Crop Tool (5th tool on the side tool bar).

4. Then, I resized all of my frames by clicking on the first frame, holding down Shift and scrolling to my last frame and clicking on it to select all of my frames, and then resizing my image under the Image tab and selecting Image Size.

5. I then deleted a bunch of unnecessary frames by selecting several of the frames on the timeline and clicking the trash button at the bottom of the timeline in order to make my final GIF file size smaller.

6. Lastly, under the File tab I clicked on Save for Web… and selected the Optimized version as well as made sure it was saving as a GIF (drop-down under the Preset drop-down). I did not play around with any of the other settings.

Using GIMP

The Second Version of the GIF was made using GIMP.

Here’s how I made it:

I imported my video clip into MPEG Streamclip (you can also edit your video in this instead of editing it in another video editor).  Then, I exported the file  as Export to Other Formats and choose Image Sequence in the drop down at the top of the pop-out window. This converted my video clip into a bunch of still images.

Next, I opened GIMP and imported all of my still images from the video clip by clicking on Open as Layers and selecting all of my still images at the same time by holding down the Command/Control key and clicking on all of them.

After that, I linked all of my layers by clicking on the blank square next to the eye icon, which is next to layer thumbnails in the layers sidebar in order to edit them all once. I cropped my images, using the Crop tool.

Then I unlinked my layers by once again clicking on the chainlink icon next to all of my layers.

Lastly, I exported my layers by clicking on Export As and selecting GIF as my file type. I checked the boxes labeled Interlacing, and As Animation, as well as Loop Forever and I unchecked the box labeled GIF comment in the pop-out window for exporting GIF options.


Leave a Reply

Your email address will not be published. Required fields are marked *


You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>