How to create an arrow shape in Photoshop tutorial

A quick guide to creating a basic arrow shape in Photoshop CC 2018 2017 2015 etc

Create arrow shape

how to create an arrow shape in Photoshop tutorial
  1. Set shape option to layer for arrow

  2. Set color for the arrow shape in Photoshop via fill color

  3. Rectangle tool and draw a long rectangular line

  4. Go to the polygon tool and set options via top bar to not a star and only 3 sides

  5. Create a triangle at one end of the shaft

  6. Combine them for your arrow shape

  7. Select all the shape using the direct selection tool

  8. Edit menu and define shape

Video tutorial on the subject by graphicxtras.com (youtube)

 

Buy $9.95 13,000 Vector designs for use in PS and PS Elements gallery

 

single

There are infinite designs possible and infinite ways of creating them - you could as easily have added multiple lines to the design and a single path at the head. The head does not need to be a triangle either. Or you could add a sharper head and so on.

 

This design is a vector but it can be distorted, combined, transformed, parts removed etc Once you have you combined vector path, you can use the direct selection tool to select the individual points and perhaps drag them to different positions.

 

You can also add additional points by using the add points tool to the path and then manipulate them individually as well. You could also use the curvature tool found in the PS toolbar and manipulate points on the design using that (a far more flexible tool for all kinds of artwork and you can find tutorials on that tool via this site or via our video tutorials on youtube)

 

Smart guides are useful for the creation of the design but as it is a fairly basic design (and one that is odd that Adobe have never included in the toolbar - Affinity Photo has the design along with many other basic vectors for projects and all interactive)

 

feathers

With the above , you could just finish but you can always add more such as some lovely thin feathers at the end but you could as easily add circles or rectangles or other artworks to the other end of the graphic.

 

The feathers (on the right) are just very thin rectangles added to the end at 45 degrees and even there you can vary things such as adding them as 30 degrees etc or varied angles or perhaps more embellished lines could be used or perhaps even scans of actual feathers

 

Create the feathers by going to the rectangle tool in the toolbar (again, use it as a layer). Create a thin rectangle. Rotate 45 degrees. You can use the alt / opt to duplicate a thin rectangle and place them at the end of the graphic (relative to the head) - maybe duplicate them three or four times depending how many 'feathers; you want to add. You can select all those thin rectangles via the layers panel and use the alt / option to duplicate the feathers and transform / move them to the bottom of the graphic. Use the edit menu and transform command and flip horizontal command (mirroring the top feathers).

 

You can then select all the layers via the layers panel. Go to the layer menu and combine and unite the entire work and save the artwork as a CSH vector via the edit menu define command

 

Again, the smart guides should prove useful for the alignment of the feathers as you move them as the smart guides will show the vertical and horizontal alignment of the lines as well as the groupings of the lines in the layers

 

I often find it easier to work with designs by locking them and that can be done via the layers menu and lock layers command (where you can lock the transparency, position etc)

 

Ok, Now you have your very basic graphic, you can also use it as a brush stroke, as a pattern source, as a displacement file by saving the artwork to a PSD file. You can also convert it into a smart object and add effects and adjustments to re-color the work as well as layer styles to add a metallic effect to the art or a gel and the entire graphic can then be saved to the CC library for future projects

 

Keywords : How to create an arrow shape in Photoshop tutorial

 

Return to home page

 

Commercial use - Royalty free - No time limit, no credit - All by graphicxtras.com - Secure sales via shareit.com (c) 1995-2018 Andrew Buckle, Maidstone artist, tel: +44 1622 / 688 375 E-mail: support@ graphicxtras.com License and usage Privacy Facebook pinterest Twitter Youtube tutorials Instagram Linkedin