Sunday, October 24, 2010

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!

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

Do you want to download my favorite CoffeeShop PSE/Photoshop Actions and Lightroom Presets or Design Elements in one convenient zipped file 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.

33 comments:

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

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

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

    ReplyDelete
  4. Thank you, Rita! This is perfect!

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

    ReplyDelete
  6. Thank you so much. You really are incredible!

    ReplyDelete
  7. 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

    ReplyDelete
  8. 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!!!

    ReplyDelete
  9. 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

    ReplyDelete
  10. 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.

    ReplyDelete
  11. 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!

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

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

    ReplyDelete
  14. 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?

    ReplyDelete
  15. 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!

    ReplyDelete
  16. 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.

    ReplyDelete
  17. 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!

    ReplyDelete
  18. 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!

    ReplyDelete
  19. 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.

    ReplyDelete
  20. 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

    ReplyDelete
  21. I love this new web board, thanks so much!!!!!!!!!!

    ReplyDelete
  22. 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?

    ReplyDelete
  23. 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!

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

    ReplyDelete
  25. 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!

    ReplyDelete
  26. 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!

    ReplyDelete
  27. Thank you for everything, you are awesome

    ReplyDelete
  28. 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!

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

    ReplyDelete
  30. Ok I don't know if you read comments under OLD posts or not, but where do you find actions in Photoshop Elements ver 12? Confused as ever ... I'm used to clipping but if there is something easier, than I will try it.

    ReplyDelete
  31. Guess I'll stay with clipping/masks as I found the action thingies. Saving my money for another stamping item so this will have to be put on the back burner, so to speak. Thank you.

    ReplyDelete

Thank you for taking the time to leave a message, I love reading them! All comments are personally moderated by me and I will post and answer them them as soon as possible.
Rita