CoffeeShop Before and After Storyboard Action!


I am forever posting before and after storyboards up on the web to showcase my new actions, and I needed to write a simple storyboard action to do all of the work for me. However,
I didn't want a simple diptych action (I already have one of those). I needed an action that I could also use when my "after" image was a different shape than my original image. I also wanted a storyboard that worked with both horizontal and vertical images. So I wrote this nifty little action that allows your "after" image placement to be adjusted after the action runs so even oddly shaped images will fit.

This action is not just for displaying before/after images; it is also a great two photo storyboard that allows you to post two images of any shape.

Instructions:

1.  Open your original "before" image (or any image you want on the left side).  Make sure nothing else is open in PSE or Photoshop!

2.  Start the action.  The action will prompt you to open your "after" image (or the image you want on the right side) and it will place it on the storyboard.  If it is a different shape, it might not be placed in the middle or parts of it might be hanging over the side.  Don't worry, you can fix this after the action is finished.  "Before" and "After" text will also be added, you can adjust these layers later.

3.  The action will prompt you to resize your image for the web.  Put in the final width in px's, you don't have to change anything else.

4.  The action has to sharpen both sides separately since they are on different layers.  Sharpen the left image first (just adjust the radius) and then the right image.

5.  When the action is finished you will see 5 layers.  In the storyboard below, the "after" image is too large and needs to be transformed to fit.  I clicked on the "after" image layer.


6.  Then I Cntr-T (free transformed) the image to fit.  If you are using PSE make sure "constrain proportions" is checked and do not hold shift. If you are using Photoshop, hold shift as you free transform and move your image.


7.  Finally, you can edit the text layers or even turn them off.  Flatten the image if you are posting it on a white background, do not flatten and save as a .png if you want to post this image on a background that is not white.  You can also change the background color on the storyboard by filling it with your favorite color.


Hope you enjoy my newest free storyboard action! Download the CoffeeShop Before and After Storyboard PSE/PS action or on Mediafire.


Want all of my favorite CoffeeShop Actions (includes CoffeeShop Before and After!) or Design Elements in one simple download AND help support this blog? Just click here for my action pack or here for a download of some of my most popular design elements, storyboards, and textures. For complete info on installing all of my actions, click here.

11 Comments:

Maryvel Friesen July 25, 2011 at 7:56 AM  

OK, I just download it, install it and tried it, it works perfectly! Awesome action, but . . . sorry about the but, but, would you be able to implement the action to have the before and after one on top of the other rather than side by side in the landscape mode? I know it is a lot to ask when you have already given so much, but . . . it never hurts to ask, right? Thank you Rita so much, YOU ARE THE BEST!!!!!!!!!!

CBH July 25, 2011 at 8:45 AM  

Thank you so much for this post. I want to let you know that I posted a link to your blog in CBH Digital Scrapbooking Freebies, under the Page 5 post on Jul. 25, 2011. Thanks again.

CBH July 25, 2011 at 8:46 AM  

Thank you so much for this post. I want to let you know that I posted a link to your blog in CBH Digital Scrapbooking Freebies, under the Page 4 post on Jul. 25, 2011. Thanks again.

Ruthanne July 25, 2011 at 3:50 PM  

You are BRILLIANT! Thank you!

Anonymous August 3, 2011 at 6:22 AM  

Thank you for this one too!

Hugs Kirsten.

[I am] The One With the Camera December 19, 2011 at 5:37 PM  

I'm sure this is user error, but I have the before photo open, I click on the action and when I select the photo, it says, "Could not complete the command because not pixels are selected." What am I doing wrong??

Abby January 29, 2012 at 3:35 PM  

I have the same problem...

Rita January 29, 2012 at 3:54 PM  

Make sure you are starting with a flat image. :-)

Anonymous February 11, 2012 at 2:14 PM  

What is the size I need to save for web? Mine seems to small when I save?

Anonymous October 10, 2012 at 7:22 PM  

I can't even get the action to open?

Rita October 10, 2012 at 7:36 PM  

Are you having trouble unzipping the action? Download it to your desktop and then unzip.