Friday, February 19, 2010

CoffeeShop Web Color Block It PS/PSE Action!



If you loved the CoffeeShop Web Rounded Corners and Web Drop-Shadow actions, then you will love CoffeeShop Web Color Block It...  Just like my other web actions, Web Color Block It crops and sharpens your images for the web. But it also adds a custom colored color block on any side of your image AND adds optional rounded corners. This action does it all and it works in both Photoshop and Photoshop Elements (of course!).

If there is a web action that you would love to see me offer for free on this blog, just comment below and I will see what I can do!




This action is a great way to get your images ready for the web. After you finish editing your image start the action. It flattens the image (if needed) and sharpens for the web (you can adjust this to taste).

Then the Canvas Size box will pop up. See (1.) above. Decide on the anchor point (if you want the color block on only one side or completely around the image) and set the final pixel width and/or height. In this case I added 300px of color to the right side of my image. NOTE: If you just want to add color to one side, make sure you make either the width or height 0px!

Select the color from the Canvas Extension Color on the bottom via the drop-down menu. You can select a color from your image by selecting "Other" as I did and use the eye-dropper tool and click on your image (2.). Click on OK (3.) and then OK (4.).

The action will add the color block(s) and round the corners. Then it will prompt you to enter the final px width of your image (it is preset to 750px wide).



After the action runs you will have two layers, Plain and Rounded Corners. Turn on the little eye by the layer of choice and drag the layer you don't want into the trash. Save as a .jpg if you want the Plain version, save as a .png if you want the Rounded Corners and don't want the corners to be white (for example, if your blog background is colored). If you post these on Flickr, save them as .jpgs, not .pngs or you will see black or gray corners.

If you want to download the CoffeeShop Web Color Block It PS/PSE Action .atn file, click HERE! If you want to download the PSE5 action thumbnail, click HERE. If you want to download the PSE6-PSE8 action thumbnail, click HERE.

Some people have issues opening zipped files, so I will try, when possible, to just link individual files. If you have Photoshop Elements (PSE), make sure you download the action AND thumbnail needed for your program! Photoshop CS users only need the .atn file. PSE5 users need the .atn and .psd thumbnail, and PSE6-PSE8 users need the .atn. and .png thumbnail.


Do you want to download my favorite CoffeeShop Actions 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.

44 comments:

  1. Thank you so much for sharing these! I've been eyeing images processed for the web in this way for some time, I just haven't made the jump to doing it myself. This will make that jump much more like a step. : ) Thank You!

    ReplyDelete
  2. I haven't mentioned lately how much I love you. So, I love you. And THANKS!!!!! You rock, as always!!!!!!

    ReplyDelete
  3. Thank you! Can't wait to play with it.

    ReplyDelete
  4. this is completely awesome! thank you so much!!!!

    ReplyDelete
  5. Ok.. seriously.. could you be any more amazing? Could you? My Gosh woman! Your talent continues to amaze me... and your willingness to share this with the rest of us simply impresses me even more! I can't thank you enough!

    YOU MADE MY DAY!!!!!

    ReplyDelete
  6. this is so cool! thank you for all your hard work and your continual generosity in sharing it! Your blog is one of my favorites!

    ReplyDelete
  7. Looks awesome! TFS. I.Cannot.Wait.To.Try.It!!!
    - A Canuck

    ReplyDelete
  8. I think this is going to be great. Thanks for sharing!

    ReplyDelete
  9. OK, back to comment again b/c this action is so freaking amazing. Thank you SOOOO much.

    ReplyDelete
  10. Astonishing - what a brilliant idea. Bless you for sharing these. Thank you, thank you.

    ReplyDelete
  11. I've tried it out and it works great! I did have to go back and look at your screen captures more carefully. If you want a coloured strip on one side, it's important that there is a zero in the appropriate spot in the resize image dialogue box. Duh. Sometimes it takes me awhile to catch on! Fantabulous action!!! - A Canuck

    ReplyDelete
  12. Oh my goodness-I have been dying to figure this out! THANKS SOO MUCH RITA!!!!! Very Very Very cool!!!!!

    ReplyDelete
  13. Oh thank you! thank you! thank you! sooooooo much :D

    ReplyDelete
  14. I would just like to learn how to crop in PSE. Whenever I crop, it shrinks the picture down and then I can't get it back to 4 x6 or 5 x 7. I can run actions on PSE with no problem but when it comes to doing things solo, I need serious instruction.

    ReplyDelete
  15. This is fabulous … been playing with it tonight and love it --- thanks!!!!!!

    ReplyDelete
  16. Rita you totally rock!!! Thank you!

    ReplyDelete
  17. Thank you for freebies. Link on your post was added to Lori's freebie list

    ReplyDelete
  18. Thank you! This blog post will be advertised on CraftCrave in the Layout category today (look for timestamp: [20 Feb 01:00pm GMT]).

    ReplyDelete
  19. Thank you so much for this Freebie. I want to let you know that I posted a link to your blog in CBH Digital Scrapbooking Freebies, under the Page 15 post on Feb. 20, 2010. Thanks again.

    ReplyDelete
  20. I LOVE it you are just too awesome for words! Thank you so much for putting in the time and effort!

    ReplyDelete
  21. rita, thank you so much!!! i've been wanting an action like this soo much :) i have a question though...i work in adobe 1998, and i have an action that a friend wrote for me that converts to sRGB then does the sharpen and saves for web. so if i use this action, i will still have to convert to sRGB, right?? thanks so much!

    janete

    ReplyDelete
  22. Thanks Rita! You are such a doll! Your generosity continues to amaze me!

    ReplyDelete
  23. You rock Rita!!! And so do all of your actions!! Thank you so much for this! Can't wait to use it!!!!

    ReplyDelete
  24. Thanks so much! These are wonderful!

    ReplyDelete
  25. Wow! This is SO nice! Thank you.

    ReplyDelete
  26. This is wonderful, Rita! Thank you, thank you, thank you!

    ReplyDelete
  27. This one is so much fun, thank you!! :0)

    ReplyDelete
  28. Wonderful....and I checked out the one on Flickr with the texture....very nice. Many thanks.

    ReplyDelete
  29. Thank you so much!! This really gives my photos a beautiful presentation! Easy tutorial!! You are awesome!!!

    ReplyDelete
  30. Thank you! Thank you! Thank you!

    ReplyDelete
  31. What if I want the Rounded Corners and don't want the corners to be white in .jpg? Not possible?

    ReplyDelete
  32. How do you go back and modify the size of your color block?

    ReplyDelete
  33. Thank you so much Rita! You are awesome!

    ReplyDelete
  34. Thank you so much Rita, you have made my life so much easier! I was wondering though, my blog background is not white and I tried saving the image in png format but the corners still pull up white not transparent. Is there something else I could be doing wrong? Amberd353@msn.com if you could help me out, thank you so much!

    ReplyDelete
  35. I was not able to get either of your links to work for downloading the web color block it action.. just fyi.... thanks!!

    ReplyDelete
  36. I tried to download the atn file but they are both for PSE. Where i can find one for PS?

    ReplyDelete
  37. I was looking for this kind of thing, and I'm glad I found it here, but I have a problem with downloading it to my CS4. Both "here" and "here" takes me to PSE file,not PS. What am I doing wrong?

    ReplyDelete
  38. Thank you so much for your actions and templates! This one has made my life so much easier!! Thanks!!

    ReplyDelete
  39. Thanks for all the actions, templates, borders and etc. I use them for my travel pictures, some of which I post on the web. I'm just starting to learn photography and PSE and these really help me out a lot. Thanks again!

    ReplyDelete
  40. Hi Rita,
    Thanks to you I learned how to make a color block. You are so awesome to share your talent. I am a fan. Thanks again! I posted a few photos on my blog and linked back here. :)

    ReplyDelete