How to draw an arrow in Photoshop tutorial

Learn how to draw an arrow in Photoshop tutorial etc. This tutorial is for raster / drawing of arrows in Photoshop CC 2018 2017 2015 2014 CS6 CS5 etc

Draw arrow in Photoshop

how to draw an arrow in Photoshop tutorial
  1. View menu for the arrow

  2. Show and grid

  3. Select the brush tool and color (black) and select the default basic soft round brush and size (40px)

  4. Click one of grid row / columns

  5. Hold shift down and move horizontally a couple of cells and click

  6. Go upwards and back at 45 degrees and holding shift and click

  7. Go back to the original end point

  8. Click and go down and back at 45 degrees while holding shift and click

You can create arrows in Photoshop by drawing with the brush tools (using all kinds of brush strokes). You can draw a freehand arrow in Photoshop but you can draw a "proper" arrow by using straight line brushes (hold down the shift to constrain the brush stroke). The arrow can be drawn in Photoshop by using a grid. You can also draw the arrows in Photoshop via scanned arrow designs (draw the arrows on a piece of paper) and then cleanup the arrow in Photoshop and add to the brushes or use the drawn arrow as a layer. This tutorial shows you how to draw an arrow in Photoshop using brushes as well as using a scanned image

CSH format, download


Buy $9.95

13,000 Custom shapes for Photoshop CC 2018 2017 2015 2014 CS6 CS5 etc and Photoshop elements - great for brush effects as well CSH 13,000 Custom shapes for Photoshop and Elements


The above is a basic arrow on the background layer. You could also draw the arrow on a layer. You could also draw the layer freehand without holding the shift key to force contstraint to a straight line. The above example shows a brush stroke arrow


A quick alernative to drawing an arrow, simply draw it using a shape via the presets browser

Draw an arrow on a Photoshop layer using Photoshop brush

draw an arrow in Photoshop and add effects
  1. Create document 400 x 400

  2. Go to the preferences

  3. Guides, grids and slices

  4. Set gridline every 100 pixels and subdivision 1

  5. OK

  6. View menu

  7. Show and grid

  8. Select the brush tool

  9. Set the color (black)

  10. Select to the default basic soft round brush and size (40px)

  11. Layer menu

  12. New layer

  13. Click the 2nd row / 1st column

  14. Hold shift and go to the 2nd row / 3rd column

  15. Click

  16. Hold shift down

  17. Goto to the 1st row and 2nd column and click

  18. Click 3rd row and 2nd column

  19. Hold shift down and go to the 2nd row / 3rd column

The above again is a very basic arrow and you could as easily have used a 20 x 20 sized grid and made a long arrow. The artwork is on a layer so effects and layer styles can be easily added to it such as bevel and shadow

Draw an arrow on a Photoshop layer freehand - a very quick and easy way to create unique arrow designs

scanned arrows drawing in PhotoshopYou can do this in Photoshop just by using the brush tools and an artpad and pens etc. You can also use a scanner

  1. Draw a lot of brushes on a piece of white paper

  2. Scan that image (Photoshop file menu and import and images from device)

  3. Go to image with arrows

  4. Select an area with an arrow and copy

  5. Paste into a new document

  6. Layer menu

  7. Flatten image

  8. Select menu

  9. Select and mask

  10. Select area of the arrow brush

  11. Output to selection (or one of the others)

  12. Drag into the libraries panel to store the design

Of course, you may wish to do a little cleanup on the image. The scanned white will probably not be very white and the selection will have a border so perhaps use the select menu and select and mask to obtain only the arrow. You should be able to get a pretty decent arrow drawing from the scanned artwork and that should be usable as a brush or layer

Other tutorials

1. Photoshop arrow shapes tutorial

Other resources such as arrow fonts and brushes

1. arrow fonts and shapes for Photoshop etc

2. Arrow brushes for Photoshop etc

Youtube video tutorials

1. How to draw a basic arrow in Photoshop (youtube)

Sources and references

1. Arrow designs on wikipedia


Return to home page


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


The graphic design products are priced in US dollars but they can also be bought in Euros, Yen, UK pounds, etc though please note that there may be additional taxes applicable which will be handled in the secure checkout. If you have any questions or queries about the products, please let us know and I will try and help by e-mail or via youtube etc. You can also add additional products as well as download protection and also purchase a physical CD via the The brushes and patterns etc work in a variety of applications and there are many freebie / samplers available to test them on your system before any purchase but again, if you have any concerns that the brushes etc will work with your favourite application, please let us know. The quickest way is probably to leave a message on our facebook page. The designs can be used as brushes and patterns and shapes etc but they can also be used just as images or layers as well as displacement maps or overlays or masks etc so even if the product is listed as a brush or shape, you can often also use the artwork as a layer and use the layer multiple times in the same project to create all kinds of unique and wonderful designs. The products on this site are copyright of Andrew Buckle but any products and artworks you create with these items are your copyright.