Create Beautiful Before and After Animations in Photoshop

Jesús RamirezJesús RamirezPhotoshop Animations
ByJesús Ramirez

48.9K views 1,962 likes 131 comments

Jump to a step in the video (11)

Click a time to play the video from there.

  1. 0:00 Introduction
  2. 0:25 Example File Walkthrough
  3. 1:11 Create a New Document
  4. 1:58 Create the "Before" and "After" Images
  5. 4:06 Frame the Images
  6. 4:34 Apply a Layer Mask to The Before Image
  7. 5:08 Move The Layer Mask Off Screen
  8. 5:24 Create a Video Timeline
  9. 5:40 Animate the Layer Mask
  10. 9:00 Export the Animation as a Video or Animated GIF
  11. 10:43 Final Thoughts
Text size
Appearance

Your choices stick across every tutorial on this device.

Learn to create beautiful before and after animated GIFs to show off your editing work.

Download Tutorial Image

Click here to download.

Pro Training

Selections and Masking Mastery

Complete course includes 2.5 hours of step-by-step lessons, 6 structured modules, downloadable practice files, and custom Photoshop brushes. Everything you need to master selections and masks in one place.

View the Course

Jesús Ramirez

About the author

Jesús Ramirez

Jesús Ramirez is a graphic designer and the founder of the Photoshop Training Channel, which he started in 2012 and has grown past two million YouTube subscribers. He has taught at Adobe MAX, Adobe Summit, and Photoshop World, teaches courses for CreativeLive and Pluralsight, and was one of five artists chosen for Adobe Stock's Make a Masterpiece campaign. His Photoshop templates shipped inside Photoshop CC 2018.

More about Jesús Ramirez

Similar Posts