Draw a triangle in Photoshop. How to Draw Simple Geometric Shapes in Photoshop

Drawing tools let you create and edit vector shapes. They make it easy to create various elements for web pages.

The following family of tools allows you to create geometric figures different shapes.

Rectangle (Rectangle)() - accordingly, allows you to draw a rectangle (and with the key pressed - a square), filled with the foreground color.
Rounded Rectsngle square)— creates shapes similar to those described above, but allows you to set the rounding radius of the corners of the rectangle.

Ellipse- creates ovals (in combination with a pressed key - circles).
Polygon- allows you to create geometric shapes with an arbitrary number of angles, as well as multi-beam stars. By default creates a convex pentagon.
Line- draws straight lines of arbitrary or given length, thickness, color and direction.
Custom Shape- allows you to create a geometric figure free form and save it for future use.

Create a new training file.

Left click on tool - shapes - on 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 other raster image
style and color of the figure

set parameters specific to this figure

Drawing rectangles

Let's select the first shape - a rectangle. On the panel we will select 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.

Now select -arbitrarily- and stretch your rectangle on the canvas with the mouse. For example, this is what I got when using styles: Button, Glass Buttons and Web Styles.

Quite a useful tool for creating 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.

Here's what I got with different combinations of 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 - shape layer, 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.

For example:

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, a checkmark at -star-, the depth of the rays is 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%).

For example:

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.

Drawing arbitrary shapes

Let's choose a figure - an arbitrary figure. In the panel, select the mode - shape layer, color and style. The geometric parameters are the same as for a rectangle. But here there is a choice of the figure itself:

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 it, 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 from the toolbar contour selection tool-

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.

When I was a “teapot”, I was faced with the need to draw a triangle in Photoshop. Then I was unable to cope with this task without outside help.

It turned out that everything is not as complicated as it might seem at first glance. In this lesson I will share with you my experience in drawing triangles.

There are two (known to me) ways.

The first method allows you to draw an equilateral triangle. To do this we need a tool called "Polygon". It is located in the shapes section on the right toolbar.

This tool allows you to draw regular polygons with a specified number of sides. In our case there will be three of them (sides).

After setting the fill color

Place the cursor on the canvas, hold down the left mouse button and draw our figure. During the creation process, the triangle can be rotated without releasing the mouse button.

Result:

In addition, you can draw a shape without a fill, but with an outline. Contour lines are configured in the top toolbar. Filling, or rather the lack thereof, can also be adjusted there.

I got the following triangles:

You can experiment with the settings to achieve the desired result.

The next tool for drawing triangles is "Straight-line lasso".

This tool allows you to draw triangles with any proportions. Let's try to draw a rectangular one.

For a right triangle, we will need to accurately draw a right (who would have thought...) angle.

Let's use the guides. Read how to work with guide lines in Photoshop.

So, we read the article, let’s pull the guides. One vertical, the other horizontal.

To make the selection “attracted” to the guides, turn on the snap function.

Then right-click inside the selection and select, depending on your needs, context menu items "Perform Fill" or "Stroke".

The fill color is configured as follows:

The stroke width and position can also be adjusted.

We get the following results:
Filling.

For getting sharp corners the stroke needs to be done "Inside".

After deselecting ( CTRL+D) we get it ready right triangle.

These are the two simplest ways to draw triangles in Photoshop.

An equilateral triangle in Photoshop is drawn using vector objects. You can draw a filled triangle, or a triangle with a frame. Select drawing polygons (Polygon tool).

Drawing polygons (Polygon tool)

Select the shapes (horizontal key U), then Polygon tool (Polygon Tool), see the screenshot below.

Set the "Fill Pixels" property.

Select the fill color of the triangle (the first color in the toolbar), and draw a triangle with the mouse.

Triangle with frame

The triangle should be drawn on a new empty layer, without any fill. You can create a new layer by simultaneously pressing the keys Alt + Ctrl + Shift + N.

Set the value to "Paths" (paths in Russian).

Draw a triangle with the mouse.

Convert the vector triangle into a selection (Select) by pressing Ctrl + Enter.

Paint the selection (in this case, white).

Alt + ← BackSpace - first selected color.

Ctrl + ← BackSpace - second selected color.

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. First of all, you need to learn how to draw simple elements like triangles, lines, ellipses and other things, since they are used very often when creating various kinds 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 learn 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:

Created new figure, 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 a 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

In this article you will learn how to draw in Photoshop different types triangles: equilateral, isosceles, scalene and rectangular.

How to draw an equilateral triangle

An equilateral triangle has all three sides equal.

The easiest way to draw such a triangle in Photoshop is to use Polygon tool.

Select this tool and in the settings panel immediately specify the number of sides - 3.

The next step is to decide what should be future triangle: vector shape, raster with solid fill, or just an outline is needed. Consider all options.

Vector triangle

In the options bar, select the option Shape layer.

Now you can draw the triangle itself. During creation, you will see its boundaries. This is necessary in order to calculate its dimensions. Also, until you release the mouse button, you can rotate it.

The good thing about a vector triangle is that you can quickly change its color, as well as painlessly change its size without losing quality. To do this, call the command - Ctrl+T.

To later turn it into a raster triangle, use the command.

Raster triangle with solid fill

You will get the same triangle as in the example above, but it will be immediately in the raster.

To do this, in the options bar you need to select the setting Fill pixels.

Before creating such a triangle, you must first.

Now draw a shape and it will be like the most ordinary bitmap element.

How to Draw the Outline of an Equilateral Triangle

For such a shape, select the option in the options bar Outlines.

Draw a triangle. Naturally, you will only get its outline. Next, with the same tool selected, right-click inside the path. A context menu will appear. Select a team Create a selection area.

A dialog box will open. Leave the feathering radius at 0. Click OK.

In the end, we made it from the outline.

To do this, run the command Editing - Stroke. A window will appear in which you specify the thickness of the stroke line, as well as how it will pass relative to the dotted selection line: inside, in the center, outside.

Photoshop has made a stroke, now remove the dotted selection line so that it does not interfere - Ctrl+D. Result:

How to draw an isosceles triangle

An isosceles triangle has two equal sides.

Let's look at an example when you need to draw an isosceles triangle of given dimensions. Let's say the base is 300 pixels and the height is 400 pixels.

Ready

An isosceles triangle is drawn according to the given dimensions!

In a right triangle, one of the angles is 90 degrees.

If you need a right triangle with pre-known dimensions, for example, the dimensions of the legs are 200 and 300 pixels, then the easiest way to do this is as follows:

Step 1

Create a new document in Photoshop with the height and width equal to the dimensions of the legs: for example, let the width be 300 pixels and the height 200 pixels.

The work area in Photoshop is always rectangular, so an angle of 90 degrees will already be provided. The two sides of a rectangle are its legs. All that remains is to draw the diagonal - this will be the hypotenuse.

Step 2

We will proceed by analogy with the example above. Take the tool Line and set the option Shape layer.

Now draw a line around the edges and connect two points diagonally: