Create a Before and After Preview
February 16, 2010 by Robert Louis Vanelli
Filed under Tutorials
A quick way to show two images side by side for a before and after view. As an added bonus, a simple way to create an animated GIF inside Photoshop.
Skills taught:
- increase canvas size
- drag an image in place using Shift key as you click with the mouse and drag
- use of Photoshop’s animated window
- saving the file as a GIF
(OK I said a little mistake, the Shift key is the same on a PC as it is on a MAC )
If you enjoyed this post, make sure you subscribe to my RSS feed!






I just added a new post: Create a Before and After Preview (http://cli.gs/JHSpG)
This comment was originally posted on Twitter
Thank you for your video. It helped immensely. I appreciate the additional tut on creating a slide show. I didn’t know I could create GIF files, but now that I know how I want to play.
Very cool.
1. Wondering if I can so this in CS3 (or wait until I upgrade to CS5)?
2. You use a PC? Is that why you don’t work for NAPP?
Yes this works on all CS versions. If you have any questions you want to see on video let me know