Yelp Facebook LinkedIn YouTube Twitter Instagram

Photoshop Animated GIFs

Create Animations That Work Everywhere

With the rise of mobile devices, animated GIFs have regained popularity because they just work (unlike Flash animations which do not work on mobile devices). GIFs are an easy solution for short animations.

In this 6-hour class, you’ll learn how to create animated GIFs for websites, ads, or even HTML emails. Photoshop lets you create numerous types of animations. Learn how to hide and show elements, fading them in or out, move things from one place to another, use Photoshop’s video timeline, and more. You’ll even add short video clips, and learn tips and tricks to create seamless loops!

This course is for people that have prior experience using Photoshop, but want to learn how to create and optimize animated GIFs.

Read more
  • Small Classes
  • Computer Provided
  • Book included
  • Free Retake

Register for a Class
  • $325
  • 6 Hours
  • Mac or PC
  • 185 Madison Ave, NYC or live online
  • FAQ •
  • Discounts
    Discounts

    Shorter courses such as this are already affordably priced and are not eligible for discounts.

    Payment Plan

    This course is not eligible for a payment plan, which is only available for programs priced at $2,495 and above. Read our Payment Plan FAQ for more details.

    Take this course as part of a certificate program and save:
  • • Policies

Corporate training available

Email

What You’ll Learn

  • Create animated GIFs for HTML emails, ads, and websites
  • Learn to use Photoshop’s Timeline to create complex animations
  • Use effects, filters, and video clips
  • Create seamless looping animations
  • Save your animations as animated GIFs
  • Learn tips & tricks for reducing file sizes
View full syllabus

Photoshop Animated GIFs Class Syllabus

Section 1
Creating a Simple Animated GIF

Topics

  • Creating a frame animation
  • Adding frames
  • Setting frame duration using the frame delay option
  • Testing the animation
  • Saving as an animated GIF
Intro to Tweening

Topics

  • Animating position to create movement
  • Animating opacity to fade elements in/out
Keeping GIF File Size Down

Topics

  • Tweening multiple parameters
  • Tips & tricks for reducing file size
  • Reworking the animation to reduce file size
Creating a Complex Animation

Topics

  • Using clipping masks to create custom animations
  • Manually animating an object
  • Using Unify Layer options
  • Making edits that apply to all frames

Section 2
Using Video in Animated GIFs

Topics

  • Specifying a range from a video to import
  • Converting video into a frame animation
Creating a Video Timeline

Topics

  • Using keyframes to animate the Position property
  • Animating the foods into & out of the box
  • Moving the outermost foods along a curve instead of a line
  • Moving, editing, & offsetting keyframes in the Timeline
  • Copy/pasting keyframe values
Seamless Video Looping & Animating a Layer’s Transform

Topics

  • Adding a video background as a Smart Object
  • Making the video background loop seamlessly
  • Animating a layer’s rotation using the Transform property
Embedding Animations in Smart Objects

Topics

  • Embedding an animation within a Smart Object
  • Adding a filter to an embedded animation
  • Copying Smart Objects
  • Final positioning & blending modes

  • You’ll start out simple by showing & hiding layers.

  • Create custom reveals for interesting animations.

  • Use the timeline panel to animate with keyframes.

  • Seamlessly loop background video.

  • Learn advanced techniques to create animated waves.

Hands-on Photoshop Animated GIFs Classes

This 6-hour class will teach you how to create animated GIFs for websites, ads, or even HTML emails using Adobe Photoshop. Learn these skills in small classes from an Adobe certified instructor.

  • “Very pleased with the class. I definitely learned new ways of animating GIFs. Every exercise was precise and super helpful! I feel stronger making GIFs and will certainly implement them more in my future designs.”

    Christian Melton

  • “When you go to Noble to learn a skill, you leave knowing how to do it. Also enjoy being in a class and sharing tips and tricks with other students.”

    Lisa Caputo

    Art Director, AviationWeek Magazine

    Completed the one-day Photoshop Animated GIFs course

  • “Even if you know the basics of creating a GIF in Photoshop, this class is worth checking out for the time-saving tips and creative ways to enhance a GIF within Photoshop's boundaries.”

    Emma Waters

    Graphic Designer, Spectrum Science Communications

    Attended the Photoshop Animated GIFs class

  • “Who knew making animated GIFs was so easy? Michele is great at providing context for the book exercises and giving you confidence to go out and create your own GIFs!”

    Susana Piscitiello

    Principal, Cross Appeal

    Learned how to make animated GIFs with Photoshop in the one-day course

  • “A fantastic introduction to animated GIFs. The class not only teaches basic execution skills but also gives a solid grasp of how to make wise animation choices so you can begin experimenting on your own.”

    Tzipora Kaplan

    Art + Brand Manager, Music Theatre International

    Learned to create GIFs for websites, ads, and HTML emails

  • “I had picked up information on how to make GIFs here and there, but this class put it all together and gave me the tools and tricks to make GIFs easily and well.”

    Julie Weinberg

See our 2,639 testimonials
5
4.9
4.9

Frequently Asked Questions

  • Are there prerequisites for this course?

    Students should be comfortable using Photoshop. If you have never used Photoshop, consider taking either our Photoshop in a Day or Photoshop Bootcamp class.

  • Do I need to bring anything to the class?

    No. We provide computers (Mac or PC) with Photoshop installed. Choose your operating system at checkout.

  • Do you offer discounts or a payment plan for this course?

    Discounts

    Shorter courses such as this are already affordably priced and are not eligible for discounts.

    Payment Plan

    This course is not eligible for a payment plan, which is only available for programs priced at $2,495 and above. Read our Payment Plan FAQ for more details.

    Take this course as part of a certificate program and save:

  • Can I take this course online (remote learning)?

    You may attend this training virtually (online) at the scheduled time the course is offered (New York, Eastern Time).

    How does attending “live online” work?
    • Students can attend this training remotely through screen sharing software (we use Zoom).
    • Participants can hear the instruction, ask questions, and even share their screen with the instructor.
    • For audio you can use your computer’s microphone/speakers or call a phone number that we’ll provide.
    • Classes are activity-based and taught by a live instructor, so we strongly encourage students who are local to the area to attend in person!

Create Animated GIFs

“A fantastic introduction to animated GIFs. The class not only teaches basic execution skills but also gives a solid grasp of how to make wise animation choices so you can begin experimenting on your own.”
Tzipora Kaplan, Art + Brand Manager

Photoshop Animated GIFs class example

Custom Workbook Included

Our Photoshop Animated GIFs class comes with a custom step-by-step training manual sold to universities and schools around the world. Recreate the class projects and refresh the materials anytime after the class.

Every Photoshop class comes with a custom workbook

Learn Time-Saving Tips

“Even if you know the basics of creating a GIF in Photoshop, this class is worth checking out for the time-saving tips and creative ways to enhance a GIF within Photoshop’s boundaries.”
Emma Waters, Graphic Designer

Students learning to create animated GIFs in Photoshop

Related Classes & Certificates

Adobe Photoshop Bootcamp

18 Hours

$975

More details

After Effects in a Day

6 Hours

$325

More details

Adobe After Effects Level 1

18 Hours

$975

More details
See all related Photoshop classes

Learn to Create Animations in Photoshop

Animated GIFs
  • Create simple animations for social media and banner ads
  • Use Photoshop to make simple animations, moving things around, swapping things out
  • Simpler to use than more advanced animating programs
Adobe Photoshop
  • Photoshop is the leading software for photo editing, color correction, and photo retouching.
  • With Photoshop you can also create graphics for print or web, design webpages and apps, create animations, and more.