fbpx

How To Make A Custom Shape In Photoshop


If you need to add a custom shape to your Photoshop project, it may be tedious to draw it out each time you need to include it. Luckily, there are multiple ways to create a custom shape that you can use as many times as you want. 

To create a custom shape in Photoshop, create a path using the Pen Tool to define the parameters of the shape. With the path complete, go to Edit > Define Custom Shape to turn the path into a shape. Your custom shape will now be available within your Custom Shape Tool (U).

Now you can make a custom shape from an existing image or create a path of your own, as mentioned above. Let’s go over both techniques so you can begin making custom shapes from any starting point.

How To Make A Custom Shape From An Image

Using an existing image to create a custom shape is easy. 

Images with limited colors, such as a black outline and a colored fill, work well for this. Alternatively, a silhouette can work equally well if you want the custom shape to be the shape of the silhouette itself. 

I’ll be using this yellow and black smiley face for this example, turning the black outline into my custom shape.

Once you’ve chosen a suitable image, open it in Photoshop. Your image needs to be high quality, without pixelation, and have clearly defined colors, such as the black in the smiley face. You can use any Quick Selection Tool to make the selection. However, using the color range method is the easiest for this purpose.

To select the main color, go to Select > Color Range.

This pulls up the Color Range dialog box, where you can click on the color you wish to select. In this case, I clicked the black outline to select those colors of the graphic.

Under the Select dropdown, there are options for color ranges. Since my image is limited to three colors, it will easily select the appropriate color range. If the areas of your image you are turning into a custom shape are the only dark areas, choose Shadows in the drop down. 

You’ll then see the selected area in the preview box.

You can choose specific color options for other colors or use the eyedropper to pick the color directly from your image. If your color is similar to another color, it may not be as successful as selecting only that color.

Once you’ve selected your color range, you can edit it more precisely. 

The Range slider will help add or remove other similar colors and tones to your selection. If your selected color, like mine, is vastly different from other colors in the image, you won’t need to have a very high range. 

Move the slider left for a smaller range or to the right to select a larger range of tones.

Then adjust the Fuzziness slider to adjust the tolerance of which colors will be included in your selection.

Finally, the last thing to check in the Color Range dialog box is that the image isn’t inverted. The preview box shows a grayscale preview of your image. Anything in white will be what your custom shape becomes. 

You can check Invert if you want to reverse the selection and make a custom shape by excluding your selected area.

Anything in black will be disregarded when your custom shape is made.

When you’re happy with your settings, click OK.

Your image will now have an active selection around the sampled colors. Everything selected will be the same color. In my image, everything that is black has marching ants around it to show it is selected.

Now we need to create a path from the selection by first opening the Paths panel. Go to Window > Paths

The paths panel opens where the layers panel is so that you can toggle between the two. Currently, the Paths panel is blank. 

At the bottom of the Paths panel, select Make work path from selection

This removes the marching ants around your selected color and replaces it with blue paths and anchor points. 

The Paths panel now shows the Work Path from your image. 

Now it’s time to convert this path into a shape by going to Edit > Define Custom Shape

Name your new custom shape in the dialog box and click OK.

Find the Shape Tool (U) on your toolbar and hold it down to see all the shape tool options. Select the Custom Shape Tool.

In the Options bar, you can choose which shape is used on the Custom Shape Tool. Photoshop provides preset shapes already, but now your custom shape also appears under this list. 

Select the downward arrow next to the default shape in the Options bar to open the shape library. 

There are multiple categories of pre-existing shapes. Your newest custom shape will be at the bottom.

Select your custom shape. In the Options bar, set your Fill and Stroke colors.

On the canvas, click and drag out to draw your custom shape. To constrain the proportions, press Shift while dragging the Custom Shape Tool to your preferred size. 

Each new shape will appear in its own layer. 

How To Make A Custom Shape From A Path

You can create a custom shape using paths which gives you more customization options compared to using a premade image. 

To begin, select the Pen Tool (P).

In the Options bar, choose Path in the dropdown menu. 

Using the Pen Tool set to Path, you can draw any shape on the canvas. You can use the Pen Tool as you normally would, whether you draw straight lines or add curves, as long as you complete the shape and join the final anchor points. 

Once you’re happy with your path shape, in the Options bar, choose Shape.

This turns your path into a solid shape with a stroke and fill.

Now to turn your custom path into a custom shape, once again go to Edit > Define Custom Shape

Name your custom shape in the Shape Name dialog box and click OK once you’re done.

You’ve now created a custom shape from a path. To find and use your new custom shape, go to the Shape Tool (U) and choose the Custom Shape Tool.

In the Options bar, your most recently used shape will appear by default. Click the downward arrow next to the current shape to open the shape library. Your new custom shape will be at the bottom of the list. 

Select your custom shape. 

To create the shape on your canvas, click and drag your mouse to your desired size. To keep the proportions constrained, hold Shift while dragging. You can change the Fill and Stroke colors in the Options bar

Now that you know to make a custom shape, it’s important to know the full range of settings available to make shapes look just right. In my ultimate guide to working with shapes in Photoshop, I break down everything you need to know.

Article By

Brendan Williams

Hey, I'm Brendan! I'm a professional photographer and photo retoucher who has spent the majority of his career shooting or retouching outdoor lifestyle and social media campaigns for brands like G-Adventures, xoxo Bella, P&G, Fitbit, Chevy, Tourism California, and more. You can view my photography portfolio here.

These days I primarily focus my efforts on this site, creating guides and tutorials that I wish I had earlier in my career. Each week I publish new tutorials on Photography, Photoshop, Lightroom, and Canva to help you unlock new skills and bring your creativity to new levels! Everything you learn here is backed by real experience, so you can finally skip the fluff and focus only on what matters.

0 0 votes
Article Rating
Subscribe
Notify of
guest
0 Comments
Inline Feedbacks
View all comments

Continue Reading:

How To Whiten Teeth In Photoshop (2 Easy Ways)

Discover two surprisingly easy ways to whiten teeth in Photoshop with the help of a few beginner-friendly sliders.

How To Use Gradient Maps In Photoshop

Learn the ins and outs of how to use gradient maps in Photoshop to color grade your photos and transform your images for the better.

How To Make A Silhouette In Photoshop (2 Best Ways)

Here are two easy ways to make a silhouette in Photoshop. The first method creates a silhouette graphic, while the second in more realistic.

Adobe Lightroom System Requirements For Mac & PC

Here's a breakdown of the system requirements for Adobe Lightroom Classic and Lightroom CC to make sure it will run smoothly on your computer.

How To Add A Watermark In Lightroom Classic & CC

Learn how to add a text or graphic watermark to a photo in Lightroom Classic and Lightroom CC to protect your photos from theft.

How To Use Dehaze In Lightroom

Learn how to use dehaze in Lightroom along with five different ways you can use the dehaze tool to improve your images in Lightroom.

35+ Best Fonts For Logos In Canva

Here's a list of the best fonts for logos in Canva to help give you inspiration in your next logo design!

How To Create Curved Text In Canva

Learn how to quickly create curved text in Canva desktop and mobile with just a few clicks to spruce up any design!

35 Best Fonts For Teachers In Canva

Discover the best fonts for teachers in Canva to help with your next worksheet or presentation for your class!

The 9 Best SD Cards For Sony

Discover the best SD cards for Sony to find the most reliable and best valued memory cards for your photo and video needs.

The Best Canon Lens For Low Light (10 Top Picks)

Get a complete view of the best Canon lenses for low light photography and video along with tips to make the right buying decision.

Affinity Photo VS Photoshop – Which Should You Choose?

Let's take a deep look at the similarities and differences between Affinity Photo and Photoshop to see which program you should pick.