Create Simple Before and After Comparison Animation in Adobe Photoshop | Sebastiaan Destellirer | Skillshare

Create Simple Before and After Comparison Animation in Adobe Photoshop

Sebastiaan Destellirer, Graphic Designer, Teacher

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
9 Lessons (40m)
    • 1. Introduction

    • 2. We Start with a Static Adobe Photoshop Version

    • 3. Basic Preparation Steps

    • 4. Design the Animation

    • 5. Exporting as GIF or Movie File

    • 6. Swap Images to Quickly Make Another Motion Graphics

    • 7. Making the Advanced Version

    • 8. Wrap-Up

    • 9. How to Embed YouTube or Vimeo Video to Your Project


About This Class

In this Class you will learn Step-by-Step how to make a Simple Before and After Comparison Animation inside Adobe Photoshop.


It takes a bit of time to set it up, but once you have it ready you can easily reuse it again by simply swapping out the images with new ones (Smart Objects), and you have your new Comparison Animation ready.

This is a really great technique to show your Before and After Design work here at Skillshare.
After the basic version, I will show a more advanced version, this will require a bit more steps to set up, but like the basic version, once you have created it, you can reuse it again and again to create Simple but Effective Motion Graphics.






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

Sebastiaan Destellirer

Graphic Designer, Teacher

I am a Graphic Designer living in the Netherlands.
I work at an International Marketing & Communications department.

I love Learning, also about "Digital" Design. (Web Design, Motion graphics / Animation, 3D)

I followed a lot of classes here at Skillshare, Now it was time for some Sharing of my own :)
I published 10 classes:

My Vimeo-page:

See full profile

Report class