How to select an even circle in Photoshop. How to make a transparent circle? Hiding the outline around a shape

There are different ways to draw a circle in Photoshop. You can draw a circle with a frame, or a filled circle. To begin, select the Ellipse Tool.

Ellipse Tool

1. Selecting shapes - hotkey U, or immediately right-click on the icon and select Ellipse Tool;
2. Select the Ellipse Tool.

1. Set Fill Pixels;
2. Select the fill color;
3. Draw a circle while holding down the Shift key

Circle with frame

The circle 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.

1. Install Paths (paths in Russian);
2. Draw a circle with Shift held down;

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

Paint over the selection (in in this case white).

Alt + ← BackSpace - first selected color.

Ctrl + ← BackSpace - second selected color.

Right-click on the circle layer and select Blending Options.

In the window that appears, set the frame thickness in pixels and the frame color. You can experiment with other options.

The result is a circle with a red border 2 pixels thick.

There are two key tools in Photoshop: rectangular and elliptical marquee tools(rectangular and oval selection areas), and they jointly occupy a position in the toolbar. Here are some things you might not know about these tools.

Squares and circles
Rectangular and elliptical marquee tools(rectangular and oval marquees) can be used to draw regular squares and circles. As you click and drag over an area, hold down the Shift key to constrain the shape to be within a circle or square.

Is a circle a square? No thanks!
Try to draw a circle or oval in a fixed position on the image, you may get confused where to start drawing the shape. The circle or square is drawn as if it were placed in a square or rectangular shape, so you start drawing it from the corner of the square or rectangular object. All this makes it difficult to accurately position the figure. To make things easier, you can draw your shape from the center outwards by holding down the Alt key while using the selection tool. Add a Shift key to keep the oval within the circle.

Correct figure, but wrong position?
What do you do when you've already drawn the right figure, but in the wrong place in the image? Don't let go of the mouse! Instead, by holding down the spacebar, you can move your piece to the desired position. Release the spacebar and then the left mouse button to lock the selection at the selected position.

Correct figure, but wrong turn?
When you want to create a rotated shape, such as a rectangle, square or oval, first create it using the marquee tool, ignoring the rotation. Now release the mouse button and select Select > Transformselection(Selection > Transform Selection). The shape now shows transformation handles that you can use to rotate it. Press the Ctrl key and you can drag the corner of the shape and distort it. Press Enter or Return to apply the transformation and remove the handles. You can now continue your work with the selection area.

Strict allocation size
If you want to create a selection area with exact dimensions, from the drop-down menu Style(Style)select FixedSize(fixed size). Enter the pixels in width and height within the frames and click on the image, a selection will appear exactly the same as you specified. Use Fixedratio(fixed ratio) to create a selection with a fixed ratio, such as 1:1.25, as shown here.

The next time you need to create a selection on an image using the marquee tool, remember that there is a lot more to it than meets the eye.

Hi all. Today we will talk about how to draw a circle in Photoshop. the desired diameter, with and without filling, and we will also learn how to draw various objects using this figure. Many will say, why bother devoting a separate article to this topic if it only takes a couple of steps. In fact, you are both right and wrong at the same time, because apart from regular drawing there are many other nuances, ranging from adjusting to the desired diameter, and ending with how to place two circles inside each other. The most important thing is that it is very important element web design. Therefore, sit down more comfortably. Go!

In order to draw a circle in Photoshop, we first need to find , which is located in the toolbar. It is there that we have to choose it from 6 elements.

• Fill color. Responsible for what color your circle will be. If you check the “No fill” option, then there will be emptiness inside, that is, only the outline will remain.
• Stroke color. If we set any color here, we will see that the outline begins to change.

For now, temporarily set both of these parameters to away mode by selecting the icon with a white square with a red line through it. This will mean that we will have no fill or stroke, but only an outline.

And now we can start drawing the ellipse. Hold down the right mouse button anywhere on the canvas and start dragging with the mouse. While we move the mouse with the key held down, an oval will be drawn, which will change depending on your movements. But when you release the button, the figure will be drawn.

But if you want to draw an exact circle in Photoshop, as if using a compass, then you will do the same thing, only with the key held down SHIFT. This will ensure that the proportions of the figure are maintained.

If you want to draw an oval or circle from the center, then you need to do this by holding down the key ALT. Just before use, first hold down the left mouse button to indicate that drawing has begun, and only then hold down ALT and draw fully from the center.

To move the circle even before you release the mouse button and use it (And this is really necessary often), hold down the spacebar while drawing and just move the mouse.

The most interesting thing is that all these combinations can be combined. For example, if you want to draw smooth circle from the center, then start drawing it with the SHIFT And ALT simultaneously. And then you can also hold down the spacebar and move our figure somewhere.

How to draw a circle of the required diameter

To draw a circle of a certain diameter in Photoshop, you need to select this shape (Ellipse) and simply click once with the left mouse button on the canvas. After this, a window will appear where you can set the size in width and height in pixels. Naturally, in the case of a circle, these parameters should be the same.

You can change these specified parameters at any time without resorting to transformation. To do this, in the properties at the top, simply change the values ​​for length and width as you see fit.

Properties of a circle

Now, let's move on to the properties of a circle or ellipse themselves. Like any other tool properties, they are located under the main menu. Just be sure that it is activated the right tool, since each figure has its own properties.

Primary properties

Above, we have already removed the fill and stroke from the figure to make it easier to see the contours, but now let’s use them. For example, I'll select a red fill and a blue stroke. To do this, go to properties and change the color in the appropriate items.

Now draw a circle like I showed you above and you will see that they are the color we intended. By the way, it is not necessary to set these parameters right away. The colors can be changed at any time by going into the same options again and changing the color.

Next comes the stroke thickness property. You need to decide whether to make it thick or thin. But in any case, this can be done by tugging the sliders, or by setting the size manually.

For example, if I increase the stroke size by 6 times, this is how it will look.

And our primary properties are completed by the stroke parameters, which are located next to the thickness. We have several options (solid, intermittent and dotted line), from which you can select options. But at this stage I recommend leaving the default solid line.

Also, you can activate these same properties in a separate panel. To do this, go to the menu “Window” - “Properties”.

Union and Subtraction

As with any other figures, in this case it is possible to combine different figures on one layer. Usually every new figure is drawn on a separate layer, but if you select the item "Merge Shapes", which is in the section "Operations with contours" in the properties panel under the menu, then all new styles will be made on one layer.

But you need to take into account that now all the shapes that you drew on the layer automatically become a single whole, and by moving them you can no longer move them separately. But there is a way out. From the toolbar, select "Outline Selection". With the help of it you can move individual figures.

I hope you get the gist of what shape subtraction is all about.

How to draw a circle within a circle

At first glance, drawing two circles in one is simple task. But when it comes down to it, users face a real problem. Let's look at this whole thing in practice and draw a small target. And we will do this in two ways.

Method number 1. Copying layers

Let's immediately draw a circle with a red fill and no stroke. and after that we will copy this layer three times (let us have a four-layer target). To do this, stand on the layer with the circle you just drew and press the key combination three times CTRL+J to duplicate it three times.

Now, make the first two layers invisible. so that they don’t interfere with us for now. To do this, click on the eyes on the thumbnails. After this, select the second layer from below, which we did not hide from view, and then press the key combination CTRL+T to activate transform mode. After that, pull the corner and reduce the circle with the clamped SHIFT to maintain proportions. Don't worry about leveling just yet. special attention, we will fix everything later.

Now, paint the circle white. To do this, go to properties and select white fill. It should look something like this. Don't think, this is not a hole. It's just that the background and fill are the same color, so it seems that way.

Next, we make the second layer from above visible, after which the figure will be painted red again. But that's how it should be. The main thing is that now you need to reduce again this moment, and even smaller than the one we just reduced. That is, we press CTRL+T, pull the corners and reduce it. After that we apply the transformation.

And finally, make the very first layer on top visible, fill it with white through the properties and reduce it even smaller using transformation. Thus, we had a small target, although it was somewhat crooked. It needs to be leveled so that the distances between the links are the same.

Now I deliberately made different distances between the circles to show you how to do everything exactly in just one or two clicks. To do this, select all the layers involved in the process, one by one, using the key held down. CTRL. Or you can select everything at once, selecting only the first and last layer while holding SHIFT. Everything between them will also be automatically selected.

Now, be sure to select the Move tool, otherwise you won't succeed. After that, in the properties under the menu you will need to select the alignment of the centers vertically and horizontally.

After this, our circle drawing will take on a full-fledged, attractive and accurate appearance. Everything is smooth and stylish, you can even throw darts. I hope that with this example you understood how to draw a circle within a circle in Photoshop.

Method 2: Inserting a new circle

In addition to the above method, you can use simple addition. I won’t dwell on this topic for a long time; in theory, everything should be clear.

Essentially, we draw a circle and then draw another smaller one. After that, we simply change the color and align it exactly the same way as we did above. I think there shouldn't be any problems with this.

Clipping mask and frame

And finally, we will use one cool feature called a clipping mask. Thanks to it, we can insert any image into our circle. Moreover, we will not need to wipe or remove anything. It will fit there partially over the entire surface of the circle, and we will also be able to move the image inside and edit it.

This is a very cool solution, since everything turns out smooth and clear, and most importantly, the picture itself does not suffer and we can move it inside the circle as we want.

Well, if we want to quickly make a round frame in Photoshop, then we can use two options:

I wrote in more detail about how I wrote in one of my previous articles.

Well, if you want to have a really good understanding of Photoshop, then I strongly recommend that you take a look this wonderful video course. It is so superbly constructed that after viewing it you will simply have no questions left about how to use it. graphic editor. Everything is laid out on the shelves and literally chewed in simple, understandable human language.

Well, this is where I end my article for today. I hope that you understand how to draw a circle in Photoshop of the desired diameter, with fill and stroke. If you have any questions, don't hesitate to ask. Well, that's all for me. Don't forget to subscribe to publics in in social networks and to my blog notifications. See you soon. Bye bye!

Best regards, Dmitry Kostin

An arbitrary circle or an even circle in Photoshop is drawn according to the same rules as respectively. By and large, you need to use the same groups of tools, but adjusted for the shape of the figure.

Method 1: Ellipse Tool

Using this tool you can draw a circle or circle shape.

Let's start with the vector, that is, from a figure whose dimensions can be changed without loss of quality. To do this, select Ellipse tool, and in the options bar set the setting Shape layer.

Now draw a circle or circle. But first, choose a primary color other than white, otherwise you won’t see what you ended up drawing.

How to draw an even circle

By default, the circle is drawn free-form, that is, you draw nothing more than an oval with arbitrary dimensions. To draw an even circle, select one of the options:

1. hold down the Shift key;
2. On the tool options bar, select the option:

Once again, pay attention to this window with tool parameters. Here you can configure the ability to draw a figure according to specified sizes or proportions. Specify the desired dimensions/proportions in the width and height fields, and then simply click anywhere in the document - Photoshop will immediately display a circle with the specified values.

So, a vector circle or circle has appeared. This will be a solid colored shape layer.

Now, to be able to resize without losing quality, use the Ctrl+T command. When you no longer need a vector shape, you can use it to continue working on the shape using all the capabilities of Photoshop.

Raster shape this is done in exactly the same way, but at the very beginning you need to select another option in the options bar - Fill pixels.

After this, the circle will be created immediately as a raster one. Don't forget for her.

Method 2. Stroke the selected area - ring

Let's turn to another Photoshop tool - Oval area. The action plan is as follows: create a round selected area, and then outline its borders. As a result, we get a ring.

Draw a circle free form or an even circle (with the Shift key held down). You can also specify specified sizes or proportions for the selection in the tool options bar. To do this, from the drop-down list Style select the appropriate option. After this, the width and height fields will become active and you can enter the required numbers there.

Let's say we get a selected area like this:

Now you need to outline its borders. To do this, select the command: Editing - Stroke.

A new window will appear in which you specify the width of the stroke border and its color. There are also interesting settings on how the stroke width will be calculated:

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

Keep in mind. that the chosen option will affect the final dimensions of the circle (its width and height).

Now that the settings are entered, click OK. All that remains is to remove the dotted selection line - Ctrl+D.

If you notice an error in the text, select it and press Ctrl + Enter. Thank you!

How to draw and cut, create and paste an even circle in Photoshop

Many people know that it is great for drawing all sorts of vector shapes. Adobe program Illustrator. But if only Photoshop is installed on your computer, there is no need to panic. It also contains various tools for drawing figures. From regular lines to rectangles with rounded corners. If you want to draw a circle in Photoshop, then there is nothing easier.

How to draw a circle in Photoshop

First, you should open the program and create a new file (“Ctrl+N”) with a resolution suitable for you. It is better to set a transparent alpha channel as the background. Photoshop has whole group tools for drawing figures. In this case, the objects turn out to be vector ones. Therefore, you can easily increase their size as you work; this will not affect the quality of the figures in any way. To make a circle in Photoshop, select the Ellipse tool. To do this, you need to move the cursor over the “Rectangle” tool, hold down the left mouse button and move the cursor to the “Ellipse”.

Color wheel in Photoshop

Now you need to decide on the appearance of the circle. To do this, pay attention to the options panel that appears above the empty image. First of all, choose a fill color or make it transparent. The program also allows you to create a fill in the form of a gradient or pattern. Then select the outline color. It is specified in the “Stroke” field. You can make it transparent, in which case the image will be limited to the fill color and will not have a stroke. To the right in this panel, select the type contour line(it can even be dotted) and its thickness. Don't pay any attention to the following fields; they are necessary to set the exact dimensions of the figure and its alignment relative to other objects.

How to create a circle in Photoshop

After setting the necessary parameters, all that remains is to create a circle in Photoshop. To do this, move the cursor over one corner of the image, hold down the left mouse button, and release it in the opposite corner. Don’t forget to hold down the “Shift” key while doing this, otherwise you will most likely draw an oval. In the case of holding the “shift”, you will immediately get a perfect circle. On its outline there are square markers with which you can adjust its size; this is done with the “Move” tool activated.

How to cut a circle in Photoshop

You can change at any time appearance already created circle. There are a couple of ways to do this. Firstly, the “Properties” panel contains all the parameters that were configured before drawing the circle. Changing them is not prohibited. You can also go to the Layers panel and add some style to the ellipse layer. This can be a stroke, glow, embossing, as well as filling with a pattern, texture or gradient.

Even circle in Photoshop

An even circle in Photoshop is most often created for use in website design. You've probably seen round buttons on websites more than once that lead to different sections. They are most often created in Photoshop, although in some cases vector editors are used. Place the logo of your studio or organization on the circle to create a simple banner.

How to crop a circle in Photoshop

Now you need to understand that Adobe's program can do more than just draw circles. It can even provide a selection in the shape of a circle. So in Photoshop you can crop any area of ​​a photo in a circle. Let's look at this feature with an example.

Open the photo you want to convert from rectangular to round. Now go to the Oval Marquee Tool.

As in the previous case, now you need to draw a kind of circle. Don't forget to hold down the "Shift" key this time too. Initially, you may not position the round selected area quite correctly. Place the cursor over it and hold down the left mouse button - this will allow you to freely drag the selection circle around the image. This way you can easily select the desired object. It remains to understand what needs to be done with it next.


Now you can cut out a circle in Photoshop by copying the selected area onto a completely new image. To do this, press the key combination “Ctrl+C” or go to the path “Edit>>Copy”. Then create a new image using the keyboard shortcut “Ctrl+N”. Do not change anything in its properties, since the resolution will be adjusted to the size of the copied area. You can only change the name of the image. In the Background Content field, select Transparent. In the empty image that opens, press the key combination “Ctrl+V”. Or go to “Edit>>Insert”. This way you will get the required result - round photo on transparent background. It can be used in website design, text document or as an avatar.

Photo in a circle in Photoshop

Additionally, you can play around with the layer styles by adding a stroke (the position should be internal), a glow, a shadow, or all three. It can turn out very beautiful photo in a circle. Photoshop is capable of a lot; in addition to framing, you can distort the image itself using filters. But this is no longer the topic this lesson. You must save the image in PNG format, otherwise the transparent area will be replaced with white.

In a similar way, circles on water are created in Photoshop. But this process is longer. To obtain such circles, the Zigzag and Gaussian Blur filters are used.