Create lines and arrows using the Line tool in Photoshop.
Try the app
Follow along with any image and learn how to use the Line tool.
Topics in this article:
- Draw a line
- Shapes mode options
- Pixel mode options
- Additional settings
- Draw an arrow
TheLine Toolallows you to draw a two-point line on the canvas. Lines can be drawn as vector shapes, paths, or pixels. Choose Shape mode if you want to make a non-destructive, scalable line that you can edit at a later date. Choose Pixels mode when working with rasterized content such as pixel art.
Watch the short video below to learn how to draw lines and arrows in Photoshop.
Read the full article to understand the step details.
Follow these quick steps to draw a line:
-
Select theLine tool
From the toolbar, click and hold theShapetool (
) group icon to bring up the various shape tool choices. Select the Line tool.
-
Set the width of your line
Shape mode:
Set the width of a shape linewith the Weight settings in the options bar.For best results, ensure theAlignsetting in theStroke optionsis set toCenterorOutside.The strokeweight will not be visible ifInsidealignment is selected.
Set the color and thickness of the stroke in the options bar.You can also set the width of your line without a stroke.
A. Set stroke thicknessB. Set line width
Path or Pixels Mode:
Set the width of your pixel line in the options bar by setting the Weight.
Note:
Pixelsmode and Weight are not available for theLine toolin Photoshop version 22.0-22.2
-
Click and drag
Click on the canvas, drag, and release to create a line.To constrain the line angle to a multiple of 45 degrees, hold down shift as you drag and draw the line.
A. Set various attributes and properties of the line tool by clicking on Stroke OptionsB. More Options
Line Mode
- To create a vector line, choose Shape.
Fill color
- Select a color from the list or click on the color picker to select a color. Alternatively, you can click the color swatch in the Appearance section of the Properties panel to choose a color. This will be used to fill the center of the arrowhead.
Stroke color
- Select a color from the list or click on the color picker to select a color. Alternatively, you can click the color swatch in theAppearancesection of thePropertiespanel to choose a color.This will color the line and the outside of the arrowhead.
Stroke width
- Enter the stroke width in pixels.
Weight
- Enter the line Weight in pixels.
More Options
- Preset: Choose from, solid line, dashed line, dotted line, or click on More Optionsto create a custom line preset.
- Align: SelectCenter or Outside. Strokeweight will not display ifInsidealignment is selected.
- Caps: You can choose between 3 line cap shapes:Butt, Round, or Square. Line cap shapes determine the shapes of the beginning and end of the line.
- Dashed Line: Customize the look of your dashed line by inserting numbers for the number of dashes and gaps in the repeating pattern.
Line Mode
- To create a pixel-based line, choosePixels.
Mode
- Select the desired blend mode. The default option is Normal.
Opacity
- Set the Opacity value from 1-100%.
Weight
- Set the desired line widthin pixels.
Click the gear icon ()on the Line tool options bar and select Live Shapes Controls to enable on canvas transform controls. This allows you to rotate and resize lines from the canvas. This will also scale the arrowheads.
Transform and Appearance settings can also be set from the Properties panel. This can be enabled on the main menu from Window > Properties.
To create an arrow, you simply add arrowheads to a line. After creating a line and setting the stroke color and width, click the gear icon ()on the Line tool options bar. To add an arrow at the beginning of your line, CheckStart; to add an arrow at the end of your line, checkEnd. To add arrows to both ends, check both Start and End.
- Set theWidthand Lengthof the arrowhead in pixels. In version 22.0 and above, arrowheads are defined in absolute pixels, not percent weight.
- Set the Concavity, theamount of curvature on the widest part of the arrowhead, where the arrowhead meets the line.Enter aConcavityvalue between –50% and +50%.
More like this
- Quick Tips: How to draw lines and arrows | Photoshop Community
- Drawing shapes | Photoshop Community
- Draw and edit shapes
- Add color to paths