Monday, September 22, 2014

How To Create A GIF

A GIF or Graphics Interchange Format is defined as a set of standards and file format for storage of
digital color images and short animations. These files are used on the Internet in some articles and the social media site, Tumblr.

Creating GIFs can be tricky but here are step by step instructions to create your own in Photoshop.


Step 1: Find a video/animation and download it in the highest quality possible.

  • Tip: Videos that are 720p or higher should work perfectly.


Step 2: Open Photoshop. File > Import > Video Frames to Layers



Step 3: Open your video and select the section you wish to make into a GIF and click 'OK'.
Move black arrows to select the area you want to GIF











Step 4: Resize the GIF to a smaller size (This one will be roughly 3x5 in) 
Image > Image Size 




Step 5: Trim any extra frames you don't want in the GIF
Select the frames in the Timeline and click the trash icon



Step 6: (Optional) Add Text with the Text tool in the tool bar (Left)
Make sure the text layer is on top (see above right)

Step 7: Choose the moving speed of the frames.
Select all frames > click on arrow on a frame > click other

Step 8: Enter desired frame delay
Depending on the length of frames, 0.04-0.07 could work
Step 9: How to save the GIF (File > Save for web)
File > Save for web

Step 10: Preview the GIF and if satisfied, "Save"
A web page should appear and show exactly how your GIF would look online

Finished Product:




No comments:

Post a Comment