• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
  • Skip to footer
  • Behance
  • Facebook
  • Instagram
  • LinkedIn
  • Pinterest
  • Twitter
  • YouTube
  • 0 items$0.00
PTC Logo

Photoshop Training Channel

  • About
    • About The Photoshop Training Channel
    • FAQ’s
  • Tutorials
    • All Tutorials
    • 3D Photoshop Tutorials
    • Compositing Photoshop Tutorials
    • Graphic Design Photoshop Tutorials
    • Retouching Photoshop Tutorials
    • Photoshop Tools & Techniques
    • Photoshop Text Effects
    • Tip Of The Day
    • Amazon.com Tutorials
  • Premium Tutorials
  • Connect
    • Contact Us
    • PTC Newsletter
    • Facebook
    • LinkedIn
    • Pinterest
    • RSS
    • Twitter
    • Youtube
  • Resources
    • Events
  • Join The PTC Newsletter
Home » Photoshop Tutorials » Photoshop Animations » How To Make an Animated GIF in Photoshop (Fast & Easy!)

How To Make an Animated GIF in Photoshop (Fast & Easy!)

1
SHARES
Share on FacebookPin in Pinterest
Share on TwitterLinkedinWhatsappReddit
Subscribe on YouTube!

Posted In: Photoshop Animations | Watch on YouTube

Got an amazing scene from your favorite series or movie that you want to recreate as an animated GIF? In this tutorial, you’ll learn exactly how to make an animated GIF in Photoshop—it’s so fast and easy that even a beginner can follow along!

Table of contents

  • Create a New Document
  • Import a Video
  • Use the Timeline Panel to Trim the Video
  • Loop Video Preview
  • Export Photoshop Video Layer as Animated GIF
  • My New Video Series on Adobe

Create a New Document

To start the process of learning how to make an animated GIF in Photoshop, click on the Create new button.

On the Preset Details panel, set the Width and Height to your desired dimensions. Set the Resolution to 72 Pixels/inch, so it’s web-friendly.

Under Advanced Options, set the Color Profile to sRGB IE61966-2.1.

Then, click on the Create button.

Import a Video

To import a video, choose File > Place Embedded, locate the video file on your computer, and click on the Place button.

That places your video into the document window.

Transform the video to fit the canvas. 

You can always create a canvas with the same aspect ratio as your video, but we’ll create a square GIF for this tutorial.

Then, click on the checkmark icon to commit the changes.

Use the Timeline Panel to Trim the Video

Choose Window > Timeline. 

Click on the drop-down menu icon and select Create Video Timeline. 

Then, press on the Create Video Timeline button to convert the video into a video layer, which allows you to apply animations, trim the video, and edit the audio.

To trim the video, click on the Play button to estimate where you want the GIF to start and end.

To find those in the timeline, click-and-drag the Playhead to scrub along the entire video timeline and place it where you want the video to start.

Once that is set, click-and-drag the video layer’s edge towards the Playhead until it snaps into place. 

Click-and-drag the video layer towards the 00 starting point.

Once again, use the Playhead to scrub along the video timeline to set the video’s end.

Then, click-and-drag the opposite edge of the video towards the Playhead until it snaps into place. 

You can click on the Play button to preview your clip.

Loop Video Preview

Click on the Options icon > Loop Playback.

Then, click on the Play button to set the video on an infinite loop. 

Export Photoshop Video Layer as Animated GIF

Choose File > Export > Save for Web (Legacy).

The Save for Web window may sometimes be slow to open depending on your computer’s processing power, the file dimension, and the animation’s complexity.

On the right-side panel, set the File format to GIF, and the default setting should be appropriate. 

Check the Image Size and make sure that it has the appropriate dimensions.

Under Animation, set the Looping Options to Forever. 

 Preview the GIF by clicking on the Play button.

When you’re ready, simply click on the Save button, name your file, and click on the Save button to finalize your GIF!

My New Video Series on Adobe

In case you missed it, Adobe and Photoshop Training Channel partnered up for a 6-part series that introduces Photoshop users to Adobe Illustrator and Premiere Pro! 

It covers 3 videos for Adobe Illustrator from creating a logo, making scalable texts, and designing a business card!

For Adobe Premiere, you’ll learn how to color correct, animate graphics, and even resize a video for social media sharing!

This video series is perfectly designed to make you more comfortable using Adobe’s other applications, and you will surely have fun along the way.

So click here to start learning!

Diggin' these tutorials? Sign up for updates and subscriber-only tutorials…It's FREE!

Other Photoshop Tutorials You Might Like:

  • Create An Animated GIF In PhotoshopTimeline Overview: Creating An Animated GIF In Photoshop
  • How To Create and Animate A Knockout Layer In Photoshop
  • Chrome Text - Animated GifMake a 3D CHROME TEXT Effect and Turn It Into a Rotating ANIMATED GIF – Photoshop Tutorial

About Jesus Ramirez

Jesús Ramirez is a digital graphics expert, speaker, and educator specializing in Adobe Photoshop. Jesús is best known as the founder of the Photoshop Training Channel, one of the most popular Photoshop YouTube channels in the world. More.

Follow: Instagram / YouTube / Twitter

Subscribe
Login
Notify of
guest
guest

This site uses Akismet to reduce spam. Learn how your comment data is processed.

0 Comments
Inline Feedbacks
View all comments

Primary Sidebar

Join Over 52,000

Photoshop users who subscribe to receive tutorials straight into their inbox!

About Me:

Profile Image

Follow

Jesús Ramirez is the founder of the Photoshop Training Channel, a top Photoshop training YouTube channel with more than 1,300,000 subscribers. More.

Click The Buttons Below!

  • Follow
  • Instagram

Photoshop Tip Of The Day:

August 7, 2018

To activate multiple layers using your keyboard, press Shift Alt [ (Mac: Shift Option [) to activate the layer below the currently selected layer (or the ] key to activate the layer above).

You can keep adding to the selection one layer at a time by tapping on either of the bracket keys while holding down Shift and Alt (Mac: Option).

Get more Photoshop tips →

Tutorial Flashback

  • scripst-event-manager-photoshop
    Using The Script Events Manager In Adobe Photoshop CS6

Search

Upcoming Events

Jesús Ramirez will be presenting at the following conferences or events:

June 10, 2019
CreativePro Week 2019
CreativePro
Seattle, WA

See Previous Events

PTC’s Most Shared Tutorials This Month

  •  
    How To Remove a Background In Photoshop [For Beginners!]...
    L
    62 Shares
  •  
    Create Book Cover Mockups in Photoshop [Pro Techniques]...
    I
    37 Shares
  •  
    Better DUAL LIGHTING Effect In Photoshop [Total Control]...
    L
    5 Shares
  •  
    Channel Based Selections in Photoshop...
    I
    3 Shares
  •  
    How To Repair Old Film Negatives in Photoshop...
    I
    2 Shares

My Tutorials in Spanish – Mis Tutoriales en Español

videosptc.com

Footer

About PTC

The Photoshop Training Channel is a Photoshop resource site for beginners. PTC was founded in July 2012 by Jesús Ramirez. The main goal of this site is to provide quality tips, tricks, hacks, and other Photoshop resources that allows beginners to improve their skills. More.

Connect with Us

Questions? If you have any questions, please feel free to Contact Us!
  • Behance
  • Facebook
  • Instagram
  • LinkedIn
  • Pinterest
  • Twitter
  • YouTube

Subscribe To Our Newsletter

Every week we'll send you Photoshop in-depth tutorials!
JOIN OUR COMMUNITY OF 52,000+ Photoshop Users!

Privacy Policy | Sitemap
Copyright © 2012 - 2021 Photoshop Training Channel.
Adobe, the Adobe Logo, Photoshop and Lightroom are registered trademarks of Adobe Systems Incorporated.
wpDiscuz