Friday, February 19
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.
Subscribe to:
Post Comments (Atom)
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!
ReplyDeleteI haven't mentioned lately how much I love you. So, I love you. And THANKS!!!!! You rock, as always!!!!!!
ReplyDeleteThank you! Can't wait to play with it.
ReplyDeletethis is completely awesome! thank you so much!!!!
ReplyDeleteyou are completely awesome!
ReplyDeleteOk.. 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!
ReplyDeleteYOU MADE MY DAY!!!!!
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!
ReplyDeleteLooks awesome! TFS. I.Cannot.Wait.To.Try.It!!!
ReplyDelete- A Canuck
I think this is going to be great. Thanks for sharing!
ReplyDeleteOK, back to comment again b/c this action is so freaking amazing. Thank you SOOOO much.
ReplyDeleteAstonishing - what a brilliant idea. Bless you for sharing these. Thank you, thank you.
ReplyDeleteI'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
ReplyDeleteYou ROCK!!!
ReplyDeleteOh my goodness-I have been dying to figure this out! THANKS SOO MUCH RITA!!!!! Very Very Very cool!!!!!
ReplyDeleteOh thank you! thank you! thank you! sooooooo much :D
ReplyDeleteI 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.
ReplyDeleteThis is fabulous … been playing with it tonight and love it --- thanks!!!!!!
ReplyDeleteRita you totally rock!!! Thank you!
ReplyDeleteThank you for freebies. Link on your post was added to Lori's freebie list
ReplyDeleteThank you! This blog post will be advertised on CraftCrave in the Layout category today (look for timestamp: [20 Feb 01:00pm GMT]).
ReplyDeleteThank 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.
ReplyDeleteI LOVE it you are just too awesome for words! Thank you so much for putting in the time and effort!
ReplyDeleterita, 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!
ReplyDeletejanete
Thanks Rita! You are such a doll! Your generosity continues to amaze me!
ReplyDeleteThankyou so much Rita.
ReplyDeleteYou rock Rita!!! And so do all of your actions!! Thank you so much for this! Can't wait to use it!!!!
ReplyDeleteThanks so much! These are wonderful!
ReplyDeleteWow! This is SO nice! Thank you.
ReplyDeleteThis is wonderful, Rita! Thank you, thank you, thank you!
ReplyDeleteThis one is so much fun, thank you!! :0)
ReplyDeleteWonderful....and I checked out the one on Flickr with the texture....very nice. Many thanks.
ReplyDeleteThank you so much!! This really gives my photos a beautiful presentation! Easy tutorial!! You are awesome!!!
ReplyDeleteSo awesome Rita!!! Thank you.
ReplyDeleteThank you! Thank you! Thank you!
ReplyDeleteWhat if I want the Rounded Corners and don't want the corners to be white in .jpg? Not possible?
ReplyDeleteHow do you go back and modify the size of your color block?
ReplyDeleteThank you so much Rita! You are awesome!
ReplyDeleteThank 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!
ReplyDeleteI was not able to get either of your links to work for downloading the web color block it action.. just fyi.... thanks!!
ReplyDeleteI tried to download the atn file but they are both for PSE. Where i can find one for PS?
ReplyDeleteI 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?
ReplyDeleteThank you so much for your actions and templates! This one has made my life so much easier!! Thanks!!
ReplyDeleteThanks 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!
ReplyDeleteHi Rita,
ReplyDeleteThanks 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. :)