CoffeeShop Group It Action!


Clipping masks are really confusing. They are simply cutouts in storyboards, but you have to group your image to them. Like layer masks, they are a wonderful editing tool, but they are difficult to understand unless you read a really good tutorial or book or have someone show you how to use them. I have two tutorials (tutorial 1, tutorial 2) already posted on my blog, but I still get so many questions.

So I finally decided to make this easy on you.  I wrote this really simple actionthat will prompt you to open your image, automatically group it with the clipping mask, and allow you to free-transform it to fit.  This is the perfect action if you can't figure out clipping masks and/or you want to save time loading your images.  If you can use actions then you can easily use clipping masks!!!  I know the screenshots make it sound involved, but this is a very simple action. 

Some people have problems running my storyboard building actions in their PSE programs (I think some Mac users?), so perhaps they will be able to use this action to load images on my storyboard templates.

How to use the CoffeeShop Group It action:

1.  Open your storyboard template with clipping mask(s).  The one I used in this tutorial is here.  You can find all of my storyboards here.  Some have actions (scroll down to the bottom to find those links), but all of my storyboards should contain a .psd file, even the ones with actions.  This action should work on any layered storyboard template with clipping masks, even ones you make!

Make sure you are opening a layered .psd storyboard file.  Make sure this is the only thing open in your editing program.  

2.  Click on the clipping mask you wish to add the image to in the layer pane or in the storyboard.  I usually label my clipping masks, but in this case I just labeled it by where it is located.  Just look for a black box or shape if the clipping mask is not labeled.  I am going to load an image to the left cutout.


3.  Click to start the action.  You will be prompted to open your first image.  Select it and click OK.  The image will open, and be selected, copied,  and pasted on your storyboard and grouped with the clipping mask you had selected (see below).

The action will prompt you to free-transform the image to fit.  If you can't see the bars, then click Ctrl-0 (that is a zero) and your image will zoom out.  You can click Ctrl-0 again at anytime to zoom back in.


4.  Make sure if you are using Photoshop that the little chain between W and H on the top menubar is clicked on before dragging.  Otherwise your image will get distorted.  This action should automatically select it so you should not have to hold shift.


If you are using PSE don't hold shift and make sure Constrain Proportions is checked on the top menubar before dragging or your image will get distorted.


5.  Once your image is adjusted to taste (you can adjust the placement by dragging it) click on the checkmark on the top menubar (Photoshop) or on the image (PSE) to accept the changes and your image will be perfected placed!  The image you just opened and copied to paste on your storyboard will be closed.


Now you can add another image to another cutout (clipping mask).  Click on the next clipping mask in the layer pane (top right in this case) and start the action once again.


Easy, right? 

You can download the free CoffeeShop Group It Photoshop and PSE action HERE.

Want all of my favorite CoffeeShop Actions 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.

21 Comments:

jamie October 27, 2010 at 5:25 PM  

hi rita...
question...
i recently loaded some actions...successfully i must add.
however...now the diffuse glow filter will not work in pse. it says it is currently not available.
do you have an insight into this?
sure would appreciate your insight.
jamie

MouserMo October 28, 2010 at 12:11 AM  

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

Scrapippi October 28, 2010 at 5:00 AM  

Thank you for this very helpful action

Leigh October 28, 2010 at 7:33 AM  

Rita, thanks so much for all your work. I am having trouble with the last story board action running in PSE. And yes, I do have a Mac. :)
So I was pleased to see this! I uploaded my quick project to Flickr.

http://www.flickr.com/photos/momof3txvakids/5123255054/

J November 2, 2010 at 1:17 PM  

Rita...THANK YOU!! I'm one of the ones having Mac storyboard problems...and this works beautifully!! Thanks so much for creating this for us :)

christy February 7, 2011 at 9:45 PM  

awesome! I am a total newbie and this make clipping masks so much easier. Thank you so much for generously sharing your talents! It's MUCH appreciated :)

Peggy September 4, 2011 at 4:19 PM  

Kiss, kiss, Rita!! I just discovered this group it action and I could just reach out through the web and hug you! You have made my life so much easier now. Please know that what you are doing is so greatly appreciated. I have learned so very much from you. It's like having my own tutor. You have the patience to take me through things step by step and really teach! Bless you. Peggy from Pennsylvania

kristaskiln September 8, 2011 at 7:15 AM  

Wow-I just downloaded the action and immediately tried it out and it was so easy! Thank you so much Rita.

Chelsea October 24, 2011 at 12:50 AM  

Are these compatible with PS CS4? I have been trying everything to get them to work and can't figure it out. I really don't know PS very well, though; I'm better with LR...

lindsey December 7, 2011 at 10:43 PM  

I'm so excited to have found your blog!!! I'm a photographer (although not working now...) and a homeschool mom as well!! I downloaded the group it action, but when I go to use it, it prompts me to put the first picture in, and transform it, and then it stops. It does not give me an option to fill in the rest of the images in the web board. Any suggestions??

Rita December 7, 2011 at 11:11 PM  

Lindsey, you need to use the action for each image. That way it works for any type of storyboard!

Jamie January 8, 2012 at 2:47 PM  

I absolutely love you site, as well as the freebies you make available. I am still fairly new to using PS and your site has helped me do this. One question though... I'm using PS7 and whenever I try to use the Group It action, it opens my photo then gives me the message "the command 'Group' is not currently available". Any reason this may be happening? It's making it tougher to use the templates you have available. :(

Erica3 February 1, 2012 at 4:18 AM  

Hi, I have the layer highlighted but I cant add a photo to the story board. I'm using CS5 and a pc and it just wont work for me. I don't understand what im doing wrong.. Help

Arrisje May 13, 2012 at 11:31 AM  

Thanks sooo much it saves me some time, because I use story boards all the time.

Keith November 13, 2012 at 9:05 PM  

Wow...thank you SO much for this!

Scudds Harrison November 15, 2012 at 9:05 PM  

Wow! I am such a big fan of yours! I will definitely put you up to my hi-addiction page.

Thank you for sharing beautiful stuffs.

Hugs x
Scudds
http://domesstique.blogspot.com/

Mark January 8, 2013 at 2:35 PM  

I can not tell you how amazing this is. Thank you soooo much for this action. It works like a charm. :)

Anonymous May 2, 2013 at 4:42 AM  

I think I might love you! THANK YOU!

Krissy.Shively August 31, 2013 at 9:52 PM  

Any tips for running on a Mac with cs4? f12 opens my app window...

Rita September 1, 2013 at 2:23 PM  

Unfortunately I can't help if the shortcut button is already programmed for something else on your computer. If you have CS you can change the action's shortcut yourself!

Anonymous January 24, 2014 at 9:47 PM  

I have Pse 10 and im not sure how to use this action. I downloaded it but i dont know where im suppose to save it. I could really use step by step instructions...i am a beginner and still learning. immahuskerfan@hotmail.com