How to Draw an Arrow in Photoshop

In the following tutorial, you’ll learn everything you need to know about drawing an arrow in Photoshop. In just a few minutes, you’ll master the art of how to make an arrow in Photoshop.

However, if you don’t have the time to learn how to make an arrow in Photoshop, you can always try Envato, where you’ll find plenty of arrow brushes that can be used to create arrows in Photoshop with a simple click.

If you prefer a video to learn how to draw an arrow in Photoshop, here’s a quick tutorial from the Envato Tuts+ YouTube channel:

What You’ll Learn in This Quick Photoshop Arrow Shape Tutorial

  • How to create an arrow in Photoshop
  • How to draw a line with arrows in Photoshop
  • How to draw an arrow in Photoshop

1. How to Add Arrows in Photoshop Using Custom Shapes

The first method that you can use to learn how to add arrows in Photoshop is via the Shapes panel. Open this panel (Window > Shapes) and select Legacy Shapes and More from the drop-down menu to add the Legacy Shapes and More set of custom shapes.

Dig down into this set of custom shapes and go to All Legacy Default Shapes > Arrows where you will find a set of 20 custom arrow shapes. Simply click and drag the desired arrow to add it to a design.

click and drag an arrow Photoshop shape to add it to a designclick and drag an arrow Photoshop shape to add it to a designclick and drag an arrow Photoshop shape to add it to a design

Once you add the Legacy Shapes and More set of custom shapes, you can also access them while the Custom Shape Tool (Shift-U) is active.

Focus on the Options bar and click the Shape thumbnail to open the Shapes fly-out panel. Again, explore those subsets until you get to the Arrows set of shapes. Select the arrow shape that you like, and click and drag to add it to a design. Hold down the Shift key as you click and drag to constrain the proportions of your arrow shapes in Photoshop.

add the photoshop arrow custom shape to the designadd the photoshop arrow custom shape to the designadd the photoshop arrow custom shape to the design

2. How to Draw a Line With Arrows in Photoshop

The second method that you can use to draw an arrow in Photoshop is via the Line Tool (Shift-U) from your toolbar.

To use Photoshop to draw arrows, select it and focus on the Options bar, where you can choose the settings for the arrow that you’re about to add. Once you’re happy with the settings, simply click and drag to create a new arrow shape. Hold down the Shift key as you click and drag to easily create a straight arrow.

drawing a line with the photoshop arrow line tooldrawing a line with the photoshop arrow line tooldrawing a line with the photoshop arrow line tool

3. How to Create an Arrow in Photoshop Using Shape Tools

The third method that you can use to learn how to make an arrow in Photoshop is via the shape tools.

Create a rectangle and a triangle using the suitable shape tools and put these two shapes together to create a basic arrow in Photoshop.

create an arrow with the photoshop arrow shape toolscreate an arrow with the photoshop arrow shape toolscreate an arrow with the photoshop arrow shape tools

You can further edit these shapes using multiple anchor points and edit them to your liking in Photoshop to draw arrows that work for your projects.

For example, you can use the Add Anchor Point Tool to add an extra anchor point to the bottom side of your triangle. Turn this point into a sharp point using the Convert Point Tool, and then use the Direct Selection Tool (Shift-A) to move the point roughly as shown below.

customize the photoshop arrow shapecustomize the photoshop arrow shapecustomize the photoshop arrow shape

4. How to Draw Arrows in Photoshop Using Brushes

Finally, you can use brushes to easily draw arrows in Photoshop.

Select the Brush Tool (B) from your toolbar, select the desired brush, and simply click and drag to draw your brush. You can quickly use Photoshop to draw arrows this way.

draw arrows with the photoshop arrow brush tooldraw arrows with the photoshop arrow brush tooldraw arrows with the photoshop arrow brush tool

Drawing an arrow in Photoshop can be a bit challenging, especially if you’re looking to create some intricate arrow designs.

This is where Envato Elements comes in handy. Among millions of design resources, you will also find some amazing arrow designs, this being one of the many examples: Hand drawn arrow brushes. All you have to do is double-click the “63 Arrow Brushes.abr” file that comes with the pack, and a set of 63 arrow brushes will be added to the Brushes panel (Window > Brushes).

Select the arrow brush that’s right for your project, and with a simple click, you can add a smooth wavy Photoshop arrow shape like the one shown below.

customize your arrow with the photoshop arrow brushcustomize your arrow with the photoshop arrow brushcustomize your arrow with the photoshop arrow brush

Congratulations! You’re Done Creating Photoshop Arrow Shapes!

Now that you know how to draw arrows in Photoshop, feel free to use these techniques in your future projects. You saw just how easy it can be to create your own arrow shapes in Photoshop and tweak them to perfection.

However, if you don’t feel like learning how to add arrows in Photoshop, you can find some great sources of inspiration at Envato, your one-stop creative destination offering unlimited downloads from a huge range of high-quality assets, like these Photoshop arrow shapes:

arrow photoshop options from Envato Elementsarrow photoshop options from Envato Elementsarrow photoshop options from Envato Elements

Want to Learn More?

If you liked this quick Photoshop arrow tutorial and want more, we have loads of different tutorials on Envato Tuts+, from beginner to intermediate level. Take a look!


This content originally appeared on Envato Tuts+ Tutorials and was authored by Andrei Marius

In the following tutorial, you'll learn everything you need to know about drawing an arrow in Photoshop. In just a few minutes, you'll master the art of how to make an arrow in Photoshop.

However, if you don't have the time to learn how to make an arrow in Photoshop, you can always try Envato, where you'll find plenty of arrow brushes that can be used to create arrows in Photoshop with a simple click.

If you prefer a video to learn how to draw an arrow in Photoshop, here's a quick tutorial from the Envato Tuts+ YouTube channel:

What You'll Learn in This Quick Photoshop Arrow Shape Tutorial

  • How to create an arrow in Photoshop
  • How to draw a line with arrows in Photoshop
  • How to draw an arrow in Photoshop

1. How to Add Arrows in Photoshop Using Custom Shapes

The first method that you can use to learn how to add arrows in Photoshop is via the Shapes panel. Open this panel (Window > Shapes) and select Legacy Shapes and More from the drop-down menu to add the Legacy Shapes and More set of custom shapes.

Dig down into this set of custom shapes and go to All Legacy Default Shapes > Arrows where you will find a set of 20 custom arrow shapes. Simply click and drag the desired arrow to add it to a design.

click and drag an arrow Photoshop shape to add it to a designclick and drag an arrow Photoshop shape to add it to a designclick and drag an arrow Photoshop shape to add it to a design

Once you add the Legacy Shapes and More set of custom shapes, you can also access them while the Custom Shape Tool (Shift-U) is active.

Focus on the Options bar and click the Shape thumbnail to open the Shapes fly-out panel. Again, explore those subsets until you get to the Arrows set of shapes. Select the arrow shape that you like, and click and drag to add it to a design. Hold down the Shift key as you click and drag to constrain the proportions of your arrow shapes in Photoshop.

add the photoshop arrow custom shape to the designadd the photoshop arrow custom shape to the designadd the photoshop arrow custom shape to the design

2. How to Draw a Line With Arrows in Photoshop

The second method that you can use to draw an arrow in Photoshop is via the Line Tool (Shift-U) from your toolbar.

To use Photoshop to draw arrows, select it and focus on the Options bar, where you can choose the settings for the arrow that you're about to add. Once you're happy with the settings, simply click and drag to create a new arrow shape. Hold down the Shift key as you click and drag to easily create a straight arrow.

drawing a line with the photoshop arrow line tooldrawing a line with the photoshop arrow line tooldrawing a line with the photoshop arrow line tool

3. How to Create an Arrow in Photoshop Using Shape Tools

The third method that you can use to learn how to make an arrow in Photoshop is via the shape tools.

Create a rectangle and a triangle using the suitable shape tools and put these two shapes together to create a basic arrow in Photoshop.

create an arrow with the photoshop arrow shape toolscreate an arrow with the photoshop arrow shape toolscreate an arrow with the photoshop arrow shape tools

You can further edit these shapes using multiple anchor points and edit them to your liking in Photoshop to draw arrows that work for your projects.

For example, you can use the Add Anchor Point Tool to add an extra anchor point to the bottom side of your triangle. Turn this point into a sharp point using the Convert Point Tool, and then use the Direct Selection Tool (Shift-A) to move the point roughly as shown below.

customize the photoshop arrow shapecustomize the photoshop arrow shapecustomize the photoshop arrow shape

4. How to Draw Arrows in Photoshop Using Brushes

Finally, you can use brushes to easily draw arrows in Photoshop.

Select the Brush Tool (B) from your toolbar, select the desired brush, and simply click and drag to draw your brush. You can quickly use Photoshop to draw arrows this way.

draw arrows with the photoshop arrow brush tooldraw arrows with the photoshop arrow brush tooldraw arrows with the photoshop arrow brush tool

Drawing an arrow in Photoshop can be a bit challenging, especially if you're looking to create some intricate arrow designs.

This is where Envato Elements comes in handy. Among millions of design resources, you will also find some amazing arrow designs, this being one of the many examples: Hand drawn arrow brushes. All you have to do is double-click the "63 Arrow Brushes.abr" file that comes with the pack, and a set of 63 arrow brushes will be added to the Brushes panel (Window > Brushes).

Select the arrow brush that's right for your project, and with a simple click, you can add a smooth wavy Photoshop arrow shape like the one shown below.

customize your arrow with the photoshop arrow brushcustomize your arrow with the photoshop arrow brushcustomize your arrow with the photoshop arrow brush

Congratulations! You're Done Creating Photoshop Arrow Shapes!

Now that you know how to draw arrows in Photoshop, feel free to use these techniques in your future projects. You saw just how easy it can be to create your own arrow shapes in Photoshop and tweak them to perfection.

However, if you don't feel like learning how to add arrows in Photoshop, you can find some great sources of inspiration at Envato, your one-stop creative destination offering unlimited downloads from a huge range of high-quality assets, like these Photoshop arrow shapes:

arrow photoshop options from Envato Elementsarrow photoshop options from Envato Elementsarrow photoshop options from Envato Elements

Want to Learn More?

If you liked this quick Photoshop arrow tutorial and want more, we have loads of different tutorials on Envato Tuts+, from beginner to intermediate level. Take a look!


This content originally appeared on Envato Tuts+ Tutorials and was authored by Andrei Marius


Print Share Comment Cite Upload Translate Updates
APA

Andrei Marius | Sciencx (2022-04-13T21:46:00+00:00) How to Draw an Arrow in Photoshop. Retrieved from https://www.scien.cx/2022/04/13/how-to-draw-an-arrow-in-photoshop/

MLA
" » How to Draw an Arrow in Photoshop." Andrei Marius | Sciencx - Wednesday April 13, 2022, https://www.scien.cx/2022/04/13/how-to-draw-an-arrow-in-photoshop/
HARVARD
Andrei Marius | Sciencx Wednesday April 13, 2022 » How to Draw an Arrow in Photoshop., viewed ,<https://www.scien.cx/2022/04/13/how-to-draw-an-arrow-in-photoshop/>
VANCOUVER
Andrei Marius | Sciencx - » How to Draw an Arrow in Photoshop. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2022/04/13/how-to-draw-an-arrow-in-photoshop/
CHICAGO
" » How to Draw an Arrow in Photoshop." Andrei Marius | Sciencx - Accessed . https://www.scien.cx/2022/04/13/how-to-draw-an-arrow-in-photoshop/
IEEE
" » How to Draw an Arrow in Photoshop." Andrei Marius | Sciencx [Online]. Available: https://www.scien.cx/2022/04/13/how-to-draw-an-arrow-in-photoshop/. [Accessed: ]
rf:citation
» How to Draw an Arrow in Photoshop | Andrei Marius | Sciencx | https://www.scien.cx/2022/04/13/how-to-draw-an-arrow-in-photoshop/ |

Please log in to upload a file.




There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.