Home   Products   Tutorials   Videos

How to Draw Irregular Vector / custom Shapes in Photoshop Tutorial

How to draw irregular / abstract vector shapes / paths in Photoshop CC 2017 2015 CS6 CS5 etc tutorial

Irregular shapes in Photoshop

drawing irregular shapes in Photoshop

A tutorial on how to create irregular / abstract shape designs in Photoshop CC CS6 CS5 CS4 etc. The tutorial shows how to use the pen tool in Photoshop and how to draw irregular shapes using the freeform pen tool. You can also use the magnetic feature in the freeform pen tool to create interesting irregular shapes. Custom shapes can also be used as a great source for Photoshop irregular abstract shapes.


Other tutorials

You can find additional custom shapes tutorials such as

1) how to use the Photoshop custom shapes with shape blur filter

2) how to create displacement maps with custom shapes


Example 1 of irregular shape in Adobe ® Photoshop ®

Photoshop can be used to create numerous irregular shapes and there are, as with most things in Adobe ® Photoshop ®, numerous ways of creating irregular as well as regular shapes. Also, it does depends, on your definition of an irregular shape. In my first example I will use the pen tool found in the Photoshop toolbox. Select the pen tool and then just click the document in different locations. Hold down the mouse at certain points to curve the generated path. To complete (or close) the path, just click the start point.


As the pen tool creates a path, there is nothing actually visible other than a few points (or as many as you like to create) so go to the path panel / panel and select the generated work path and go to the right side menu and fill with the current foreground color (set this to black via the Photoshop toolbox).


Another option (to make the path more visible) is to turn the design into a custom shape: go to the edit menu and define custom shape command. You can also combine any of the designs created with other Photoshop shapes such as the designs on this site such as doodle and sketch custom shapes and perhaps more unusual forms in the abstract and tribal decorative custom shapes and more wave themed artworks wave and wavy custom shapes for Photoshop and elements and yet more unusual shapes in tribal custom shapes and decorative abstract designs etc


Example 2 of drawing an irregular shape in Adobe ® Photoshop ® - freeform

drawing irregular shapes in Illustrator vectorInstead of using the pen tool, use the next tool in the toolbox: freeform pen tool. Just select and then draw as you would with a normal pen. Personally it is easier to use an artpad / pen instead of a mouse (the example below was drawn using a mouse). Again, finish the creation of the irregular path by meeting the start point. Go to the path panel and fill with a color or use the define custom shape command. You can draw truly weird and wonderful vector shapes with the freeform tool. It is not the most elegant of tools but it does create some unusual and weird shapes. Another option to use to turn the design into a 'shape' is just to click the 'shape' button along the top option bar (this is with the most recent versions). The shape button turns the path into an immediate shape. You should know that the shape button does not turn the design into a custom shape and you need to do an additional step (edit menu and define command). You can continue to define multiple paths and at any point go to the define custom shape command and save the entire selection of irregular paths to a single CSH.


Example 3 of drawing an irregular shape in Adobe ® Photoshop ® - magnetic freeform

Very similar to the above approach but you can also set the magnetic option on for the freeform and it does create a very quick and easy way of creating very irregular shapes as the magnetic tool has a tendency to randomly jump back and forth and on completion, the design is probably far more random than you could ever create just by sketching.


Example 4 of drawing an irregular shape in Adobe ® Photoshop ® - shapes tool

draw irregular shapes in PhotoshopThe CSH tool and regular shapes tools can be used as a great source for irregular shapes. To do this, select one of the shape tools such as the rectangle tool and create a single rectangle. Go to the path operations (pathfinder in Adobe AI) along the top option bar of Photoshop and set the option to 'combine shapes' (or any of the others if you wish to subtract from the initial design) and then apply another rectangle and so on. Repeat the creation of the rectangle or circle or star etc multiple times and each path / shape is then added to the original design. On completion, go to the edit menu and define custom shape to create a final irregular path (which can then be used multiple times throughout the application)


Example 5 of drawing an irregular path in Adobe ® Photoshop ® - warp

Not strictly involving any drawing but by using the edit menu and transform and warp command with a selected path (even a rectangle) then you can create a quick irregular shape in seconds. You might not achieve the most irregular shape with one pass of the warp tool as the warp grid is only 3 x 3. Select the individual points / nodes of the warp grid and warp the path in many different ways. Repeat and repeat until the shape is as required. The shape can be stored as a custom shape and re-used to create ever more complex graphics.


Example 6 of drawing irregular shapes in Adobe ® Photoshop ® - brush tools

brush tool irregular shapes in PhotoshopThe brush tools are not vectors but you can always use the brushes and selections to create a path. Create a new layer. Set the color of the foreground to black. Select the paint tool and select a brush (a sharp one - blurry really does help here) and then apply the brush strokes to the new layer. Select menu and load selection and then go to the path panel / panel and apply make work path (right side menu) and then go to the edit menu and define custom shape command. The brush tool can be used to create a vast range of unique graphics: raster to vector in a few steps.


Other options to create irregular paths

You can also Illustrator to create the irregular shape as the pen tools and filters and features can be used to create truly extreme shapes. Or use the brush tools and then copy it to Illustrator or another application with a vector trace tool (Corel trace etc) and use that to capture an irregular shape which can be placed back into Photoshop.


Draw irregular shape in Adobe ® Photoshop ® video

Here is a quick video showing how to create an irregular shape in Adobe ® Photoshop ®, draw using the pen tool, freeform, use the brush tool etc. The video is by Andrew Buckle and shows a number of possible steps. As with most things in Adobe ® Photoshop ®, there are probably 100s of additional ways. Video of the irregular shapes in Adobe ® Photoshop ® [Youtube]