Motion Graphics Loops: 1 Photoshop Techniques

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

Introduction

• 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)

Conclusion

• Next steps