fresh photoshop tutorials & resources
Log in Register
Infographic JS Library Infographic JS Library

Create Custom Shapes from Image Selection in Photoshop

Tutorials Photoshop Tips 8302 Views September 26th, 2012

In this tutorial I will show you a quick way to create custom shapes in Photoshop using a selection. All you have to do is make a selection of an object, refine the selection edge, turn to work path and finally define custom shape. All this in 5 minutes opposed to let's say 20 minutes if you decide to draw the silhouette from scratch using the Pen Tool. The time depends a lot on your vector drawing skills. So you can make custom shapes using selection of a raster image.

Advertisment

From this tutorial you will learn how to make a Photoshop shape from raster images using the selection tools. You can create in this way so many custom shapes with less effort and pretty good results.

A custom shape in Photoshop is drawn using the Pen Tool or using the Ellipse Tool, Rectangle Tool or combining other custom shapes. So when I say custom shape in Photoshop I am thinking of a shape drawn by hand from scratch using one of the vector tools available. If you want to learn this first method, that in my opinion is the better one, read this tutorial on how to create custom shapes in Photoshop.

But there is also another way to make custom shapes that is much easier and used by many people. But if you use this method in a wrong way you obtain a poor quality raster image, not a vector shape, with lots of anchor points. So here I will explain you the right way in which you can create shapes from raster images using selections.

You can make shapes from any raster image but the main idea is to obtain a shape with less effort. For that you have to choose images that can be extracted from the background easily. For example birds on a clear blue sky, silhouette images, cut out images, cut out PNG and so on. I will use this Cat Moon Silhouette to create a vector silhouette.

Use the Magic Wand Tool to select the Cat Moon Silhouette background. Adjust the Feather accordingly to your image. Keep the SHIFT key pressed to add to the selection.

Part 1Part 2

10 comment(s) for "Create Custom Shapes from Image Selection in Photoshop"

CrickettGrrrl
CrickettGrrrl
12:21 AM Friday, September 28, 2012
Thanks so much for this --and explaining the feathering. I've tried this before and gotten such nasty jagged edges, so your article is tremendously helpful. (I've tried several of your tuts and love them --so thank you for those too!) :-) reply
Su Hall
12:22 AM Friday, September 28, 2012
That's it? Geez! All this time I have been fearing learning how to make shapes. You make it look so easy!
Thank you so much!

Su reply
PSDDude
12:25 AM Friday, September 28, 2012
I am really glad you find my tutorial useful; using feather after you make the selection is truly important. So if you find a set of custom shapes that you like, but has poor quality you can remake it using this technique :) reply
PSDDude
12:27 AM Friday, September 28, 2012
It can be easy to create shapes in Photoshop but remember Su that the best custom shapes remain the ones drawn with the Pen Tool from scratch :) reply
Kat
Kat
11:51 PM Friday, October 12, 2012
Thank you for your tutorial on the making of custom shapes. I do have a question though. Why is it detrimental to have too many points in your work path. What does it effect and how? Thanks again for getting me started off with the shapes.

reply
PSDDude
12:20 AM Saturday, October 13, 2012
If you are creating the shape manually with the Pen Tool having to many anchor points is not detrimental. However if you are making a custom shape from a bitmap raster image you will obtain a shape with a jagged edge which doesn't look very nice.

When you make a selection or remove a background using the Magic Wand Tool or the Quick Selection Tool you always obtain a jagged selection. That is why is necessary to use the Feather Selection option(see the image attached).

But remember that you have to use hi res images when creating shapes using Feather otherwise you will loose all the object details. reply
Kat
Kat
1:00 AM Tuesday, October 16, 2012
Thanks for explaining that to me. It makes sense now. It is truely awesome that you do these tutorials. It is daunting sometimes not to have anybody to ask when I am struggling! reply
PSDDude
1:03 AM Tuesday, October 16, 2012
You're welcome Kat!
If you have other questions about Photoshop don't hesitate to ask us and we'll do our best to give you a good answer :) reply
Su Hall
11:56 PM Tuesday, November 13, 2012
Hi! I did it! LOL I used a paper doll image to get the path that made the 'grandparents'. It was so easy! I show the shapes in a small vignette I created for Thanksgiving.

Thank you so very much!

Su reply
John
11:57 PM Tuesday, November 13, 2012
really nice! I am glad you find the tut useful :) reply

Have something to say? Leave us a comment

Click to Upload Fan Art!

Share your Psd Dude inspired works


Recent Posts
Learn how to make a spooky pumpkin 3D typography in Photoshop for the upcoming Halloween celebration...
Grab this amazing set of free Halloween web buttons perfect to decorate your website/blog for the up...
Today's giveaway is a great set of flat eCommerce icons perfect for online stores. These icons can b...
The Halloween is coming again and so I decided to create a nigh witch Photoshop manipulation. This p...

      3D Isometric Toy Bricks Photoshop Action
Popular Posts
There's something about ribbons that just looks good. I thought about making this Ribbon Vector Free...
I am not a fan of tattoos but I can still appreciate it as art. There are a lot of people out there,...
Today's list is a collection of Free Photoshop Layer Styles. As many of you already know, Photoshop ...
In today list of free textures for Photoshop I have gathered over 100 amazingly beautiful wood textu...
Another Photoshop texture that is really used by digital artists is for sure the old paper texture. ...
I have decided to create a new character from Alice in Wonderland and I hope that maybe someday to r...
Hello girls and boys! Today i want to make a cartoon rainbow... i really hope you will like it! ...
To create a Comic Book Effect in Photoshop we have to mix all sort of filters and blend them togethe...
Hello, today I will show you how easy it is to create a broken glass effect. We will use of course a...
I saw this beautiful stock image with the girl and decided immediately that she is perfect for an an...
AI Vault Store Custom Shapes for Photoshop
Subscribe via email
top