Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

Provider Logo

Motion Graphics Loops: 1 Photoshop Techniques

via LinkedIn Learning


Learn how to create looping animations (including animated GIFs) for motion graphics and web design using Adobe Photoshop.

Learn how to create a looping animation for motion graphics and web design using Adobe Photoshop. Owen Lowery shows how to create animated loops in a variety of styles (including a hand-drawn look) and export them as different file types, suitable for web or video. Along the way, you'll learn how to set up a Photoshop workspace specifically for animation, animate layers in the Timeline, use onion skinning, and add color and texture to your animation. The results are exported as versatile animated GIFs and as video that can be used in other motion graphics programs such as After Effects.


  • Welcome
  • Using the exercise files
1. Setting Up the Photoshop Document and Timeline
  • Photoshop settings
  • Timeline settings
2. Frame-by-Frame Animation in Photoshop
  • Animating layers in the Photoshop Timeline
  • Onion skin settings
  • Animating with video layers
  • Editing layers in the Timeline
  • Color and texture in the Timeline
3. Exporting Photoshop Animation to Video and GIFs
  • Saving as an animated GIF with a transparent background
  • Rendering as video with Adobe Media Encoder
  • Exporting for After Effects
4. Importing Media for Conversion to an Animated GIF
  • Importing image sequences for an animated GIF
  • Importing video clips for an animated GIF (yule log)
  • Next steps

Taught by

Owen Lowery

Related Courses


0.0 rating, based on 0 reviews

Start your review of Motion Graphics Loops: 1 Photoshop Techniques

Never stop learning Never Stop Learning!

Get personalized course recommendations, track subjects and courses with reminders, and more.

Sign up for free