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.
Register for a Class
Customize your own schedule (choose dates at checkout), or choose a preset certificate track by expanding the dates below.
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
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
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.”
“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.”
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.”
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!”
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.”
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.”
“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