Learn to Create Animated GIFs in Adobe Photoshop

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.

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.

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

Learn with Hands-on Projects

Learn practical skills by working on real projects with instructor guidance and lectures to strengthen and improve your skill.

Course Syllabus

Download Syllabus PDF

Section 1

Creating a Simple Animated GIF

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

Animating position to create movement
Animating opacity to fade elements in/out

Keeping GIF File Size Down

Tweening multiple parameters
Tips & tricks for reducing file size
Reworking the animation to reduce file size

Creating a Complex Animation

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

Specifying a range from a video to import
Converting video into a frame animation

Creating a Video Timeline

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

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

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

Schedule & Enrollment: Photoshop Animated GIFs

$325
6 Hours
NYC or Live Online
Free retake
Setup assistance
Expert instructors
Small classes

Discounts

Discounts

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

Not currently scheduled.

Email to request this course.

This Course is Available Live Online

You can attend this training live online at the scheduled time the course is offered (New York, Eastern Time) through screen-sharing software Zoom (free for you).
Our live online training is interactive and hands-on, just like our in-person classes. There are no extra fees and we’ll work with you to ensure your setup is perfect

Classes are activity-based and taught by a live instructor.
You can hear the instruction, ask questions, and share your screen—all in real-time.
Retake the course for free (in-person or live online) within one year.

See What Students Are Saying About Live Online

“Overall experience on Zoom was maybe even better than in IRL classroom because the instruction takes place right on your own screen, with less distraction. Great overall experience.”
“Given the fact that we had to do this entire class remotely due to Covid-19, I didn’t have very high expectations it would run so smoothly. However, I don’t think it could’ve gone any better. Not only do I feel very comfortable with the program now, but I’m actually excited to use it!”
“This was the first online class I’ve taken with ND and it was a great experience. Looking forward to the other classes I’ve signed up for!”

Learn more about how our live online training works

Online Training Demo

1-Minute Overview

Frequently Asked Questions

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.
Does this course require any prior knowledge or experience?

Students must be comfortable using a computer. No other prior knowledge is required.
Do you offer any discounts for this course?
Discounts

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

Take this course as part of a certificate program and save:
- Web Animation Certificate
Do you offer payment plans or student financing for this course?

This course does not qualify for payments plans or student financing. See our Payment Plan FAQ to find related programs that qualify.
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!
- You will need your own computer and copy of any required software. If you don’t have the software, you can usually do a free trial or purchase your own license. If you need assistance, contact us at hello@nobledesktop.com

Corporate & Onsite Photoshop Training

Purchase group class vouchers at a discount for our regularly-scheduled group classes in NYC, or create a custom training program at your offices.

Private Training

Available onsite at your location
Modern computer labs available at our offices
Customize or choose from our existing courses
Free instructor consultations to finalize content

Group Class Vouchers

Send employees to our group classes
Extensive offerings and flexible scheduling
Simple billing and logistics
Computers and training resources provided

We’ve trained thousands of companies!
Let us create the perfect program for your team.

(212) 226-4149

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.

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
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.
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

Highly Reviewed by Our Alumni

From our hands-on training style to world-class instructors and proprietary curriculum, we deliver a learning experience our alumni can be proud of.

9 Students Rated Our Photoshop Animated GIFs 5 Stars

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, Spectrum Science Communications

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, Cross Appeal

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, Music Theatre International

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

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, AviationWeek Magazine

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

This was a great introductory course to animations in Photoshop! I am excited to take back what I learned and use at work.

Maddy, Cancer and Careers

Noble Desktop erased any fear I had about animated gifs. I had tried learning on my own and created what I wanted, but the process was beyond tedious and I avoided offering that service to clients. Noble Desktop showed me how much simpler and doable it could be and now I want to invest more time in learning this increasingly valued skill in my field.

Paul Vanderberg

This is my fourth class through Noble Desktop. Always a lot of information to absorb but it's broken down step-by-step with useful technical information that relates to the program. I appreciate that the exercises are created using a number of ways to execute a program.

Julie Grant, Valley Bank

Compare Photoshop Animated GIFs to Similar Courses

Select up to two courses and tap Compare Courses to view a side-by-side comparison of Photoshop Animated GIFs with your selected courses.

Compare

Adobe Photoshop Bootcamp

18 hours $975

Get a solid understanding of Photoshop so you can retouch and color correct photos, combine images, and create graphics. In this class, you’ll start with the basics and then move on to more intermediate features. Learn about color/contrast, photo retouching, layers, masks, paths, filters, type, and saving files for print/web.
More details
Compare

Motion Graphics Certificate

72 hours $2,995

Learn motion graphics with animation and video editing (plus special effects) created in Adobe After Effects and Premiere Pro. Then showcase what you've learned by creating a motion graphics demo reel.
More details
Compare

Adobe After Effects Level 1

18 hours $975

Adobe After Effects is a powerful tool for animation and video post-production. It can be used to create stand-alone videos, animations, special effects, animated titles, and much more. Use it to create compelling video content for social media, web, or even broadcast TV.
More details
Compare

Graphic Design Certificate

72 hours $2,995

Learn about design, typography, photo retouching, vector graphics, and much more as you study Adobe Photoshop, InDesign, and Illustrator. You’ll explore design concepts in our project-based Graphic Design Bootcamp, where you’ll work on designs for your portfolio to show prospective employers or clients.
More details

Learn the Skills Guarantee™

Hands-on training in small groups

Time-tested curriculum and supporting materials

Learn from industry experts with teaching experience

Retake the course for free within one year

What You’ll Learn

Learn with Hands-on Projects

Course Syllabus

Section 1

Creating a Simple Animated GIF

Intro to Tweening

Keeping GIF File Size Down

Creating a Complex Animation

Section 2

Using Video in Animated GIFs

Creating a Video Timeline

Seamless Video Looping & Animating a Layer’s Transform

Embedding Animations in Smart Objects

Schedule & Enrollment: Photoshop Animated GIFs

Discounts

Not currently scheduled.

This Course is Available Live Online

See What Students Are Saying About Live Online

Online Training Demo

Frequently Asked Questions

Do I need to bring anything to the class?

Does this course require any prior knowledge or experience?

Do you offer any discounts for this course?

Discounts

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

Do you offer payment plans or student financing for this course?

Can I take this course online (remote learning)?

How does attending “live online” work?

Corporate & Onsite Photoshop Training

Private Training

Group Class Vouchers

Hands-on Photoshop Animated GIFs Classes

Create Animated GIFs

Custom Workbook Included

Learn Time-Saving Tips

Highly Reviewed by Our Alumni

9 Students Rated Our Photoshop Animated GIFs 5 Stars

Compare Photoshop Animated GIFs to Similar Courses

Adobe Photoshop Bootcamp

Motion Graphics Certificate

Adobe After Effects Level 1

Graphic Design Certificate