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.
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.
“This was a great introductory course to animations in Photoshop! I am excited to take back what I learned and use at work.”
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.”
“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.”
“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
“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.”
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!
Photoshop Animated GIFs class example
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
Every Photoshop class comes with a custom workbook
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.
Students learning to create animated GIFs in Photoshop
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