Create Simple Before and After Comparison Animation in Adobe Photoshop
- 1x (Normal)
We Start with a Static Adobe Photoshop Version2:37
Basic Preparation Steps6:03
Design the Animation8:14
Exporting as GIF or Movie File1:46
Swap Images to Quickly Make Another Motion Graphics3:05
Making the Advanced Version14:13
How to Embed YouTube or Vimeo Video to Your Project2: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.
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.
Class Projects 1 See All
13 of 13 students recommendSee All
Very nice class. I like how the pictures come alive with rich & vibrant colors.
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 9 classes: https://www.skillshare.com/sebastiaan-destellirer/teaching
My Vimeo-page: https://vimeo.com/sebastiaandestellirer