The Rectangular Marquee Tool in Photoshop. How to draw in Photoshop

We talked about painting in Photoshop with a pencil and brush. Freehand lines are great, but it often happens that you need to depict an even geometric figure. Rulers and compasses are gone, and now you can do it with simple editor tools.

To select one of them, on the tool palette, click the Shapes icon.

Regardless of which group tool you select, the following elements, common to all shapes, will appear on the options bar.

• Selection tool mode. Here you can choose one of three.

1. Figure. The value is set by default, and with it a vector geometric figure is created on a separate layer, that is, what you expect from the tool happens.
2. Circuit. The outline of the shape is drawn without a fill.
3. Pixels. It creates not a vector, but a raster figure.

• Fill. Allows you to set the color and type (gradient, shading) of the drawn shape.
• Stroke. Shape outline settings: thickness, type, color.
• Width and height. They allow you to clarify the size of the figure, when it is not permissible to do this “by eye”.

As always, create a new document with a white background. You can leave the rest of the options as default or choose your own.

Rectangle

Select the Rectangle shape and to draw it, click on the canvas and then move the pointer while holding down the mouse button. The point where you clicked will be the corner of the shape.

On the options bar, click the icon. The geometry settings window will open.

By default, the switch is set to Rectangle. If you set it to Square, then when you draw, you will always get a shape with the same side length. You can achieve the same effect without clicking the checkbox: to get a square while drawing a rectangle, just hold down the Shift key.

If the parameters of your rectangle are known in advance, set the switch to the Specified size position and enter the required values ​​in the fields. The shape will be completely drawn as soon as you click on the canvas with the mouse button.

After setting the switch to the Set proportions position in the input fields that have become available, you can specify the aspect ratio of the created figure.

The From Center check box allows you to draw a rectangle from the center, rather than from an extreme point.

Rectangle with rounded corners

The next item in the list of geometric shapes. It is clear that it differs from the usual rounding at the corners. Accordingly, the settings for this shape and the rectangle are almost identical. The rounding radius can be specified in the corresponding field of the options bar.

Ellipse

The parameters are the same as a rectangle, but instead of a square, you can draw a circle. To do this, in the geometry settings window, check the box in the Circle position, or while drawing, hold down the Shift key.

Polygon

With this tool, you can draw a triangle, a dodecahedron, an icosahedron, a star, or in general any figure that contains from three to a hundred sides. Their number can be set in the Sides input field located on the options panel.

The geometric settings window differs markedly from the previous figures.

• Radius. This field specifies the radius of the future polygon.
• Smooth out outer corners. If the checkbox is checked, then the corners are rounded; if not, the corners are sharp, as in a classic polygon.
• Star. Check the box if you want to get a star at the output.
• Ray depth. This input field specifies how long the rays will be.
• Smooth out inner corners. Check this box if you want the inner corners to be rounded, as shown in the image below.

Line

Use this tool to create really straight lines - it's just not practical to draw them by hand. To achieve maximum accuracy, adjust the geometric parameters in the corresponding window.

• Start. If the checkbox is checked, instead of a line, you will get an arrow that will be drawn at the point where you clicked the mouse button.
• End. Check the box to add an arrow to the end of the line.
• Width. It is specified as a percentage in relation to the thickness (it can be set on the options panel in the field of the same name).
• Length. It is considered in the same way as the width - in relation to the thickness, as a percentage.
• Curvature. The value is specified in the range from -50% to 50% and determines how much the widest part of the arrow will be bent. The figure shows arrows with a curvature of 0%, 30% and 50% (from top to bottom).

Arbitrary figure

In order not to create their own tool for each of the dozens of remaining figures, the developers have combined them here. All elements of the options panel are already familiar to you, except for the most important one - the Shape button, clicking on which opens the shape selection window.

If you click on the gear located on the right side of the window, a menu of additional options will open, containing categories of shapes.

Thanks to the tools discussed, you can literally draw a huge number of shapes in two clicks, which would take quite a long time to create manually.

In Photoshop, you can draw several options for a square. A filled square and a square with a frame. It is better to draw squares through vector objects, specifically through the “Rectangle Tool” (Rectangle tool).

Rectangle tool (Tool Rectangle)

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

Set the "Fill Pixels" property.

Select the fill color of the square (the first color in the toolbar), draw a square with the Shift key pressed.

Square with frame

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

1. Install Paths (in Russian, the path);
2. Draw a square with the shift key pressed;

Convert vector square to selection (Select) by pressing Ctrl + Enter .

Color the selection (in this case, white).

Alt + ← BackSpace is the first selected color.

Ctrl + ← BackSpace is the second selected color.

Right-click on the square layer and select Blending Options (Overlay options).

In styles select "Stroke" and set the frame width in pixels and the frame color. You can experiment with other options.

The result is a square with a red border that is 3 pixels thick.

Making a rectangle in Photoshop is a fairly simple task that even a beginner can do. I advise you to learn how to draw this simple shape, as this skill can be useful for 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 ever need.

Let's start with shapes. We create a new document. 1000 by 1000 pixels will be enough.

Now go to the toolbar and look for the rectangle tool.

Holding down the right mouse button, we draw over the working field.

The rectangle is ready! To get rid of the thin black border, rasterize the layer. Rasterization can be found 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 selected area, which is located at the top of the side toolbar.

We draw on the working field by holding the right mouse button.

A selected area has formed, which we must fill. So let's move on to the "Select Primary Color" tool. By clicking on it, we open the color map and choose any shade that we like.

We are looking for the Fill tool, select it and click on the selected area.

And now the key combination 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. It's just as easy to draw. Create a new layer, select a rectangular selection and place it on the workspace. In general, we perform all of the above actions.

And now we will stroke the selected area, for which we go to the top panel and click on the "Editing" tab. We are interested in the Stroke command.

As you can see, a dialog box has appeared, prompting us to select the line thickness, stroke color, and frame location. Set the parameters to your taste or choose mine.

Press the key combination ctrl + d to remove the selection 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 to change the color and size.

As you may have noticed, I recommended that you create a new layer to draw the rectangle. And this is no accident. Your rectangle is not anchored 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 are applicable to a rectangle created by any of the above methods.

First, let's try to change the color. Again, there are several methods. The first is the fill tool. Choose the color you want from the toolbar. Then click on the fill tool. And after already on our rectangle.

The rectangle was yellow, but became green. Very simple, don't you think?

The second way is overlay options. In the horse of the word, we look for the desired one 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 choose the one you like.

There are many ways to change the color of a rectangle. But you can very well limit yourself to two main ones.

Now let's learn how to size the rectangle.

Resizing a rectangle in Photoshop is extremely easy. Select the Move tool and click on the rectangle.

By dragging the corner with the mouse, you can change its size. And also flip along the axis.

How to draw a rectangle in Photoshop without a fill

In this tutorial, I'll show you how to draw a rectangle in Photoshop without a uniform fill, that is, only its perimeter will be outlined. After all, an ordinary filled rectangle is drawn quite simply, but some people have problems with this one.

Open a picture in Photoshop on which you want to draw a rectangle or create a new document.

I open this image:

The rectangle must be created on a new layer, it cannot be made against the background. Create a new layer:

Draw a rectangle of the required size on the picture by holding the left mouse button

We click on the selected area with the right mouse button and from the drop-down menu select the item "Stroke".

In the next window, specify the width and color of the stroke and click "OK".

Here's what we get. Remove the selection using the keyboard shortcut Ctrl + D.

The rectangle is ready.

Watch a video on the topic:

comp-profi.com

3 Ways to Draw a Square and a Rectangle in Photoshop

Although a square and a rectangle are the simplest geometric shapes, but in order to draw them in Photoshop, you need to make some effort and have basic knowledge. A beginner without proper training, most likely, will not cope with this task.

In this article, we will analyze the 3 most popular ways to draw a rectangle or square in Photoshop.

But before you start choosing a drawing method, you need to decide on future parameters. Rectangle/square can be:

• filled with a solid color or only with borders drawn;
• arbitrary or with precisely specified dimensions;
• with the ability to change its size at any time without loss of quality.

Method 1. Arbitrary shape tool

In this method, a rectangle or square will be drawn with a solid color. If you only need the border, go to the next two methods.

On the toolbar, select the Freeform Shape tool. There are two possible scenarios for the development of events:

Option 1. Square or rectangle with further resizing without loss of quality

Here, of course, the use of a vector figure is implied. To draw it, you need to select an option shape layer:

In the future, you can resize this figure without losing quality. To do this, use the Free Transform tool - Ctrl + T, and use the corner handles to resize.

For those who do not know: vector shapes are not made of pixels, but of special mathematical formulas. Therefore, resizing is not a process of stretching / shrinking pixels, but a complex mathematical recalculation, due to which there is no loss of quality.

Option 2. Standard (raster) square/rectangle

To draw a raster shape at once, use the setting on the Options Bar Perform pixel fill. But before you start drawing it - create a new layer!

But in fact, you can draw vector and vector at once, and then just rasterize it. Here you can choose for yourself.

How to make a rectangle square

The usual rule with the Shift key pressed does not work with arbitrary shapes. Therefore, you need to use the tool options panel and select a setting so that Photoshop draws a square.

In the same panel, pay attention, you can specify the exact size of the required rectangle/square or draw it according to predetermined proportions.

By default, dimensions are determined by pixels. If you want to change the unit of measurement, first enter a value in the field, and then right-click on it. The unit selection window will appear. Available: pixels, inches, centimeters, millimeters, points and peaks.

Rectangle or square with rounded corners

To get a shape with rounded corners, do the same as described above, but at the very beginning select the tool Rectangle with rounded edges. In the tool options bar, you only need to specify radius rounding.

Method 2. Stroke the selection

This method is as simple as 5 cents. Select the Rectangle Marquee Tool and draw a rectangle with a dotted line. To draw a square, hold down the Shift key.

Now we need to stroke the borders of this selected area. To do this, go to Editing - Stroke.

Then, in the new window, set the stroke type: specify the frame thickness, the desired color and mark how the stroke will go:

• Inside- means the frame will lie on the inside of the selected area;
• Centered- means the frame will be divided equally into a part passing inside the selection and into a part from the outside;
• Outside- means the frame will go around the dotted selection line.

Here's how it might turn out:

In the screenshot above, I deliberately did not remove the dotted line, because it will not disappear for you either. To permanently get rid of it, press Ctrl + D.

In this method, in order to draw a shape of the exact size, you first need to specify in the options bar of the Rectangular Marquee tool Style - Specified size or given proportions. After that, the fields will become active, where you enter the width and height values ​​in pixels. Right-clicking on one of these fields will bring up a menu for changing the units of measurement.

Method 2.1 Filling in the selection

The most common way to draw a rectangle is to draw a selection box (as described above) and simply fill it with any color. Here is a rectangle or square for you.

Method 3. Modification of the selection

In fact, I like this method least of all because of the obvious minus - the corners of the rectangle will be cropped, and the border of the frame itself is in a feathered state and it is not possible to influence these facts.

So, you need to select the Rectangular Marquee tool again, draw a frame for the future rectangle or square (with the Shift key), and then go to the menu Selection and choose a team Modification - Border.

A new window will appear in which, in our case, we specify the width of the border of the rectangle. Let's say I specify 7 pixels. We get the following result:

And now you just need to paint over the resulting frame. The Brush tool is suitable for this. Here, by the way, you can approach the issue more creatively and paint over, for example, with different colors. Result:

It remains only to remove the selection - Ctrl + D. I think this method is only suitable for my rare specific tasks, since feathering and undercut corners only spoil everything.

Noticed an error in the text - select it and press Ctrl + Enter. Thank you!

psand.ru

How to draw a transparent or colored rectangle in Photoshop

Making a rectangle in Photoshop is a fairly simple task that even a beginner can do. I advise you to learn how to draw this simple shape, as this skill can be useful for 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 ever need.

Let's start with shapes. We create a new document. 1000 by 1000 pixels will be enough.

Now go to the toolbar and look for the rectangle tool.

Holding down the right mouse button, we draw over the working field.

The rectangle is ready! To get rid of the thin black border, rasterize the layer. Rasterization can be found 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 selected area, which is located at the top of the side toolbar.

We draw on the working field by holding the right mouse button.

A selected area has formed, which we must fill. So let's move on to the "Select Primary Color" tool. By clicking on it, we open the color map and choose any shade that we like.

We are looking for the Fill tool, select it and click on the selected area.

And now the key combination 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. It's just as easy to draw. Create a new layer, select a rectangular selection and place it on the workspace. In general, we perform all of the above actions.

And now we will stroke the selected area, for which we go to the top panel and click on the "Editing" tab. We are interested in the Stroke command.

As you can see, a dialog box has appeared, prompting us to select the line thickness, stroke color, and frame location. Set the parameters to your taste or choose mine.

Press the key combination ctrl + d to remove the selection 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 to change the color and size.

As you may have noticed, I recommended that you create a new layer to draw the rectangle. And this is no accident. Your rectangle is not anchored 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 are applicable to a rectangle created by any of the above methods.

First, let's try to change the color. Again, there are several methods. The first is the fill tool. Choose the color you want from the toolbar. Then click on the fill tool. And after already on our rectangle.

The rectangle was yellow, but became green. Very simple, don't you think?

The second way is overlay options. In the horse of the word, we look for the desired one 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 choose the one you like.

There are many ways to change the color of a rectangle. But you can very well limit yourself to two main ones.

Now let's learn how to size the rectangle.

Resizing a rectangle in Photoshop is extremely easy. Select the Move tool and click on the rectangle.

By dragging the corner with the mouse, you can change its size. And also flip along the axis.

photoshop-work.ru

How to draw a rectangle in Photoshop

The simplest geometric figure is a rectangle (square). Various elements of sites, banners and other compositions can consist of rectangles.

Photoshop gives us the ability to draw a rectangle in several ways.

The first way is a tool "Rectangle".

From the name it is clear that the tool allows you to draw rectangles. When using this tool, a vector shape is created that does not distort or lose quality when scaling.

The tool settings are on the top bar.

It is possible to draw a rectangle with given dimensions. Dimensions are specified in the fields corresponding to the width and height, and the rectangle is created with one click with confirmation.

The second way is a tool "Rectangular area".

This tool creates a selected area of ​​a rectangular shape.

As in the case of the previous tool, the key works SHIFT, creating a square.

The rectangular area needs to be filled. To do this, you can press the keyboard shortcut SHIFT+F5 and set the fill type,

or use the tool "Pouring".

The selection is removed with the keys CTRL+D.

For a rectangular area, you can also specify the dimensions or proportions (for example, 3x4).

All about rectangles for today. Now you know how to create them, and in two ways.

We are glad we were able to help you resolve the issue.
Ask your question in the comments, describing in detail the essence of the problem. Our experts will try to answer as quickly as possible.

Did this article help you?

Not really

lumpics.ru

How to draw a square in Photoshop

It would seem that in this article we will consider a very simple question, to which everyone knows the answer, but, believe me, everything is not so simple here and there are many nuances, especially when drawing a square or rectangle without filling.

And so we get started. First, draw a square with a fill. To do this, I open the following image in Photoshop:

Select the Rectangle tool from the toolbar

Now, in the top panel, click on the arrow to open the parameters and set the width, height, or select an arbitrary square:

Let's draw this square. The fill color, of course, can be changed.

Now let's solve the problem more difficult, it is how to draw a square or rectangle in photoshop without fill.

Such a rectangle needs to be drawn on a new layer, so create it. "Layers - New".

Select the Rectangular Marquee tool.

Draw a rectangle on the picture using this tool. To draw a square, hold down shift and drag to the desired size.

Specify the width and color of the stroke and click OK.

The result is such a square without filling, as we wanted:

And also watch the thematic video:

pc-knowledge.ru

How to draw in Photoshop - Lesson 9. Drawing a shape in photoshop

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

Create a new training file.

Click the left mouse button on the tool -shapes- on the toolbar, the tool selection window will open:

Here are the main shapes that we can use. Choose any and look at the options panel:

For any figure, you can choose:

• drawing mode:
  • shape layer. The shape is created on 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 boundaries of the shape. The shape's borders are a path that appears in the Paths tab of the Layers panel.
  
  
  • contours. This mode allows you to draw outlines of shapes that can be filled or stroked with an arbitrary color. Paths appear on 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


• set parameters specific to this shape

Draw rectangles

Let's choose the first shape - a rectangle. On the panel, select the mode - layer-shape. Select a style by clicking on the triangle on the right.

Choose whichever 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 with a red line through it.

Now you can set the geometric parameters:

• Arbitrarily- as you draw, so be it.
• Square- when stretching 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 aspect ratio- you can set how many times the width will be less (or more) than the height. When stretching the figure, the proportion will be preserved.
• From the center- draws a rectangle from the center.
• Snap to pixels- rectangle edges snap to pixel borders.

Now select -arbitrarily- and drag your rectangle on the canvas with the mouse. For example, here is what I got when using the Button, Glass Buttons and Web Styles 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. On the panel, select the mode - the layer-shape, the corner radius - for example, 15 and the color (you can style it as you like). The geometric parameters are the same as for the rectangle.

Here's what I got with various combinations of radius and style.

Why not news blocks and menu buttons?

Draw circles

Let's choose the third figure - an ellipse. On 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 a circle can be chosen instead of a square. Select -arbitrary- and stretch the ellipse. If you want it to be a circle, then hold down the Shift key or select -circle- in the geometric parameters.

Here's what happened to me:

Draw polygons

Let's choose a shape - a polygon. On the panel, select the mode - layer-shape, the number of sides in the range from 3 to 100 (for example, 3 - for a triangle, 6 - for a hexagon), color and style. Consider the geometric parameters:

• Radius is the radius of the polygon.
• Smooth outer corners
• Star- with the checkbox unchecked, the polygon is convex, with the checkbox checked, the polygon is concave.
• Beam depth- if the polygon is concave, then its vertices, as it were, form rays. This parameter shows how much of the polygon's radius will be occupied by rays. The higher the %, the longer and sharper the rays.
• Smooth outer corners- with unchecked the corners are sharp; with a tick, the corners are rounded.

For example:

The first nonagon has a radius of 3 cm, the rest of the boxes are unchecked.

The second nonagon has a radius of 3 cm, the checkmark is -star-, the depth of the rays is 25%, the rest of the checkboxes are unchecked.

The third nonagon has a radius of 3 cm, the depth of the rays is 50%, all the checkboxes are checked.

All have a style applied.

Draw lines

Let's choose a figure - lines. On the panel, select the mode - layer-shape, line thickness (in pixels), color and style. Consider the geometric parameters:

If all the checkboxes are cleared, it will be just a line, the parameters set 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 in the place where it meets the line (from -50% to +50%).

For example:

The first line is unchecked, width - 500%, length - 1000%, thickness - 2 pixels.

The second line has everything the same, but there is a tick at -beginning- and curvature - 5%.

The third line has everything the same, but the -end- checkbox is ticked and the -beginning- checkbox is unchecked.

The fourth line has both checkboxes, width - 500%, length - 1000%, curvature - 15%, thickness - 5 pixels.

All have a style applied.

Draw arbitrary shapes

Let's choose a figure - an arbitrary figure. On 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:

If you click on the triangle in the circle (on the right), you can select additional shapes in the context menu that opens.

Draw multiple shapes on 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 on the options bar: add to selection, subtract from selection, etc.). The same tools are available in the Shapes Options bar.

For example, create a rectangle shape, now in the options bar click on the "add to shape area" icon, and now select an 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 you would like, you can fix it. To do this, take the tool -outline selection- on the toolbar:

Move the cursor to the border of the ellipse and, holding down the left mouse button, drag the ellipse where it should be. Using all these tools, you can draw shapes of varying complexity.

Save 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 a name to the new shape.

Now our shape has appeared in the drop-down panel for selecting arbitrary shapes.

This lesson is over. Next time we'll focus on paths and bitmaps.

Lesson 2. Layers and text

Lesson 3. Filters

Lesson 6

Lesson 7. Drawing - brush and pencil

Lesson 11

Previous Lesson Return to Next Lesson 

www.site-do.ru

How to Draw Vector Shapes in Photoshop, Fill and Stroke Options

In the vast majority of cases, you will draw vector shapes. Unlike pixel shapes, vector shapes are flexible, scalable and do not depend on image resolution, which means that we can set them to any size we want, edit and scale them as much as we need without losing quality, and even print them in any size also without loss of quality!

Regardless of whether they are shown on the screen or in print, the edges of vector shapes always remain crisp and sharp.

To make sure you're drawing vector shapes and not paths or pixels, select the Shape option from the Tool Mode Views in the Options Bar:

Selecting the Shape option in the Options Bar

Filling a shape with color

The next thing we usually do after selecting the "Shape" option is to select the color that fills the shape, in Photoshop CS6 and above, this is done by clicking on the "Fill" field in the Options Bar:

Click the button in the options bar to open the Shape Fill Properties dialog box.

This action opens a window that allows us to choose from four different ways to fill out the form, each represented by one of four icons along the top of the window. Assignment of icons, starting from the left edge:

• no color(No Color) - white rectangle with a red diagonal line, no fill
• pure color(Solid Color) - solid color fill
• Gradient(Gradient) - gradient fill
• Pattern(Pattern) - fill with a Photoshop pattern (pattern)

Various methods of filling a form

No color (No Color)

As the name suggests, selecting this option will leave the shape with no fill, with empty pixels inside. What is it for? Well, in some cases, only the contour itself may be needed. Also, often only a stroke with transparent pixels inside is needed.

Below is a simple example of what a form looks like without a color fill. All that we see is the main contour of the form, which is called "Contour" (Path). The outline only appears in the Photoshop document, so if you save your work as a JPEG or PNG, or print it, the outline won't be visible. To make it visible, we need to add a stroke to it, which we'll see how to add next:

Rectangle shape with no fill or stroke.

Solid Color

To fill your form with a solid color, select the "Solid Color" option, second icon from the left:

Option "Pure color" (Solid Color) to fill the shape with a solid solid color

With the option active, select a color for the shape by clicking on one of the color swatches. The colors you've recently used while working in Photoshop will appear above the main swatches:

Color selection by clicking on the sample.

If the color you need is not among the samples presented, click on the "Color Picker" icon located in the upper right corner of the window:

Click on the Color Picker icon to select your own color.

The Color Picker dialog box will open, select a color in it and click OK to close the Color Picker after selecting the desired color.

As you can see in the figure below, after these actions we have the same form, only now the form has a color:

A figure filled with color.

Gradient fill

To fill your shape with a gradient, select the "Gradient" option. Then click on one of the thumbnails to select a preset gradient, or use the gradient strip thumbnail below to create your own gradient variation.

Choose a pre-made one or create your own gradient to fill the shape.

Here's the same shape, only now it's filled with a gradient:

A shape filled with one of Photoshop's preset gradients.

Pattern fill (Patterns)

Finally, the pattern fill option allows us to fill the shape with one of Photoshop's preset patterns.
Click on one of the thumbnails to select a pattern. Not many pattern options are preinstalled in Photoshop, choosing, loading and installing a fill pattern is described in detail here.

Below is the same shape, this time filled with a pattern:

The same shape, only this time filled with the standard Photoshop pattern.

If you're not sure yet what color, gradient, or pattern your shape needs, don't worry. As we'll see later, you can always come back to edit the shape later and change the fill.

Adding a Stroke to a Vector Shape

This option has been in Photoshop since version CS6. By default, Photoshop won't add a stroke to the edges of a shape, but adding one is as easy as adding a color fill.

To add a stroke, click on the appropriate option in the Options Bar:

Option to add a stroke.

This opens a window with options where we can choose the color of the stroke, as well as set many other options.

At the top of the window we have the same four icons for selecting the fill type of the stroke line, these are No Color, Solid Color, Gradient and Pattern. By default, "No Color" is selected. I'll choose the "Solid Color" type. Select and assign a stroke color in exactly the same way as the fill color, as described above.

Changing the Stroke Weight

To change the stroke weight, use the appropriate input box located immediately to the right of the color swatch rectangle in the options bar. By default, the weight is set to 3 pt (points). But you can set other units of measurement, if you click on this input field with the right mouse button, a drop-down list of units of measurement will open. I almost always choose pixels:

Change the width and units of the stroke.

Align Edges option

To the right of all others, in the options bar is the option "Align edges". When this feature is turned on (it's on by default), Photoshop will align the edges of the stroke with the pixel grid, making the image sharper.
The option will be active only if the stroke unit is pixel.

More Stroke Options

By default, Photoshop draws a solid line stroke, but we can change this by clicking the Stroke Options button in the Options Bar:

Button of the window for selecting additional properties - selection of a stroke stroke - solid, dashed, dotted, etc.

This opens the Stroke Options window. In this window, we can change the line type from solid to dashed or dotted. In addition, there are three additional stroke options:

Stroke Options Dialog Box

Option "Align"(Align) allows us to choose whether the stroke is located inside the path, outside or in the middle.
Next option "Ends"(Caps) only works if we have selected a dashed stroke. We can change the appearance of the ends of the segments.

1. the stroke ends at the border of its specified length and the end has a rectangular shape
2. the end has a semicircular shape and protrudes half the width beyond the border of a given stroke length on each side
3. the end has a rectangular shape and protrudes half the width beyond the border of the specified stroke length on each side

"Angles"(Corners) allow you to change the appearance of the corner at the junction of stroke lines. The coals can be sharp (default), rounded, or beveled. This option works if the stroke is outside or in the middle of the path. If the stroke is inside the path, the corners always remain sharp.

Clicking on the button at the bottom of the window "Other options ..." (More Options...) opens another window where we can set the length of strokes and gaps between strokes. Here is an example of a rectangular shape with a fill and dashed stroke, with different stroke lengths:

A stroke within a shape that uses two types of strokes - a line and a dot.
.

In this tutorial I will show you how to draw a square in Photoshop or a rectangle. I don't even know in what situations it can come in handy. But at a minimum, this way you will get acquainted with some of the tools of the powerful Photoshop program.

First, let's open in Photoshop the picture or photo we need, where we want to draw a rectangle. To do this, use the menu items " File - Open».

Following this, select the Rectangle tool.

Now draw a rectangle or square, left-click on the image and, without releasing the button, drag to the side, as a result, we get the selection of the object we need and the size.

Using the arrows on the keyboard, you can move it to the side. Now, to get a full-fledged square, you need to make a stroke for it. Go to menu " Selection - Modification - Border».

Set the width to 5 and click OK.

Now we take the tool " Brush", The color we need and paint over the stroke.

To remove the selection, press the key combination " Ctrl + D" on the keyboard.

Here is such a square in Photoshop as a result.

By the way, you can also draw a rectangle in photoshop completely painted over. This is made even easier. We just need to select the Rectangle tool.

And in the same way, holding the mouse button on the image, drag it to the side. A filled rectangle, or a square, will be drawn immediately.

I hope this topic is clear to you and now, if necessary, you can easily draw a rectangle or square in photoshop. And this is where I conclude this article and remind you that there are other lessons on this program on the site.