As soon as you release your mouse button, Photoshop fills the shape with the color or fill type you selected in the Options Bar:
As soon as you release the left mouse button, Photoshop fills the shape with a color or other preset fill.
Changing the size of a shape after you've drawn it
After you have drawn your initial shape (in our case, a rectangle), its current dimensions will appear in the Width (W) and Height (H) input fields ) in the options panel.
Here we see that my rectangle is 464 pixels wide and 257 pixels high:
The height and width of the shape are shown in the corresponding input fields of the options bar.
If you need to change the size of the finished Photoshop shapes(and this works for all vector shape tools, not just Rectangle), simply enter the size you want in the Width and/or Height fields. For example, let's say that I suddenly need to change the width of the rectangle to 500 pixels. All I have to do is enter a value of 500px in the Width field in the Options Bar. If necessary, you can change the height in the same way.
If you want to change the width or height, but at the same time maintain the original aspect ratio of the shape, first click on the small chain icon located between the width and height input fields:
Click this icon if you want the aspect ratio to remain the same when changing the length or width of the shape.
How to pre-set the size of a shape before drawing it
If you know the exact width and height of the shape you're creating in advance, Photoshop has an option to build the shape to specified dimensions.
To begin, select the desired tool for constructing vector shapes. Then simply left-click anywhere inside the document window, which will open a dialog box where you can enter the width and height values. Click OK to close the dialog box and Photoshop will automatically draw the shape you want:
Dialog box for constructing a figure with predefined dimensions.
Drawing shapes from the center
Here are some simple but very useful keyboard shortcuts. If you press and hold the Alt key and drag your cursor to create a shape, you'll start drawing it from the center rather than from a corner. This rule works with any of Photoshop's shape tools, not just the Rectangle tool. But when constructing a figure from the center, one thing should be taken into account important point. The Alt key must be held down after how you start creating the figure, i.e. After that, as you press the left mouse button and start dragging the cursor. You should also release Alt After that, as you release the left mouse button, i.e. after you finish building the figure:
Press and hold the Alt key to start building the shape from its center. The circle shows the starting point for constructing the figure.
Drawing squares
To draw a perfect square using the Rectangle Tool, click inside the document to set the starting point and begin dragging as usual. Once you have started dragging, press and hold the Shift key. This will cause the rectangle to turn into a square. Again, release Shift only after releasing the mouse button. You can also combine the Shift and Alt keys to build a perfect square from the center:
Press and hold the Shift key while dragging to draw a square.
Again, during the process of creating a shape, you will only see an empty outline, and as soon as you release the mouse button (i.e., you finish creating the shape), Photoshop will fill the finished outline with color.
Drawing tools let you create and edit vector shapes. They make it easy to create various elements for web pages.
Create a new training file.
Left-click on the -shapes- tool in the toolbar, the tool selection window will open:
Here are the basic shapes we can use. Select any one and look at the options panel:
For any shape you can choose:
- drawing mode:
- Shape layer. The figure is created in a separate layer. A shape layer consists of a fill layer that defines the color of the shape, and an associated vector mask that defines the shape's boundaries. The outline of a shape is a path that appears in the Paths tab of the Layers panel.
- Outlines. This mode allows you to draw outlines of shapes that can be filled or outlined with any color. Paths appear in the Paths tab of the Layers panel.
- Pixel Fill. When working in this mode, not vector, but raster images are created, which can be processed in the same way as any raster image
- style and color of the figure
- set parameters specific to this figure
Let's select the first shape - a rectangle. In the panel, select the mode - shape layer. Select a style by clicking on the triangle on the right.
Choose any one you like. By the way, if you click on the triangle in the circle (on the right), you can select additional styles in the context menu that opens. If you do not want to use a style, then select a white square crossed out with a red line.
Now you can set the geometric parameters:
- Arbitrarily- as you draw, so it will be.
- Square- when you stretch the shape with the mouse, the width and height will always be the same.
- Specified size- you can set the width and height of the rectangle (in cm) and click on the canvas. A rectangle with the specified dimensions will appear.
- Set proportions- you can set how many times the width will be smaller (or larger) than the height. When stretching the figure, the proportion will be maintained.
- From the center- draws a rectangle from the center.
- Snap to Pixels- the edges of the rectangle are snapped to the pixel boundaries.
Enough useful tool to create buttons and menus for your web pages, isn't it?
Draw rectangles with rounded corners
Let's select the second shape - a rectangle with rounded corners. In the panel, select the mode - shape layer, corner radius - for example, 15 and color (you can style it as you want). The geometric parameters are the same as for a rectangle.
This is what happened to me various combinations radius and style.
Why not news blocks and menu buttons?
Drawing circles
Let's choose the third figure - an ellipse. In the panel, select the mode - layer-shape, color and style. The geometric parameters are the same as for a rectangle, with the only difference being that you can choose a circle instead of a square. Select -randomly- and stretch the ellipse. If you want there to be a circle, then hold down the Shift key or select -circle- in the geometric parameters.
Here's what I got:
Drawing polygons
Let's choose a shape - a polygon. In the panel, select the mode - shape layer, the number of sides in the range from 3 to 100 (for example, 3 for a triangle, 6 for a hexagon), color and style. Let's consider the geometric parameters:
- Radius- radius of the polygon.
- Smooth outer corners
- Star- with the checkbox unchecked, the polygon is convex, with the checkbox ticked, the polygon is concave.
- Beam depth- if the polygon is concave, then its vertices seem to form rays. This parameter shows what part of the polygon radius will be occupied by rays. The higher the %, the longer and sharper the rays.
- Smooth outer corners- with the checkbox unchecked, the corners are sharp, with the checkbox checked, the corners are rounded.
The first hexagon has a radius of 3 cm, the rest of the boxes are unchecked.
The second hexagon has a radius of 3 cm, the -star- checkbox, the depth of the rays - 25%, the rest of the checkboxes are unchecked.
The third hexagon has a radius of 3 cm, the depth of the rays is 50%, all the boxes are checked.
All have a style applied to them.
Drawing lines
Let's choose a shape - lines. In the panel, select the mode - shape layer, line thickness (in pixels), color and style. Let's consider the geometric parameters:
If all the checkboxes are unchecked, there will be just a line, the parameters are set by the arrows at the ends of this line.
- Start- arrow at the beginning of the line.
- End- arrow at the end of the line.
- Width- proportions of the arrow as a percentage of the line thickness (from 10% to 1000%).
- Length- proportions of the arrow as a percentage of the line thickness (from 10% to 5000%).
- Curvature- determines the degree of curvature of the widest part of the arrow where it meets the line (from -50% to +50%).
The first line has all checkboxes unchecked, width - 500%, length - 1000%, thickness - 2 pixels.
For the second line, everything is the same, but there is a checkmark at -beginning- and the curvature is 5%.
For the third line, everything is the same, but the -end- is checked and the -beginning- is unchecked.
The fourth line has both checkboxes, width - 500%, length - 1000%, curvature - 15%, thickness - 5 pixels.
All have a style applied to them.
Let's draw arbitrary figures
Let's choose a figure - an arbitrary figure. In the panel, select the mode - layer-shape, color and style. The geometric parameters are the same as for a rectangle. But here there is a choice of the figure itself:
If you click on the triangle in the circle (on the right), you can select additional shapes in the context menu that opens.
Drawing multiple shapes in one layer
The principle here is the same as with the rectangular selection tools (in the first lesson we made a non-standard selection area using the tools in the options bar: add to selection, subtract from selection, etc.). The same tools are available in the Shape Options panel.
For example, create a rectangle shape, now in the options bar click on the "add to shape area" icon, and now select the ellipse shape. Move the mouse cursor to the upper border of our rectangle, press the left mouse button and, without releasing, stretch the ellipse. It should look something like this:
If the ellipse is not stretched as desired, you can correct it. To do this, select the path selection tool from the toolbar:
Move the cursor to the border of the ellipse and, while holding down the left mouse button, drag the ellipse where it should be. Using all these tools, you can draw shapes of varying complexity.
Saving the shapes
Let's say we liked the last shape we created and want to use it in the future. To do this, you need to save it. For this menu Edit -> Define Custom Shape. Give the new shape a name.
Now our shape has appeared in the drop-down custom shape selection panel.
This concludes the lesson. Next time we'll deal with outlines and raster images.
Making a rectangle in Photoshop is pretty simple task, which even a beginner can do. I advise you to learn how to draw this the simplest figure, since this skill can be useful to you to perform many tasks. Be it website design, photo frame or image correction. Despite the seemingly large size of the lesson, you will cope with this task in just a few minutes.
I'll show you several ways to draw a rectangle, all of which you'll need someday.
Let's start with the figures. Let's create a new document. 1000 by 1000 pixels will be quite enough.
Now go to the toolbar and look for the rectangle tool.
Hold down the right mouse button and drag across the working area.
The rectangle is ready! To get rid of the thin black border, rasterize the layer. You will find the rasterization in the layers window.
Now the second way. Selected area.
On the top panel, look for the “Layers” tab and create a new one.
Now it's time to get acquainted with one of the most popular tools in Photoshop - the selection area, which is located at the top of the side toolbar.
We move across the working field by holding down the right mouse button.
A selected area has formed that we must fill. Therefore, we move to the “Select Primary Color” tool. By clicking on it, we open the color map and select any shade that we like.
We look for the “Fill” tool, select it and click on the selected area.
And now the key combination is ctrl+d and the selection is removed! The rectangle is ready!
The third method will teach us how to draw a transparent triangle in Photoshop, which is often used as a photo frame. Drawing it is just as easy. Create a new layer, select a rectangular selected area and place it on the working area. In general, we perform all of the above steps.
Now we will outline the selected area, for which we go to the top panel and click the “Editing” tab. We are interested in the “Stroke” command.
As you can see, a dialog box has appeared asking us to select the line thickness, stroke color and border location. Set the parameters to your taste or choose mine.
Press the key combination ctrl+d to deselect and enjoy the result.
As you can see, we have a full-fledged frame in the form of a transparent triangle.
We have already learned how to make a rectangle in Photoshop. Let's learn how to edit it! For example, let's try changing the color and size.
As you may have noticed, I recommended that you create a new layer to draw the rectangle. And this is not without reason. Your rectangle is not bound to the workspace. You can edit it as much as you like, while the workspace will remain unchanged. I want to warn you that these methods apply to a rectangle created by any of the above methods.
First, let's try changing the color. Again, there are several methods. The first one is the fill tool. Select the desired color from the toolbar. Then click on the fill tool. And then along our rectangle.
There was a yellow rectangle, but it became green. Very simple, don't you think?
The second way is the blending options. In the last word, look for the one you need and click on it with the left mouse button.
In the dialog box that appears, check the box next to “Color Overlay.” Click on the box filled with color and select the one you like.
There are many ways to change the color of a rectangle. But you can easily limit yourself to two main ones.
Now let's teach me the size of the rectangle.
Resizing a rectangle in Photoshop is extremely easy. Select the Move tool and click on the rectangle.
By dragging a corner with the mouse, you can change its size. And also flip it along the axis.
In this tutorial we will look at the basics of working with shapes and shape layers in Photoshop program. We'll start our lesson by learning the five basic tools that allow you to draw geometric figures, - “Rectangle”, “Rectangle with rounded corners”, “Ellipse”, “Polygon” and “Line”.
Then, in the next lesson, we'll look at how to draw shapes more complex shape using the Free Shape tool. Most people think that Photoshop is only used for image processing, and if you asked them to recommend a good one graphics editor, then in most cases the answer would be "Adobe Illustrator".
Indeed, the capabilities of the Adobe Illustrator editor in the field of vector graphics are much wider than the Photoshop program, but, nevertheless, the Photoshop program in this area can do more than what should be expected from a raster image editor. Photoshop's various Shapes tools and shape layers make it easy to add simple vector images to your drawings and drawings.
Photoshop has six tools that allow you to draw shapes - Rectangle Tool, Rounded Rectangle Tool, Ellipse Tool, Polygon Tool, Line "(Line Tool) and "Custom Shape Tool". They are located in one place on the toolbar.
By default, the Rectangle tool is visible in the toolbar, but if we click on the tool icon and hold down the mouse button for a few seconds, a pop-up menu will appear with a list of the remaining tools in the Shapes group from which we can choose the one we need:
All six tools in the Shapes group are located in one place on the toolbar
If you first selected one tool in the Shapes group and then want to switch to another, there's no need to revisit the Tools panel (although you can do that if you want). Photoshop allows us to select the tool we need from the Options bar at the top of the screen, where all six tools are presented. For example, in the Tools panel, I'll select the Rectangle Tool:
Selecting the Rectangle Tool
Once you select the Rectangle Tool, six icons appear in the Options Bar, representing the various tools in the Shapes group. The tools are arranged from left to right in the same order as they appear in the toolbar, so we again see the Rectangle, Rounded Rectangle, Ellipse, Polygon, Line, and Freeform tools. To select the desired tool, simply click on one of the icons:
All six Shapes tools can be selected directly from the Options panel (after one of them is selected in the Tools panel)
Selecting the Shape Layer option
Before we start drawing shapes, we need to tell Photoshop what type of shape we want to draw, and in this case I don't mean "rectangle" or "circle" by body type. In fact, Photoshop allows us to draw the shapes of three different types- vector shapes, outlines and pixel shapes.
In another tutorial we'll look in detail at how these three types of shapes differ and when to use which type, but in most cases, you'll be drawing vector shapes. These are the ones that are drawn in a program like Illustrator. Unlike pixel shapes, vector shapes are resolution independent and completely scalable. This means that we can resize them as we wish without losing image quality. The edges of vector shapes remain crisp and sharp both on screen and during subsequent printing.
To draw vector shapes, select the Shape Layers option in the settings panel. This is the first of three icons, located towards the left edge (the middle icon is the Paths option and the right is the Fill Pixels option):
To draw vector shapes, select the “Shape Layer” option
Choosing a color for a shape
After selecting the Shape Layer option, we need to choose a color for our shape. We'll do this by clicking on the color swatch icon located to the right of the word "Color" in the settings panel:
Click on the color swatch icon to select the desired color for the shape.
This action will open color palette, where we can select the desired color. In my case, I'll choose red. Once you select a color, click OK to close the color palette:
In the color palette, select a color for the figure
If you're not sure you've chosen the right color for your body shape, don't worry about it. Next, we'll look at how we can use shape layers to easily go back to previous steps and change the color of a shape at any time after we've drawn it.
Rectangle Tool
As you might have guessed from the name, the Rectangle Tool allows us to draw four-sided rectangular shapes. Simply click in the document window to define the starting point of the shape and then, while holding down the mouse button, drag the mouse cursor diagonally to finish drawing the shape. As you move the cursor, you will see the subtle outlines of the future figure:
Drag your cursor to draw a rectangular shape. As you move the cursor, the outline of the shape will appear
When you're happy with the result, release the mouse button and the program will immediately fill the shape with the color you chose in the settings panel:
The program will fill the shape with color as soon as you release the mouse button
Drawing a shape from the center
If you need to draw a rectangle (or other shape) from the center rather than from a corner, position the cursor in the document window to define the center of the future rectangle and, while holding down the mouse button, begin dragging the cursor and drawing the shape as usual. While doing this, press the Alt (Win) / Option (Mac) key and continue to hold it down as you move the cursor. Pressing this key tells the program to draw the shape from the center. This technique works with all the Shape tools, not just the Rectangle tool:
To draw a shape from the center, hold down Alt (Win) / Option (Mac) as you move the cursor.
Drawing squares
We can also draw squares using the Rectangle tool. To draw a square, place the cursor in the document window and start dragging it, drawing a rectangular shape. Once you start doing this, press the Shift key and continue to hold it down as you move the cursor. Pressing the Shift key will transform the shape into a square, no matter which direction you move the cursor. You can also add an Alt (Win) / Option (Mac) keystroke to draw the square from the center (so you press and hold Shift+Alt (Win) / Shift+Option (Mac)):
To draw a square, while using the Rectangle Tool, press and hold the Shift key
Once again, Photoshop will only show a thin outline of the square as you move the cursor, but when you release the mouse button, it will fill the square with color:
The program always waits for you to release the mouse button and only then fills the shape with color
Shapes group tool options
If you look in the Options panel, you'll see a small downward-pointing arrow to the right of the six Shapes group tool icons. Clicking this arrow will open a list of additional options for the Shapes group tool you have selected. For example, when you select the Rectangle Tool, clicking the arrow will open a menu with options for the Rectangle Tool. With the exception of the Polygon and Line tools, which we'll look at later, you won't use this menu very often because we've already learned how to select basic options using keyboard shortcuts and individual keys.
For example, the Unconstrained option is selected by default, and it is responsible for the normal operation of the Rectangle tool, allowing us to draw rectangular shapes of any size and with any aspect ratio. The Square option allows us to draw squares, but we can do this by simply pressing and holding the Shift key as we move the cursor. The From Center option is responsible for drawing the shape from the center, but again, we can do this by pressing and holding the Alt (Win) / Option (Mac) key:
Click the small arrow to see more options for the Rectangle Tool
Shape layer
Before we move on to the rest of the Shapes group, let's take a look at the Layers panel. As you remember, at the beginning of the lesson we learned that to draw vector shapes in Photoshop, you need to select the “Shape Layer” option in the Options panel. And now after I drew the shape, we can see that a shape layer has appeared in the Layers panel (a layer of type Shape), which the program called “Shape 1”. Each new vector shape we draw will be placed on its own layer, which looks different than a regular pixel layer. On the left side of the layer is a color swatch icon, which displays the current fill color of our shape, and to the right of the color icon is a vector mask thumbnail:
Shape layers have a color swatch icon on the left side, and a vector mask thumbnail to the right of it.
As I mentioned earlier, you shouldn't worry about choosing desired color for a shape because we can easily change the fill color of a shape after it is created. To do this, double-click on the shape layer color swatch icon:
To change the current color of a shape, double-click the color swatch icon
Photoshop will re-open the color palette where we can choose a different color for our shape. I'll choose blue this time:
Select a different color from the color palette
It’s easy enough to go back and change the color of the shape at any time.
To the right of the color swatch icon on the shape layer is a vector mask thumbnail. The white area in the thumbnail represents our figure. Vector masks are similar to regular layer masks in that they partially cover a layer, leaving certain areas visible. In other words, when we draw a vector shape, the program actually fills the entire layer with the selected color, but the mask only displays the color inside the shape area, while the color on the rest of the layer area is hidden. When working with the tools of the “Shapes” group, it is, of course, not at all necessary to know how a vector mask works, but it is always nice to understand how the tools work. The gray area around the shape in the vector mask thumbnail represents the area on the layer where the color is not visible, while the white area in the thumbnail represents the area on the layer with color:
The white area on the vector mask represents the area on the layer where color is visible
To make it easier for us to see how Photoshop renders a vector shape, we can temporarily disable vector masks by pressing and holding the Shift key while clicking on the vector mask thumbnail:
Hold down the Shift key and click on the vector mask to turn it off
After turning off the vector mask, the layer becomes open and we can see that it is all filled blue, which I chose to fill the shape with. If we look more closely, we can see a thin outline of the shape's location on the layer:
After turning off the vector mask, you can see that the entire layer is filled with color
To turn the vector mask back on, simply hold down the Shift key while clicking on the mask thumbnail in the Layers panel again. After turning on the mask, the color will remain only inside the shape area, while the color in the rest of the layer will be hidden from view. The white areas around the shape in the document window belong to the layer background located below:
Document after re-enabling the vector mask
Now that we've learned about shape layers, let's look at other shapes you can draw in Photoshop using the Shapes group tools.
Rounded Rectangle Tool
The Rounded Rectangle Tool is very similar to the Rectangle Tool except that it allows us to draw rounded rectangles. We adjust the degree of rounding of the corners using the Radius option in the settings panel. The larger the radius value we enter, the rounder the corners become. In my case, I'll enter a Radius value of 50 pixels:
Use the Radius option to determine the degree to which corners are rounded
To draw a rounded rectangle, after you have entered a radius value, click in the document window to define the starting point of the shape and then, while holding down the mouse button, drag the mouse cursor to finish drawing the shape. Just like with the Rectangle shape, as you move the cursor the program will display a thin outline of the shape:
Drag your cursor to draw a rounded rectangle after you've entered a radius value in the Options bar
When you release your mouse button, Photoshop will finish drawing the shape and fill it with color:
When you release the mouse button, the shape will fill with color
Below is another rectangle with the radius set to 150 pixels. This value so large (for this figure, at any rate) that the left and right side rectangles have the shape of a curve:
How more value radius, the more round the corners are
And here is a rectangle with a small radius value of 10 pixels, which only slightly rounds the corners of the shape:
A small radius value rounds corners less
Unfortunately, there is no preview of the degree of corner rounding. We can see how round the corners are only after we draw a rectangle. Also, we cannot change the radius value while drawing the shape, as is available in Illustrator. Photoshop also does not allow us to go back and even slightly adjust the rounding of the corners after we have drawn the shape.
All of the above means that drawing rounded rectangles is essentially a matter of trial and error. If you don't like the rounded corners of your shape after you've drawn it, press Ctrl+Z (Win) / Command+Z (Mac) to quickly undo it, then enter a new radius value in the Options bar and start drawing the rectangle again.
Just like the Rectangle Tool, you can use the Rounded Rectangle Tool to draw rounded squares. Simply press and hold down the Shift key once you've started drawing the shape, and your rounded rectangle will take the shape of a rounded square. Press and hold Alt (Win) / Option (Mac) to draw the shape from the center.
If we click on the small arrow in the Options Bar to open the Advanced Options menu for the Rounded Rectangle Tool, we'll see that the Freestyle, Square, and Center options are the same as the Rectangle Tool options. Again, we already know how to select these options using keyboard shortcuts and individual keys:
The Rectangle and Rounded Rectangle tools have the same advanced options
Ellipse tool
The Ellipse Tool allows us to draw ellipses and circles. Just as with the Rectangle and Rounded Rectangle tools, click in the document window to define the starting point of the shape and then, while holding down the mouse button, drag the mouse cursor to finish drawing the shape:
Drawing an ellipse using the Ellipse tool
Release the mouse button to finish drawing the shape and filling it with color:
Ellisfilled upcolor
Press and hold the Shift key once you've started working with the Ellipse tool to draw perfectly smooth circle. Pressing Alt (Win) / Option (Mac) will allow you to draw the shape from the center:
Start drawing and then add Shift keystrokes to create a perfectly even circle
Clicking the small arrow in the Options bar will open the Ellipse tool options, which are similar to the Rectangle and Rounded Rectangle tools. The only difference is that the Ellipse tool option lets you draw circles instead of squares:
The Ellipse tool has almost the same options as the Rectangle and Rounded Rectangle tools.
Polygon Tool
The Polygon Tool is more interesting for us in terms of its ability to draw shapes. While with the Rectangle tool we can only draw four-sided rectangles, the Polygon tool allows us to draw polygons with as many sides as we wish. Next we will look at how you can even draw stars using this tool.
Specify the number of sides you require for the polygon in the Sides option box in the settings panel. The default value for Sides is 5, but you can enter any number from 3 to 100:
Use the Sides option to tell Photoshop how many sides your polygonal shape will have
Once you specify the number of sides, position your cursor in the document window and begin dragging to draw a polygonal shape. Photoshop always draws polygonal shapes from the center, so you don't have to hold down the Alt (Win) / Option (Mac) key. Pressing and holding the Shift key after you've started drawing a polygon will allow you to limit the number of angles for your shape and position it exactly how you want it on the screen:
The Polygon tool is indispensable when we need to draw a shape other than a quadrilateral
By specifying the number of sides to be 3, we can easily draw a triangle:
A simple triangle drawn with the Polygon tool
Here is a polygon with 12 sides:
PolygonWithtwelveparties
Drawing stars with the Polygon tool
To draw a star using the Polygon tool, click on the small arrow in the options bar to open the list of Polygon tool options and select the Star option:
From the list of options for the Polygon tool, select “Star”
After selecting the “Star” option, click the mouse in the document window and drag the cursor to draw a star. The Sides option in the settings panel determines the number of points on the star. So, if the default value is five, we will get a five-pointed star: And finally, we'll look at the Line Tool, which is the last tool in the Geometric Shapes group. It allows us to draw straight lines and arrows. Set the desired line thickness in pixels by entering a value in the Weight parameter box in the settings panel. In my case, I'll enter a value of 16 pixels:
Use the Thickness option to determine the thickness of the line
Then click in the document window and drag the cursor to draw a line. Once you've started drawing a line, press and hold the Shift key to constrain the direction the cursor can move. This will allow you to easily draw horizontal or vertical lines:
Hold down the keyShift for drawing horizontal or vertical lines
To set arrows at the ends of the line, click on the small arrow icon in the settings panel to select the Arrowheads options. Photoshop allows us to add arrows at the beginning of a line, at the end, or at both ends at the same time. If you want to have an arrow in the direction in which you draw the line, which is more logical, select the End option. Make sure you select this option before you start drawing the line, as the program will not allow us to go back and define the arrow after the line is drawn:
To add an arrow in the direction in which the line was drawn, select the End option.
Below is a line similar to the previous line I drew, but with an arrow at the end:
The Line Tool makes it easy to draw arrows
If the default arrow size does not suit you, you can change it using the Width and Length parameters. We can also add a bend to the arrow using the “Curvature” parameter. By default, the value of this parameter is 0%. I'll increase it to 50%:
Increase the Curvature value to change the shape of the arrow
As a result, the shape of the arrow will change. Again, make sure you select the Curvature option before you start drawing the line, otherwise you'll have to delete the shape and re-draw it:
Arrow with Curvature set to 50%
Hiding the outline around a shape
If you look closely at a shape you've drawn (no matter which Shapes tool you've used), you'll likely see a thin outline around it, which can sometimes be annoying. The outline around the shape appears whenever the vector shape mask is selected, and it is always selected by default after we draw a new shape.
If you look at the shape layer in the Layers panel, you'll see that the vector mask thumbnail has a white highlighted border around it, which tells us that the mask is actually selected. You can hide the outline around the shape by deselecting the vector mask. To do this, simply click on the vector mask thumbnail. The highlighted border around the thumbnail will disappear, and so will the outline around the shape in the document:
Click on the vector mask thumbnail to deselect it and hide the outline around the shape
And now we're done! We've covered the basics of working with shape layers and the five Shapes tools in Photoshop! In the next tutorial, we'll learn how to create more complex shapes using the Custom Shape Tool.
Translation: Ksenia Rudenko
Program Adobe Photoshop widely used for working with images, providing a truly wide range of possibilities. Most users use Photoshop for photo retouching, but, in addition, the program allows you to create: drawings, paintings, graphics - of varying degrees of complexity. Photoshop has several tools designed for creating drawings. The first step is to learn how to draw simple elements like triangles, lines, ellipses and others, since they are used very often when creating various kinds of drawings. In this article we will take a closer look at how to draw simple shapes in Photoshop. Let's figure it out. Go!
Let's understand the basics of computer graphics
With Adobe Photoshop open, look at the Tools panel. To go to the shapes, click on the rectangle icon. In the pop-up window you will see the following tools:
- "Rectangle";
- "Rectangle with rounded corners";
- "Ellipse";
- "Polygon";
- "Line";
- "An arbitrary figure."
The editor offers several classic and free forms
There are three drawing modes in total:
- A new shape is created, for which you can make a fill layer or a vector mask.
- An outline of the figure is created and painted over with some color.
- Pixel mode. In this case, the images are raster and not vector.
For each selected figure, geometric parameters are set, in other words, proportions. To draw a rectangle, select the appropriate tool, set the necessary outline settings and fill color. Now just place the cursor at the point on the sheet from which you want to start drawing. Hold down the left mouse button and drag the rectangle as needed.
There is nothing easier than drawing a line. The tool of the same name is used for this.
For a circle, use the Shift key or the additional settings menu
Let's move on to how to draw a circle in Photoshop. Here everything happens in a similar way. Select the Ellipse tool and decide on the color and thickness of the outline. If you want to get a circle rather than an ellipse, hold down the “Shift” key on your keyboard or set “circle” in the geometric parameters section.
We draw a beautiful composition using standard tools
Now let's figure out how to draw a triangle in Photoshop. In this case, everything is not so obvious, but at the same time it is not at all more complicated. All you need to do is select “Polygons” and in the small “Sides” window, set the number of angles. Accordingly, to get a triangle, enter the number “3”. Then everything is done exactly the same as in previous cases. Using the Polygon tool, you can create a shape with any number of angles. If you need to get right triangle, draw a square, and then cut off half diagonally.
Arrows at the beginning or end can be set in the tool properties
Let's look at how to draw an arrow in Photoshop. There are two ways to do this. The first is that you need to select the “Line” tool, then in the parameters window mark which side of the line the arrow will be on (at the beginning or at the end), then you need to set the thickness of the arrow in pixels. Place the cursor at the desired point and start stretching the line with the mouse. The second method is to select “Custom Shape”. On the top panel there is a table with templates, among them there is an arrow.
Templates included in the standard application package
Now you know how to add simple geometric shapes in Photoshop. As you can see, nothing is simpler. Write in the comments whether this article was useful to you and ask any questions you have about the topic discussed.