• Global community
    • Language:
      • Deutsch
      • English
      • Espaรฑol
      • Franรงais
      • Portuguรชs
  • ๆ—ฅๆœฌ่ชžใ‚ณใƒŸใƒฅใƒ‹ใƒ†ใ‚ฃ
    Dedicated community for Japanese speakers
  • ํ•œ๊ตญ ์ปค๋ฎค๋‹ˆํ‹ฐ
    Dedicated community for Korean speakers
Exit
4

๐Ÿ”Ž Quick Tip: How to create lines and arrows in Photoshop

Adobe Employee ,
Jan 05, 2023 Jan 05, 2023

Copy link to clipboard

Copied

โ€ƒ

 

2QUICK TIPS format header.jpg

 

Lines and Arrows

 

Did you know you can draw lines and arrows with the line tool?  You can make a pixel based line, or if you want to make a scalable line that you can edit later, you can use the Shape mode and draw a vector line. Follow the steps below to draw either type of line. You can also check out the video showing how to draw a shape based line with an arrowhead.

 

 

 

 

How to draw a Shape based line with an arrowhead

 

โถ  Click and hold the Shape tool group iconps-shapetool.png ) in the toolbar to bring up the tool options and select the Line tool.

Note: any one of these shapes may be visible on the toolbar. On mine, the rectangle was showing. The one showing will be determined by which one was used most recently.

 

Screen Shot 2022-06-20 at 3.53.58 PM.png

โ€ƒ

 

โท Choose Shape from the line mode options.

โธ Set the Fill color in the Options bar to the color you want the line to be.

โน Set the line width of the line by adjusting the Weight in the Options bar.

 

Options bar.jpg

โ€ƒ

 

โบ Click on the gear on the options bar to see arrowhead options.

โป Click on Start and/or End to create an arrowhead at either end of the line.

โผ Set the width, length, and concavity for your arrowhead.

 

Screen Shot 2022-08-10 at 5.03.02 PM.png

  

  

โฝ If you want to have an outline around the arrow, You can set the color and thickness of the stroke in the menu bar.

 

stroke line.jpg

โ€ƒ

 

โพ Now, to draw the arrow, just click and drag in the canvas to draw a line. Hold shift to constrain the line to the nearest 45 degrees.

 

Arrow samples.jpg

 

 

For more information about line options, visit Work with the line tool.

 

 

How to draw a Pixel based line

 

โถ Click and hold the Shape tool group icon ( ps-shapetool.png ) in the toolbar to bring up the shape tool choices and Select the Line tool.

 

Screen Shot 2022-06-20 at 3.53.58 PM.png

 

 

โท Click on the options pulldown and select Pixel

pixel mode.jpg

โ€ƒ

 

โธ Set the Weight in Pixels in the Options bar.

โน Set the foreground color to the color you want the line to be

 

Screen Shot 2022-08-09 at 5.16.25 PM.png

โ€ƒ

 

โป (Optional) Create arrowheads.

  • If you want arrowheads, click on the gear on the options bar to see options.
  • Click on Start and/or End to create an arrowhead at either end of the line.
  • Set the width, length, and concavity for your arrowhead.

 

โบ Click and drag in the canvas to draw a line. Hold shift to keep the  line straight  and aligned to the nearest 45 degrees.

 

Besides drawing your own arrows using lines and arrowheads, you can also use custom shapes. See Find and use Legacy Shapes to learn how to get to the legacy shapes. In the All Legacy Default Shapes folder, you will find an entire folder of different types of arrows.

 

If you want to learn more about Photoshop in little bite-sized chunks, visit our Photoshop Quick Tips home page. It's loaded with tips, features, and projects you can try,

 

Related links:

Find and use Legacy Shapes

Work with the line tool

Draw and edit shapes

Drawing shapes just got easier

 

 

 

 

 

 

TOPICS
macOS , Windows

Views

1.0K

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
no replies

Have something to add?

Join the conversation
Adobe