Animation for Illustration: Creating Layered GIFs with Photoshop & After Effects | Abbey Lossing | Skillshare

Animation for Illustration: Creating Layered GIFs with Photoshop & After Effects

Abbey Lossing, Illustrator

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
10 Lessons (1h 25m)
    • 1. Introduction

    • 2. Getting Started

    • 3. Sketching Your Scene

    • 4. Creating a Color Comp

    • 5. Character Animation

    • 6. Adding Color

    • 7. Polishing Your Background

    • 8. Animating in After Effects

    • 9. Final Thoughts

    • 10. Explore More Classes on Skillshare

213 students are watching this class

About This Class

Want to take your GIFs to the next level? Combine Photoshop with simple steps in After Effects to create layered animations with a hand-drawn look!

In this comprehensive class, illustrator and animator Abbey Lossing shows you how to bring your Photoshop creations to life by adding a few introductory steps in Adobe After Effects. From sketching and coloring to timing out motion and exporting to share, Abbey will teach you everything you need to know to create show-stopping animations that marry the hand-drawn quality of Photoshop with the cinematic look of After Effects.

With accessible, step-by-step lessons you’ll learn how to:

  • Sketch and color a quirky scene with an eye toward motion
  • Use video layers in Photoshop to animate your character
  • Structure your files to stay organized and easily make changes
  • Activate your animation with introductory tools in After Effects

Plus, Abbey shares her favorite tips and tricks for transitioning seamlessly between Photoshop and After Effects.

Whether you’re an illustrator who’s curious about motion or a seasoned GIF-creator looking to make your next project pop, adding After Effects to your process is a natural next step that’s easier than you think. Follow along to unlock your ability to create hand-drawn animations with dynamic, expressive movement! 

Click the "Your Project" tab to share your sketches and final GIF!





  • --
  • Beginner
  • Intermediate
  • Advanced
  • All Levels
  • Beg/Int
  • Int/Adv


Community Generated

The level is determined by a majority opinion of students who have reviewed this class. The teacher's recommendation is shown until at least 5 student responses are collected.

Abbey Lossing


Abbey Lossing is an illustrator and animator based in Brooklyn, NY. Having worked as a staff illustrator at BuzzFeed and Vice News, she took the leap into full-time freelance in 2017. Since then she's worked with clients including Facebook, Google, Target, Slack, The New York Times, and The Washington Post.

Abbey uses a Cintiq to maintain the presence of her hand in her digital work. Often inspired by fashion and textiles, she loves to integrate patterns into her work. When she's ...

See full profile

Report class