CoffeeShop WebBoards: Rounded Corners 1



I am going to be coming out with more WebBoard actions and templates.  You can find all of my older ones here.

This action I am posting today automatically build the storyboard,
loads your images,and sharpens and crops them for your blog or website! It even has the option of drop shadows and you can change the background color or add a texture.   I also include a layered .psd template with clipping masks for those of you who would rather not use an action.  You can read all about clipping masks here



NOTE:  When running the PSE action you have to have a random image open before starting the action.  The image will close and the action will start to run.

Notes on the action:

1.  Make sure you load the correct action for your program. 

2.  If you are using PSE, open a random image (only 1) and start the action.  In Photoshop make sure all images are closed before starting the action.

3.  The action will build the storyboard and prompt you to open your first image (that will go on the left side).  Open the image and then the action will ask you to free transform it.  Constrain proportions should be checked (and you should NOT have to hold shift in Photoshop).  Simply drag the bars to fit your image to taste.

If your image is getting distorted, make sure the percentages are staying the same and the little link is clicked between them (Photoshop) or Constrain Proportions is checked (PSE).

If you can't see where to drag the bars (your image is too large) simply click Ctrl-0 (that is zero) and your web-board will shrink and you can adjust the size of your image to taste.  To make the web-board large simply click Ctrl-0 again.

4. Once your first image looks great, click on the checkmark to accept the free transform and the action will prompt you to load the upper right and then lower right images.

5.  After all of your images are loaded the action will bring up the sharpen pane.  Simply adjust the radius to taste to sharpen for the web.

6.  Finally, the action will crop your web-board to fit your blog.  Just adjust the width.  The board is already 1000px wide, so you can keep that size or go smaller.  Please do not make the board bigger!

7.  After the action is finished you will see three layers (seen below).




8.  If you want to change the color of the background, double-click on the little colored square on the Color Fill 1 layer and then click anywhere on your image to select a  color.  Or adjust the color to taste.

9.  If you want to remove or adjust the drop shadow, just double-click on the drop shadow layer (or FX in PSE).  To turn off the drop-shadow in Photoshop just turn off the little eye by Effects.

10. If you want to add a textured background,  drag it above the Color Fill layer.

Enjoy!!!

You can download the free CoffeeShop WebBoards Rounded Corners 1 Photoshop and Photoshop Elements action and template with clipping mask HERE or HERE!

For complete info on installing all of my actions, click here!  You can ask questions over at Facebook.


If you have suggestions for future WebBoards, just leave them in the comments.

32 Comments:

klbuley October 24, 2010 at 11:07 AM  

<3 it!!!
http://www.facebook.com/photo.php?fbid=160287720669455&set=a.160268607338033.35081.117675928263968&ref=fbx_album

Tanisha October 24, 2010 at 11:14 AM  

Thanks Rita!! You read my mind! LOL ! This is GREAT!
:-D

youknowyouloveme October 24, 2010 at 11:48 AM  

Thanks a lot! Hope to use thhem on my blog soon.

Melinda October 24, 2010 at 12:22 PM  

Awesome, thank you! :)

Magnolia October 24, 2010 at 12:36 PM  

Thank you, Rita! This is perfect!

LMac October 24, 2010 at 2:33 PM  

Thank you Thank you Thank you!! I can't wait to try these out! : )

Puna October 24, 2010 at 4:54 PM  

Thank you so much. You really are incredible!

gnubee October 24, 2010 at 10:06 PM  

thank you Rita, another amazing creation, I don't know where you find the time :) - oh that's right you drink a lot of coffee ;D
~Claudia

Sylvia Cook Photography October 24, 2010 at 10:12 PM  

Oh this is what I've been trying to figure out how to make myself!!
I can make the storyboards alright, just not the actions:)
Thanks Rita!!!

MouserMo October 25, 2010 at 12:12 AM  

Thank you for your freebies. Link on your post was added to PickleMouse freebie list

lwlittlebit October 25, 2010 at 12:29 AM  

Thanks so much for sharing!

jamie October 25, 2010 at 11:48 AM  

hi rita...
sure wish i could ask you some questions about loading pse actions. tried your contact button and it would not work for me.
hoping you can help. really want to get on board with this.
jamie

A. M. October 25, 2010 at 2:13 PM  

I LOVE this!!! I can't figure out how to use the storyboards to save my life...this action rocks!

However, my PSE6 keeps crashing at the last step.

Rita October 25, 2010 at 2:20 PM  

If you have PSE and this action crashes your program, try it again the next day after you reboot. Sometimes this fixes the problem. And make sure you only have one image open when starting the action!

Rebecca October 25, 2010 at 3:27 PM  

I LOVE this! So easy to use and I love the look--thanks so much for sharing it!

Nikki October 25, 2010 at 11:20 PM  

Thanks Rita. I hope to be showing the results on my much neglected blog soon.

J October 27, 2010 at 9:42 AM  

I'm doing everything you said to do..only one image open...and it still crashes in PSE. I've tried restarting...and it still happens. Is there anything else I can try?

Rita October 27, 2010 at 10:09 AM  

If rebooting doesn't resolve the issue you can try reloading the action, but other than that I don't know any other solution.

I do know that sometimes Mac users have issue with my storyboard actions.

Worst case, you can use the template and clipping masks!

Rita October 27, 2010 at 2:36 PM  

If you can't get this action to work, just open up the .psd layered template (in the download) and then use this new action http://www.thecoffeeshopblog.com/2010/10/coffeeshop-group-it-action.html to load the images.

Joyce October 27, 2010 at 10:34 PM  

QUESTION: Love the action and it loaded and worked perfectly. My question is about adding a texture. In instruction #10, you said if you want to add a textured background, drag it above the color fill layer. As a beginner, I need more info than that. I don't understand what you mean. I have PSE 9. Thank you so much. Just discovered this blog and love it. You rock!

Rita October 27, 2010 at 10:40 PM  

To add a texture just open the texture. Then drag it on your storyboard and then put that layer over the color fill layer. Then ctrl-T it to shape!

Joyce October 28, 2010 at 12:41 AM  

Well, I originally said it worked perfectly, and it did.... the first time!! Since then, I've tried everything to get it not to crash Elements. I get to the point of choosing the width of the board, and it crashes every time.

Mare Fiala November 5, 2010 at 7:56 AM  

Thank you so much for all you do! I use this WebBoard to display my finished photos on my blog and facebook page! You are amazing.
Mare Fiala

Sylvia Cook Photography November 6, 2010 at 11:12 PM  

I love this new web board, thanks so much!!!!!!!!!!

Anna Baria November 22, 2010 at 5:23 AM  

Hi, I have successfully downloaded all your other actions before but for some reason the storyboards are not saving as atn files and I can't load them into PS, what am I dong wrong?

Jaye November 27, 2010 at 8:57 PM  

Hi,
Just chiming in to say that I'm having the exact same problem as Joyce in comment #22. The same thing happened with the 'dyptich' web board as well. Is it just a Mac thing? I wonder, does it make sense to try the other storyboards, or will I have the same problem?

Sigh ... I thought that tonight was going to be the night I finally figured this out...

thanks!

Kristy December 7, 2010 at 10:55 AM  

I was wondering if you knew how to install the download into CS3? Is this file able to placed into CS3? Thanks.

Susie Jefferson January 11, 2011 at 1:52 PM  

Thanks so much - I'm certainly going to give this a go, although I'm unsure whether the action will work with Photoshop7. Fingers crossed!

ninalismomtographers365project February 5, 2011 at 5:30 PM  

Thanks so much for your helpful website! Just wanted to let you know I mentioned your site in my photoblog http://wp.me/p1h5ve-3g thanks so much for all you do, I've learned so much!

memories1 August 30, 2011 at 1:57 PM  

Thank you for everything, you are awesome

Carrie October 10, 2012 at 11:11 AM  

I just found this post when searching for free WebBoards. I'm trying to create a graphic for my static home page - a photo of me with a little write up to present the "gist" of my blog. A sort of marketing intro. Question, can I use the smaller two photo areas in this WebBoard for text only? Thanks!

Rita October 10, 2012 at 2:55 PM  

Absolutely, you can add digital paper and text or just a color background and text. :-)