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

      1:14
    • 2. We Start with a Static Adobe Photoshop Version

      2:37
    • 3. Basic Preparation Steps

      6:03
    • 4. Design the Animation

      8:14
    • 5. Exporting as GIF or Movie File

      1:46
    • 6. Swap Images to Quickly Make Another Motion Graphics

      3:05
    • 7. Making the Advanced Version

      14:13
    • 8. Wrap-Up

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

      2:38

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.

dcbe5ae8

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.

ce9af45e