thumbnail

Working with custom shapes can save you a lot of time. What if you need an object and don`t know from where to get it or how to build it? It`s simple. Get it from an image. In this tutorial, I want to show you how to create Photoshop custom shapes, straight from images. Don`t worry, it`s not rocket science. There are only a few steps to cover and the only things you need to know is how to cut out objects using either the Pen Tool or Magic Wand Tool.

The first step is to find a proper image from which you should cut out the shape you need. For example, I want to cut out an eagle. I`m suggesting you Flickr as the start of your image search because it can filter through copyrighted and free-to-use images. For this tutorial, download this flying eagle picture.

Now open Photoshop and drop the image. I`m going to show you 2 ways of cutting out objects. First one and the easy one, using the Magic Wand Tool(W) and the second one, using the Pen Tool(P).

Magic Wand Tool versus Pen Tool

Although both tools are mainly used for the same thing which is to cut out objects, there are some differences between them. Magic Wand Tool does the job fast (almost instantly), the quality of the selection might be poor. This tool works best on simple images and well defined objects because is making the selection according to colors. On the other hand, Pen Tool does an extraordinary job on cutting out objects, but it has to be done manually by user(which is you), therefore the time to do it depends on the difficulty of the object. So, for accurate results, I`m suggesting you use the Pen Tool. If you don`t know how, you might want to check out this tutorial I wrote a while ago about how to use the Pen Tool.

1. Create Custom Shapes using the Magic Wand Tool(W)

In both cases, what we need to do is to trace the outline of the object. Select the Magic Wand Tool(W), set the Tolerance to 20 and click on the blue background. The background will get selected. If you`ll click now on Delete, the background will be deleted, but that`s optional.

eagle selection How to Create Photoshop Custom Shapes from Images

We need the selection of the eagle only. To obtain it, go to Select->Inverse and you`ll obtain it.

eagle selected How to Create Photoshop Custom Shapes from Images

Now that we have the eagle selected, right click on the image(make sure you still have the Magic Wand selected) and click “Make Work Path”. A popup will appear. Set the the tolerance to minimum(0.5) and hit ok.

work path How to Create Photoshop Custom Shapes from Images

Now go to Edit->Define Custom Shape and name your shape.

eagle name How to Create Photoshop Custom Shapes from Images

That`s it, you`ve made a custom shape. If you open the Custom Shape Picker, you should see the custom shape you`ve just created.

picker How to Create Photoshop Custom Shapes from Images

Create Custom Shapes using the Pen Tool(P)

Although the process of cutting out the eagle`s shape takes longer, I prefer the Pen Tool instead of Magic Wand, because is more accurate. Select the Pen Tool(P), choose whatever state you want(Shape Layers or Paths) and start drawing, by following the eagle`s shape. If you don`t know how to use the Pen Tool yet, here`s a good tutorial. Once you`ve finished the path, right-click and select “Define Custom Shape”.

custom shape How to Create Photoshop Custom Shapes from Images

Name your custom shape and hit OK. You`ve created a custom shape and it should be available in the custom shape picker.

How to Save Custom Shapes to Sets

Now that you know how to make custom shapes, the only thing you should learn is how to save them into custom shape sets.

Open the Custom Shape Picker and click on the small play button from the top-right side of the panel. Then click on Preset Manager.

button picker How to Create Photoshop Custom Shapes from Images

From the panel, select your custom shapes and click on “Save Set”. Name your sets and save them wherever you want. That`s it. Simple.

preset manager How to Create Photoshop Custom Shapes from Images

That was all, my friends. I hope you`ve learned something from the tutorial and if you have any comment or feedback, don`t hesitate to leave it below. Thanks!

Written by Madalin Tudose

Madalin Tudose is a web designer and developer who loves to inspect websites for new designing techniques and trends. He`s the founder of Ourtuts, where he blogs about anything related to web development.

  • Amy

    If I’m making posters to sell in Etsy and need a shape for one of the posters, can I use any image to make the shape or do I need to stick with images that don’t have a copyright?

    • http://www.OurTuts.com Madalin Tudose

      I think you can use any image to make a shape. At the end of the day, is a black shape.

  • http://www.eagletheme.com membro

    thank you great tutorial..

  • Martín Maldonado

    Thank you so much! I appreciate a lot your tuts, they are so well explained that you make everything easier!

  • Meera

    Thanks a lot friend….

  • http://www.brotherhoodshirts.com Marc O’neal

    Seriously, one of the better tutorials I’ve seen. I can use the heck out of this.

  • http://www.skoville.com skoville

    Thank you. I didn’t know that!

  • http://smsworld-alltime.blogspot.com MAYABI WORLD

    nice tutorial………………