Take the 2-minute tour ×
Graphic Design Stack Exchange is a question and answer site for professional graphic designers and non-designers trying to do their own graphic design. It's 100% free, no registration required.

I am currently trying to make some rounded social icons for my website.

I managed to fine a blog online which supplies some vector cutouts of some of the popular site logos I need.

What I want to try and do is use the vector image to cut the shape of that image in a rounded circle so I can have it transparent in the middle of the circle like so:

image 1

This is what I have at the moment:

what I have

My question is what is the easiest way to to this?

I have tried searching a few terms for it online but I am not sure what the process would be called.

share|improve this question
add comment

2 Answers

up vote 1 down vote accepted

Hold down the Command/Ctrl key on the keyboard and click the layer thumbnail fro the icon. This will create a selection which matched the shape of the icon.

Highlight the layer you want to "cut" from and then click the mask icon at the bottom of the Layer Panel. This will add a layer mask in the shape of the icon and essentially hide the areas associated with the icon's shape.

Turn off visibility, or simply delete, the icon layer.

It is simply a layer mask. I don't know of any more specialized name than that.

share|improve this answer
    
Thanks for the help. That worked great. I knew there would be a simple process for selecting the broder of the image I just couldn't find it/think of the name to search for it online. –  Ryan Holder Aug 8 '13 at 17:51
add comment

You can apply the vector shape directly as a vector mask. No need to rasterize it at this point.

share|improve this answer
add comment

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.