Home   Products   Tutorials   Videos

How to create a zigzag custom shape in Photoshop tutorial

How to create a zigzag custom shape design in Photoshop CC 2017 2015 etc

Basics of the zigzag shapes

zigzag custom shapes create photoshopzigzag custom shapes create photoshop tutorialYou can use most versions of Photoshop to create a quick zigzag, there are 1000s of different zigzag shape designs and this is one or two different zigzag custom shapes. First step is

 

1) go to the view menu

2) snap on and snap to guides

3) view menu and new guide layout and 10 columns and 10 rows

4) select the pen tool

5) select the shape option

 

You can now create the zigzag shape but how many actual points you add is up to you

 

Other tutorials

1) How to change the fill color of custom shapes (such as zigzag custom shapes)

2) How to add multiple shapes into a Photoshop smart object (such as multiple zigzag custom shapes etc)

 

Zigzag custom shape 1

1) Click the far left middle point

2) go up to the next line above and across 1

3) back down to the middle line and move across 1 cell

4) up to the next row again and across by 1

5) down to the middle again and across by 1

 

zigzag custom shapes create and strokesYou can then repeat the same action multiple times to create a very basic zigzag shape

 

1) select the direct selection tool in the toolbar and select the entire shape

2) edit menu and define custom shape for Photoshop

 

You can now see the Photoshop zigzag custom shape in the tool dropdown. Select the custom shape and set the fill to no color and the stroke to black and stroke width to 10 and set the align to center and set the cap etc

 

Zigzag custom shape 2

zigzag custom shapes photoshop create shadowYou can make all kinds of zigzag shapes such as a more random zigzag custom shape

 

1) select the pen tool

2) click the far middle left

3) go to three or so rows up and click two columns across

4) go back down past the middle and move across by 1 and then click again with the pen tool

5) go up to past the middle by one row and across two etc

 

Anyway, you can see the zigzag is far more random and more extreme. Again, select all the points using the direct selection tool and use the edit menu and define custom shape command. Again, select the custom shape tool and shape layer option and set the fill to no color and the stroke to green or blue etc and then set the align to the center etc (or add dashes etc) such as the artwork on the right (with a shadow added)

 

Once you have your zigzag custom shapes, you can modify them using the direct select tool or transforms and then define them again as a custom shape

 

Zigzag Photoshop custom shape modifications

zigzag custom shape create in Photoshop modifiedzigzag custom shapes and distort photoshop1) select the custom shape tool and select one of the zigzags

2) create zigzag artwork in shape mode

3) select the direct selection tool in the toolbar

4) select one of the points in the zigzag shape

5) Drag left or right or up and down

6) edit menu and define custom shape (as on the left)

 

as well as

 

1) You can also select all the points with the path selection tool

2) edit menu and distort or perspective etc

3) edit menu and define custom shape (as on the right)

 

Other resources

1) zigzag custom shapes for Photoshop and elements

2) Zigzag font / eps shapes for Microsoft Word, Photoshop, psp etc

3) Zigzag brushes for Photoshop, psp etc