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.

This course has a prerequisite

Basic working knowledge of Adobe Photoshop is recommended. If you have never used Photoshop, consider taking either our Photoshop in a Day or Photoshop Bootcamp class.

Highly Reviewed by Our Alumni

From our hands-on training style to world-class instructors and custom-crafted curriculum, we deliver results our alumni are proud of.

Photoshop Animated GIFs is rated 4.8 stars

in the past 24 months

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

Schedule & Enrollment: Photoshop Animated GIFs

6 Hours
$325

Policies

NYC or Live Online
Free retake
Setup assistance
Expert instructors
Small classes

Dates & times are listed in

Not currently scheduled.

Email hello@nobledesktop.com to request this course, or see related courses with upcoming availability

See related courses

Similar course for more scheduling options:

In After Effects in a Day, you'll learn how to make GIFs and other simple animations with Adobe After Effects (a popular motion graphics application often used with Photoshop).

After Effects in a Day

6 hours $325

Oct 17 Weekday

Tuition

As one of our smaller courses, tuition for this course is due in full before the start date. The best way to save on this course is to take it as part of a certificate program.

Full Tuition

$325
Due before the class starts

What’s Included

6 hours of hands-on instruction
Live, project-based training from experts
Proprietary workbook included
Retake for free within 1 year
Verified digital certificate of completion
Small class sizes

What’s included with my tuition?
- A hands-on learning experience working on projects and exercises, which is proven to boost comprehension, retention, and engagement
- Expert instructors who are industry professionals and experienced educators that are driven to help you succeed
- Top-notch curricula that have been tried and tested over many cohorts and are consistently improved for an optimal learning experience
- Supplemental materials to assist both during and after the course - please refer to specific course pages to see what supplemental materials are offered
- A 1-year free retake policy which allows students to retake any part of the course or program for free to refresh the materials and gain additional practice
- A certificate of completion to verify your accomplishment
Are there any additional fees or expenses?

There are no extra fees or taxes for our courses. The price you see on this page is the maximum you’ll pay us.

However, if you plan to take the course live online, you may need to obtain required software. We’ll help you get set up with a free trial of paid software prior to the class. Most of our coding classes utilize freely-available open-source software. For most of our design and motion graphics courses, we will help you get set up with a free trial of Adobe Creative Cloud. If you attend the course in-person, we will have a computer already set up for you with all of the required software for no additional cost.
Do you offer any discounts for this course?
Discounts

We don’t currently offer discounts as we do our best to affordably prices our courses.

Take this course as part of a certificate program and save:
- Web Animation Certificate
  
  Price: $1,625 | Hours: 36 Hours

Learn the Skills Guarantee™

Learn the concepts and skills covered in this course or your tuition is on us. See details and terms & conditions.

Hands-on training

Work on projects proven to boost retention

Time-tested curriculum

Refined over many cohorts for an optimal learning experience

The teaching method at Noble Desktop is perfect and the classes provide you with infinite knowledge that makes you eager to take everything they offer. I love Noble!
—Ivonne Ackerman

Learn from experts

Experienced educators who are driven to help you succeed

Retake for free

Refresh the materials for free within one year

Interactive Training: Learn in Real-Time with Small Class Sizes

Attend this course in-person in NYC or Live Online via Zoom. Engage with expert instructors, ask questions, and get feedback on your exercises and projects. Switch between live-online and in-person as needed, even after the course has started.

Unlike other providers, these are not mass open-enrollment classes. At Noble Desktop, you’ll learn in small groups (typically 8-15 students) and receive personalized attention.

On Campus in NYC 185 Madison Ave, NYC

Get face-to-face interaction with an instructor and other students when you learn at our NYC campus. Courses are hands-on with a computer and software provided.

Live, interactive class
Experienced instructor in the room with you
Computer and software provided

More about our campus

Live Online Remote, from anywhere

Get the same interactivity and access to the instructor as in-person students. There are no extra fees and we’ll work with you to ensure your remote setup is perfect.

Live, interactive class
Experienced instructor teaching over Zoom
Remote setup assistance provided

More about live online training

photo of instructor leading a class in person

photo of student taking a class live online, seated on their living room floor, leaning against a couch

Expert Instructors

Our instructors are verterans of their field and experienced educators, driven to help you succeed.

Eugenio Solis de Ovando

Senior Design Instructor

Dan Rodney

School Director, Instructor, & Senior Course Developer

Earn a Certificate of Completion

Upon completion of this course, you’ll receive an official certificate testifying to your mastery of the curriculum. We’ll send you a link where you can download your certificate, share it online with your friends, post it to your professional network on LinkedIn, and view all your earned certificates. Congratulations on your achievement!

Shareable on

Sample credential for completion of Photoshop Animated GIFs

Best-in-Class Course Materials

This course includes a detailed workbook, available in print or ebook at no additional cost.

Our proprietary workbooks are designed by a team of industry experts and instructional designers, and are updated regularly for the latest features and trends. Learn by completing a variety of real-world projects, and apply your newly-learned skills right away.

Demonstration of different book formats for Animated GIFs in Adobe Photoshop CC 2018: print, kindle, & mobile devicesfor

Free Retake Within One Year

Refresh and solidify your understanding of the course content for no extra charge within a year, provided there is space in the class.

Photoshop Animated GIFs Curriculum

What You’ll Learn at a Glance

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

Project Examples

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

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.

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

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?

Basic working knowledge of Adobe Photoshop is recommended. If you have never used Photoshop, consider taking either our Photoshop in a Day or Photoshop Bootcamp class.
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
What happens if I need to miss a session?
You have some options:
- You can watch a recording of the session. We will provide any course materials.
- If you can’t come into the classroom but can still attend remotely, we will provide you with the Zoom login information.
- You can use your free retake to make up any missed class time.

Compare Photoshop Animated GIFs to Similar Courses

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

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

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.

This course has a prerequisite

Highly Reviewed by Our Alumni

Schedule & Enrollment: Photoshop Animated GIFs

Not currently scheduled.

Similar course for more scheduling options:

After Effects in a Day

Tuition

Full Tuition

What’s Included

What’s included with my tuition?

Are there any additional fees or expenses?

Do you offer any discounts for this course?

Discounts

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

Learn the Skills Guarantee™

Hands-on training

Time-tested curriculum

Learn from experts

Retake for free

Interactive Training: Learn in Real-Time with Small Class Sizes

On Campus in NYC 185 Madison Ave, NYC

Live Online Remote, from anywhere

Expert Instructors

Eugenio Solis de Ovando

Dan Rodney

Earn a Certificate of Completion

Best-in-Class Course Materials

Free Retake Within One Year

Photoshop Animated GIFs Curriculum

What You’ll Learn at a Glance

Project Examples

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

Frequently Asked Questions

Do I need to bring anything to the class?

Does this course require any prior knowledge or experience?

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?

What happens if I need to miss a session?

Compare Photoshop Animated GIFs to Similar Courses

After Effects in a Day

How does it compare?

Motion Graphics Certificate

Graphic Design Certificate

Adobe Photoshop Bootcamp

Corporate & Onsite Photoshop Training

Private Training

Group Class Vouchers

Learn to Create Animations in Photoshop