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 )

YouTube Preview Image

If you enjoyed this post, make sure you subscribe to my RSS feed!

1 Tweet

Comments

4 Responses to “Create a Before and After Preview”
  1. Patty Dotson says:

    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.

  2. Sharon says:

    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? ;)

  3. Yes this works on all CS versions. If you have any questions you want to see on video let me know :)

Speak Your Mind

Tell us what you're thinking...
and oh, if you want a pic to show with your comment, go get a gravatar!

CommentLuv Enabled

Additional comments powered by BackType