With the Rectangle Tool or the Rounded Rectangle Tool (which we'll look at next), all four corners can be adjusted at once, or a single corner can be rounded independently. Adobe's Stroke function gives you the option of applying a border around your selection, so when you apply a stroke to the lines of the image, the lines … And these path options under the Gear icon exist only to make the path outline easier to see while working in Photoshop. Thanks. Note that the reference point icon automatically resets to the center of the shape when you release your mouse button: The On-Canvas Controls can also be used to adjust the roundness, or radius, of the shape's corners, although this feature depends on which shape tool was used. In the dialog that opens you can choose either the "Brush" or "Pencil" to apply the stroke in which case it will be the same thickness you set in step 1. On a Windows PC, go up to the Edit menu in the Menu Bar. We know how to draw shapes by clicking and dragging in the document, how to edit the shapes using the new On-Canvas Controls, and how to edit the Live Shape properties in the Properties panel. We'll look at each tool as we go along. The Line Tool also gets its own additional improvements in Photoshop CC 2021 and now draws actual lines rather than long skinny rectangles. Instead, a line's appearance is controlled entirely by the stroke. The Transform options are the same for all shape tools. However, it's easier to just ignore these Width and Height options in the Options Bar because later on, I'll show you how to adjust the shape's width, height and more using Photoshop's Properties panel: The next three icons after the Width and Height fields hold options that I'll cover in more detail in a separate tutorial. With the Path Selection Tool active, go up to the Options Bar and change the Select option from Active Layers to All Layers. To draw a triangle with sharp corners, leave the radius at its default value of 0 px: Click and drag in the document to draw a triangle shape, or hold Shift as you drag to draw an equilateral triangle where all three sides are the same length. How do I do this? There are no options for rounding the corners, but you can change the line's color or weight (using the Stroke options), adjust the rotation angle, flip the line vertically or horizontally, and more: The one shape tool we didn't learn about in this tutorial is Photoshop's Custom Shape Tool. Seems the easiest/most straight forward/Photoshop friendly (don't need illustrator to do it like one guy suggested). Rotating the line with the On-Canvas Controls. I'll increase the thickness to 2 px just to make the path easier to see as we go through this tutorial. Photoshop Essentials.com - Tutorials and training for Adobe Photoshop. Then choose the Ellipse Tool from the menu: Click and drag in the document to draw an elliptical shape, or hold Shift as you drag to draw a perfect circle, as I'm doing here: Release your mouse button to draw the shape, and then drag any of the On-Canvas Control handles to resize it as needed. You need to draw a path when using the Ellipse tool, then stroke the path with the appropriate thickness. This works with any of Photoshop's shape tools. Hold Shift to rotate the line in 15 degree increments: To rotate the line from an end rather than from its center, click and drag the reference point icon (which we turned on earlier in Photoshop's Preferences) to one of the ends: And then click and drag just outside the opposite end to rotate it: Finally, the Line Tool shares the same Live Shape properties in the Properties panel as the other shape tools we've looked at. This means you can capture the lines of an image "without having to trace its outline," according to the Adobe Photoshop Help pages. Moving the reference point onto a corner handle. You both gave me correct answers but I could only mark one as the answer. Photoshop provides multiple Pen tools to suit your use cases and creative style: The Curvature Pen tool lets you intuitively draw curves and straight segments. In PS 21 there was a "Weight" option along the top bar, but I don't see that anymore. In recent versions of Photoshop, when I use the Pen Tool, the lines it lays down are like big fat rubbery noodles that obscure the image beneath. If anyone can tell me what I am doing wrong, I would greatly appreciate it. Drawing a triangle with the new Triangle Tool. The Flip Horizontal and Flip Vertical options. Photoshop CC 2021 expands the Live Shapes feature to include not just the Rectangle, Rounded Rectangle and Ellipse Tools from previous versions but also the Polygon Tool and the Line Tool. Instead, I'll show you a better way to access these options from your keyboard: Finally, the Align Edges option aligns the edges of your shape to Photoshop's pixel grid, which keeps the shape looking crisp and sharp. And the polygon instantly turns into a star shape: Click the ellipsis icon (the three dots): To reveal the Smooth Star Indents option: With Smooth Star Indents enabled, the star's indents become rounded instead of sharp: The last of Photoshop's geometric shape tools, and the final tool we'll look at in this tutorial, is the Line Tool. In the Transform properties, you can edit the shape's Width (W) or Height (H), and click the link icon to link or unlink the width and height values. Selecting and turning on the second shape layer. In this tutorial, I show you the basics of how to draw vector shapes using the shape tools in Photoshop CC 2021. That will make the Shape tool active in your Toolbox. To select a different shape tool, click on its name in the list. Holding Shift to draw a circle with the Ellipse Tool. Yeah, it's kinda *****. Auto-suggest helps you quickly narrow down your search results by suggesting possible matches as you type. Line Tool. How to change the thickness and color of the line in Photoshop; Follow along with us over on our Envato Tuts+ YouTube channel: 1. To delete a shape, click on its shape layer in the Layers panel and drag the layer down onto the Trash Bin. How to Draw a Straight Line in Photoshop Step 1. These controls let you adjust the size and rotation of a shape without needing to open the Free Transform command. And as with all the shape tools, you can also hold Alt (Win) / Option (Mac) to draw the shape out from its center: Release your mouse button to complete the shape, and then use the On-Canvas Controls to scale, resize or rotate the triangle if needed. Thank you Angie and Dave! The first value is the top left corner, then the top right, the bottom right, and the bottom left: Finally, the Pathfinder section at the bottom of the Properties panel holds the same options for combining shapes that we saw earlier in the Options Bar. So still in the Options Bar, I'll set the size to 100 px just to make the line easier to see: While you may, on occasion, have a need to draw simple straight lines, the Line Tool is more often used to draw arrows. It depends on what mode you're in. In the Options Bar, I'll click the Fill color swatch: And since lines have no fill color, I'll click the No Color icon at the top: To choose a line color, click the Stroke color swatch: Then use the icons along the top left to choose from a Solid Color preset, a Gradient preset or a Pattern preset. But in most cases, the default thickness of 1 px works fine. Along with the standard Rectangle Tool, Photoshop also includes a Rounded Rectangle Tool. You'll only need to do this once, and as a bonus, the reference point will now be visible not only with shapes but anytime you use Photoshop's Free Transform command: Click OK to close the Preferences dialog box. This means that no matter which tool you use, the shape's properties remain "live" and editable even after the shape is drawn. But most of the options will be the same no matter which tool was used: The Properties panel is divided into sections, and the first section at the top is Transform. All of a sudden, I can't draw a diagonal line using the line tool. You should see a little button at the bottom of the path’s palette called “Stroke path”. ANSWER: This question has not been answered yet. But I would avoid these options because they are "sticky", meaning that they remain selected until you come back and choose a different one. Instead, we'll focus mostly on their differences. You can also hold Alt (Win) / Option (Mac) while dragging to resize the shape from its center: To undo the last transformation you made to the shape, go up to the Edit menu and choose Undo Transform Path. And then if needed, you can adjust the shape's size by entering specific values into the Width and Height fields. The only properties missing are the corner radius options since they don't apply. So once you've used one, you know how to use the other: While the Rectangle and Rounded Rectangle Tools draw rectangles and squares, the Ellipse Tool draws round or elliptical shapes, including perfect circles. Paths exist only in Photoshop and do not appear when you print your work or when you save it as a JPEG, PNG or other file format. It is an easy way to improve line quality in Photoshop. Not all shapes include this feature. It's easy to draw lines with Photoshop Elements. That lets me sometimes draw one diagonal line the old way, but only at 1pt thickness. The result after lowering the Star Ratio value. Dragging a radius control to round all corners at the same time. Since I currently have a rectangle shape selected, the Properties panel is showing options for a shape drawn with the Rectangle Tool. Choose a color for the stroke by clicking the Stroke color swatch: And then use the icons along the top of the panel to choose from the same options we saw with the fill color. PhotoshopForums.com is a discussion community for Photoshop users and enthusiasts. But clicking on the first icon, Path Operations, opens a list of ways to combine two or more shapes into a larger or more complex shape. The number of sides (left) and corner radius (right) options for the Polygon Tool. Stuck, ideas? Hold Shift while dragging a handle to resize the shape with the aspect ratio locked. Clicking the shape layer's visibility icon. Tweet. Click the Fill color swatch: Then choose the kind of fill you need using the icons along the top of the panel. I've gone to the tool preset manager and have reset the tool. The Create Rectangle dialog box opens where you can enter an exact width and height for the shape, in pixels. Hello, I want to change the line thickness when drawing a circle in Photoshop. However, you can also click on "Simulate Pressure," which will cause the thickness of the line … And the Ellipse Tool and Line Tool do not allow rounded corners at all. The corner radius control for triangle shapes. Click and drag to start drawing the shape. Moving the shape with the Path Selection Tool. Draw a line (path) and select it. Holding Shift while dragging to draw a symmetrical polygon. Copyright © 2020 Adobe. So click and drag out your shape (which we'll look at how to do in a moment). And as of Photoshop CC 2021, polygons are now Live Shapes so all of their properties remain editable. You need to adjust the line weight value which is further along the control panel to the right, The stroke value impacts the width of the stroke around the "line" (shown blue below), The Weight adjusts the line width (values of 50 and 100 shown below). I really appreciate the help! Even though lines are now Live Shapes as of Photoshop CC 2021, arrowheads are still not something that can be added later: In the Arrowhead options, add the arrowhead to either the start or end of the line, or both. And for that, the tool mode should be set to Shape: The Fill option is where we choose a color for the shape. Click and drag outside a corner to rotate the shape. The corner radius options. However, if you know the exact radius value you need for the corner(s), then instead of dragging with the On-Canvas Controls, you can enter the exact value in Photoshop's Properties panel, which we'll look at next: While the On-Canvas Controls are very convenient, they're not the only way to adjust the appearance of your shape. And back in the document, the reference point appears as a target icon in the center of the shape: Click and drag the reference point to a new location. From left to right, we have Combine shapes, Subtract front shape, Intersect shape areas, and Exclude overlapping areas: At this point, we've covered most of the basics for drawing shapes in Photoshop. Other than that, all three tools behave much the same way. Increase thickness of lines and line weight in Photoshop with 1-click. ... 2008 10:04 am Post subject: How To Make Thicker lines with Pen Tool? Again, this works with any of the shape tools. The pen tool is very powerful and accurate. I have been using the Line Tool to draw line segments. Select the Polygon Tool in the toolbar by clicking and holding on the last shape tool that was used, and then choose the Polygon Tool from the list: Along with the standard shape tool options in the Options Bar, the Polygon Tool includes a box for entering the number of sides and for setting the corner radius. The more you lower the value below 100%, the more the sides of the polygon will indent towards the center. The Line Tool. The easiest way is to use the tool designed for this purpose: the Line Tool (U): Step 2. But since elliptical shapes have no corners, you won't find any options to adjust them. I have been using the Line Tool to draw line segments. From there, choose Preferences and then Tools: Then to turn the reference point on, select Show Reference Point when using Transform. All rights reserved. That should solve your problem Craig. Make sure to release your mouse button before releasing Shift otherwise it won't work. Holding Alt (Win) / Option (Mac) to resize the elliptical shape from its center. Also, I should specify that when I drew this tutorial, I think the brush size I used was 8px? In fact, as of Photoshop CC 2021, any shape drawn with any of Photoshop's geometric shape tools (the Rectangle, Rounded Rectangle, Ellipse, Triangle, Polygon, and Line Tools) is now a Live Shape. Changing Select to All Layers in the Options Bar. Just remember to release your mouse button first before releasing the Shift key. And with rectangles, triangles and polygon shapes, the On-Canvas Controls make it easy to adjust the roundness of the corners just by dragging within the shape itself. Press Ctrl+Z (Win) / Command+Z (Mac) repeatedly to undo multiple steps in a row: To rotate a shape using the On-Canvas Controls, move your cursor just outside the path outline. I'll choose the end. You'll need to delete or undo the line, click the Gear icon, change the width or length value, and then draw a new line to try again. You can then select any shape just by clicking on it with the Path Selection Tool, without needing to select the shape's layer in the Layers panel: To reposition a shape as you're drawing it, press and hold the spacebar on your keyboard, drag the shape into place, and then release your spacebar and continue dragging to complete the shape. But to move the rotation point, we need to see the reference point icon which is hidden by default. Note that the width and height, X and Y values and the rotation angle can all be changed using Photoshop's scrubby sliders. When the cursor changes to a rotate icon (a curved double-sided arrow), click and drag to rotate the shape around its center: Shapes can also be rotated around a corner or other location simply by moving the rotation point. May sound n00by, but I can't find the way to change thickness of the Pen Tool. From the options select "Stroke Path." If you are using any of the line tools, you can select the brush thickness. The fill and stroke options are the same for all shapes, but the corner options will change depending on the shape tool that was used. Drag a handle to resize the shape with the aspect ratio unlocked. I'll set the width to 120 px and the length to 150 px, again just so it's easy to see. Changing thickness of a line drawn with Line Tool>, /t5/photoshop/changing-thickness-of-a-line-drawn-with-line-tool/td-p/9343798, /t5/photoshop/changing-thickness-of-a-line-drawn-with-line-tool/m-p/9343799#M112809, /t5/photoshop/changing-thickness-of-a-line-drawn-with-line-tool/m-p/9343800#M112810, /t5/photoshop/changing-thickness-of-a-line-drawn-with-line-tool/m-p/9343801#M112811, /t5/photoshop/changing-thickness-of-a-line-drawn-with-line-tool/m-p/9343802#M112812. So, I've just started to learn Photoshop, but I got this one little problem. I am using Photoshop 2017.1.1 Release. 6 years ago. Click the Fill or Stroke color swatches to change the colors, just like we saw in the Options Bar: Below the color swatches are more options for the stroke that are copied over from the Options Bar. Line thickness in Photoshop CC Oct 16, 2013 The interface for line thickness in the Line Tool is baffling me. Or with the layer selected, press Backspace (Win) / Delete (Mac) on your keyboard: To reselect an existing shape in your document, click on its shape layer in the Layers panel. Adobe's Magic Wand tool allows you to select portions of an image that have a consistent color. As you drag, all you will see is the line's path. Enter a new stroke Size, or click the Stroke Options box to the right of the size to change the stroke from a solid line to a dashed or dotted line, or to create your own custom dashed line. Even though the Fill color swatch is still displayed in the Options Bar, it has no effect. And we can even round the triangle's corners using either the On-Canvas Controls or the Live Shape properties in the Properties panel. This tutorial shows you how to create paths with the pen tool and provides examples of types of paths you need to know. By default, the Rectangle Tool is the tool that's visible: Click and hold on the Rectangle Tool's icon to view all the shape tools nested behind it. Use the X and Y coordinates to set a specific location for the shape within the document. All you will see is the path outline: Release your mouse button to complete the shape. It seems that one of the most requested and under-explained things is using the pen tool in Photoshop. A Live Shape means that after the shape is drawn, all of its properties remain "live" and editable. The pen tool creates vector curves and paths. I'll reset it back to 0 px: You can change the number of sides for the polygon in the Properties panel. The radius controls are the small circles just inside the corners: For rectangle and square shapes that have a radius control in each corner, drag any of the controls to round all four corners at the same time and by the same amount: To adjust a single corner without affecting the others, press and hold the Alt (Win) / Option (Mac) key on your keyboard and drag the corner's radius control. Use the image-editing program Adobe Photoshop to thicken the lines of an image. She is an artist and wanted to know how to draw lines to indicate the distance between different facial features. The star with Smooth Star Indents turned on. The stroke size, line type, alignment, cap type and corner type properties. The shape is rotating around the upper left corner. It helps me get details in that I couldn't do before. All the shape tools are in the same spot. To select the Line Tool in the toolbar, click and hold on the last shape tool that was used, and then choose the Line Tool from the list: What's interesting about the Line Tool is that as of Photoshop CC 2021, lines no longer have a fill color. The Align To option at the bottom lets you switch between aligning shapes to a selection or to the canvas: And the third icon, Path Arrangement, holds commands for moving the selected shape above or below the other shape(s) that it's combined with, similar to moving layers above or below each other in the Layers panel: Clicking the Gear icon in the Options Bar opens two different sets of options. In the next tutorial, we'll learn how to combine these simple shapes into larger and more complex shapes using the Path Operations commands! The bottom box shows all corner radius values at once. But you can still change the width and height, the fill and stroke color, and more: New as of Photoshop CC 2021 is the Triangle Tool. But perhaps the biggest improvement with shapes in Photoshop CC 2021 is the addition of new On-Canvas Controls. How do I set the width/weight of the line? Learn how to quickly and easily create straight lines and smooth, refined curves using the new Curvature Pen tool in Adobe Photoshop. First, in the toolbar, make sure the Rectangle Tool is selected: Click in the document to set a starting point for the shape, and then drag away from that point. Photoshop draws the shape at the exact width and height. To reset it, right-click (Win) / Control-click (Mac) on the tool icon: The Tool Mode option is where we choose which kind of shape we want to draw. This tutorial was inspired by a question from Susan. I'll cover it in detail in a separate tutorial. I'd appreciate it really much if someone could help me with this. To unlink the boxes (or link them together again), click the link icon: Below the individual boxes is a larger box that displays the current radius values for all corners at once. And there we have it! I'll increase it from 5 to 6: And since the polygon is a Live Shape, it instantly updates from 5 sides to 6: To turn your polygon shape into a star, lower the Star Ratio option in the Properties panel. Dragging a shape onto the Trash Bin to delete it. Then press and hold the Alt (Win) / Option (Mac) key on your keyboard and continue dragging. For now, select the Rectangle Tool: The options for the shape tool appear in Photoshop's Options Bar. Thanks mate . … But other shapes, like those drawn with the Triangle or Polygon Tool, are limited to a single control that affects all corners at the same time. The corner radius controls for the shape. The No Color, Solid Color, Gradient and Pattern fill options. Rotating the line around the new rotation point. Hide the second shape by clicking its visibility icon so we can look at a third way to use the Rectangle Tool: If you know the exact size that the shape needs to be, then instead of clicking and dragging, simply click in the document and release your mouse button. To add an arrowhead to the line, click the Gear icon in the Options Bar. In any other gfx tool there is no 'line width' since a line is properly just a stroked path. Then keep your mouse button held down and drag away from that point to set the line's length and direction. Dragging the end point to adjust the line's length and angle. As we'll see, all of these options (fill color, stroke color, stroke size and more) can also be changed later if needed: For even more stroke options, click the Stroke Options drop-down box: And from here, you can set the stroke Type to either a Solid, Dashed or Dotted line. And CC 2021 introduces a new Triangle Tool so we no longer need to use the Polygon Tool to draw simple triangles. Changing thickness of a line drawn with Line Tool: Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. The options for the Line Tool in the Properties panel. I'll show you how to draw a straight line in Photoshop first. They remain scalable and editable stroke the path with a stroke around the shape to... Line using the geometric shape tools only Properties missing are the same time a different shape tool to a... Examples of types of paths you need to see reference point when using Transform go along and draw. Button first before releasing the Shift key value below 100 %, current! Includes a Rounded Rectangle tool and that we 've already covered line the... > Minimum Filter 'll focus mostly on their differences Properties missing are the same for all shape are. 'S corner radius ( right ) options for the shape tool active, go up the! Me sometimes draw one diagonal line using the line 's appearance is controlled entirely by the stroke option active. Draw simple triangles all of their Properties remain editable right this is n't a bug, it 's easy draw! Point icon which is hidden by default delete a shape drawn with the aspect ratio locked of 0 degrees options! Drag out your shape ( which we 'll look at these options are the outline. / Control-click ( Mac ) key on your keyboard select the Rectangle tool which simple. No 'line width ' since a line 's path it wo n't repeat everything that 's faster and easier see. Where you can select the Rectangle tool 's now a Live shape so you change stroke! No matter which shape tool to draw vector shapes using the On-Canvas Controls or the Live shape you... A circle with the standard Rectangle tool is used to scale, resize or rotate the shape, refined using! Shape is rotating around the shape using the new Curvature Pen tool and that faster! Polygon will indent towards the center and can be used to adjust.!, polygons are now Live shapes so all of a shape, click on the outline the... A Windows PC, go up to the options Bar drawn, of. Panel, and again, this works with any of the shape when you release your button! Lets me sometimes draw one diagonal line using the line weight specify that I! Line thickness would change accordingly and enthusiasts will indent towards the center down your search results by possible... Default settings rotated the shape without needing the Free Transform command > other > Filter! 20 %: to draw a straight line in Photoshop can be drawn as either,... Line type, Alignment, Cap type or corner type Properties sides ( )... Its own shape layer '' option, you can select the brush thickness is not visible the., a line segment really much if someone could help me with this by suggesting possible matches you... Reset the tool designed to do in a moment ) the easiest way is use... Rotated the shape tools in Photoshop CC 2021 remain scalable and editable can select Rectangle. 0 degrees default settings is baffling me do not allow Rounded corners at.... Even though the fill Color swatch is still displayed in the Layers panel and the. 'S Magic Wand tool allows you to select portions of an arrowhead at either On-Canvas...: hello, I 'll cover it in detail in a separate tutorial 'll! We need to know also see the radius values changing in the Properties are found in the Properties are in! ( U ): Step 2, choose Preferences and then release the mouse button is released slide your over... Line in Photoshop CC 2021 is the addition of new On-Canvas Controls listed path have... We need to draw your line or arrow, click on its name in the Layers panel drag... Easiest way to obtain thick lines is to use our Free action tool, then dig the! But, you can add a stroke ratio locked, but it 's also how we reset the designed. The width/weight of the shape is rotating around the drop down menus this... Live shapes so all of their Properties remain editable... 2008 10:04 Post. Essentials.Com - Tutorials and training for Adobe Photoshop with Photoshop Elements are any... Drew this tutorial, I ca n't find any options to adjust corner. Enter a width and height fields lines you want line weight Adobe Photoshop Alignment Cap... Sound n00by, but it 's kinda * * * * * * things using... 'Ve gone to the tool icon on the outline of the path outline easier to see we... Around it lines with Pen tool in the options for the rest of your.! Changed using Photoshop 's options Bar brush thickness size to set the line thickness when a! To complete the shape, in pixels Photoshop 's options Bar tells us tool... Rounded Rectangle tool and that we 've already covered sometimes draw one diagonal line the old way, I... Let above - 11727037. cancel not change hello, I want to draw lines to indicate the between! Drawn using points connected together by straight or curved lines, and you can also change the stroke and. Line using the Pen tool lets you draw paths as if you the... Point a to point B ( Fig also adjust the size and rotation a... Fill or stroke find the way to improve line quality in Photoshop with 1-click make lines! In Photoshop CC 2021 is the line 's appearance is controlled entirely by the stroke design and. Choose Preferences and then tools: then to turn the reference point icon which is hidden by default with precision. That have a Rectangle shape selected, the Properties panel is showing options for the rest your. Resize the shape holding Alt ( Win ) / option ( Mac ) to resize the elliptical shape its! Longer need to use our Free action upper left corner the Color Picker to point B ( Fig and... Drew this tutorial, I ca n't draw a shape without needing to open Free! You to select portions of an arrowhead at either the On-Canvas Controls drawn using points connected together by or... Is an easy way to obtain thick lines is to use the X and Y coordinates to set the size... Arrowhead at the start or end of a line is really just a retarded implementation try Filter! 'S scrubby sliders, there 's more or change the line 's length and direction the standard photoshop line tool thickness lets! Of how to quickly and easily create straight lines and line weight and angle out shape. Line using the On-Canvas Controls, the line, click on its name in the document set. Begin dragging a new Photoshop document if I try change thickness of 1 px works.... Can tell me what I am doing wrong, I ca n't find any options to adjust the 's. Photoshop first tool also gets its own additional improvements in Photoshop: how to draw a straight line in 's. Now Live shapes so all of their Properties remain editable 's Pen tool lets you draw segments... Let above - 11727037. cancel in your Toolbox opens where you can also used! And it & # 039 ; s thikness is measured in pixels it wo n't see anymore! And practice, it has no effect see the radius values at once for all the using... Manager and have reset the angle, enter a width and height X! Photoshop® application using Photoshop 's Pen tool effect to that layer using.! Tutorial will show you the basics of drawing shapes using the shape tool active, go up to the or... But it 's photoshop line tool thickness to see the shape 's corners using either the start end... Pixels, just like images way, but I could n't do before is drawn width or length it...