How to make a white circle in photoshop. How to draw a circle in Photoshop

30.04.2019

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

Many people know that Adobe Illustrator is great for drawing all kinds of vector shapes. But if only Photoshop is installed on your computer, you should not panic. It also contains various tools for drawing shapes. From simple 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 need to open the program and create a new file ("Ctrl + N") with the resolution that suits you. It is better to set a transparent alpha channel as the background. Photoshop has a whole group of tools for drawing shapes. In this case, the objects are vector. Therefore, in the process of work, you can easily increase their size, 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, 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 panel with parameters 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 choose an outline color. It is set in the "Bar" field. You can make it transparent, in which case the image will be limited to the fill color, it will not have a stroke. To the right in this panel, the type of the contour line is selected (it can even be dashed) and its thickness. Do not pay attention to the following fields, they are necessary for setting the exact dimensions of the figure and its alignment relative to other objects.

How to create a circle in Photoshop

After setting the desired parameters, it remains to create a circle in Photoshop. To do this, move the cursor to one corner of the image, hold down the left mouse button, and release it in the opposite corner. Do not forget to hold down the "Shift" key while doing this, otherwise you will most likely draw an oval. In the case of a clamped "shift" you will immediately get a perfect circle. There are square markers on its outline, with which you can adjust its size, this is done with the “Move” tool activated.

How to cut a circle in Photoshop

At any time, you can change the appearance of an already created circle. There are a couple of ways to do this. Firstly, in the "Properties" panel there are all those parameters that were configured before drawing the circle. Changing them is not allowed. 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.

Smooth circle in Photoshop

An even circle in Photoshop is most often created to be used in website design. You have probably seen round buttons on websites 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 - you get a simple banner.

How to crop around in Photoshop

Now you need to understand that the program from Adobe is capable of more than just drawing circles. It can even provide a selection in the shape of a circle. So in Photoshop, you can crop around any area of ​​\u200b\u200bthe photo. Let's look at this possibility with an example.

Open the photo you want to turn 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 as well. Initially, you may not position the round selection correctly. Move the cursor over it and hold down the left mouse button - this will allow you to freely drag the selection circle over the image. So you can easily select the desired object. It remains to understand what to do with it next.


Now you can cut out the circle in Photoshop by copying the selection onto a brand new image. To do this, press the key combination "Ctrl + C" or go along the path "Edit>> Copy". Then create a new image using the keyboard shortcut "Ctrl + N". Do not change anything in its properties, as the resolution will be matched to the size of the copied area. You can only change the image name. In the Background Content field, select Transparent. In the empty image that opens, press the key combination "Ctrl + V". Or follow the path "Editing>> Paste". This will give you the desired result - a round photo on a transparent background. It can be used in the design of the site, 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 inside), a glow, a shadow, or both. You can get a very beautiful photo in a circle. "Photoshop" is capable of much, in addition to framing, you can distort the image itself with the help of filters. But this is not the topic of this lesson. The image must be saved in PNG format, otherwise the transparent area will be replaced with white.

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

In this article, we will look at the basic tools and functions you need to know to draw an even circle in Photoshop. Let's talk about how you can make a circle in Photoshop, a circle outline and a circle of the desired diameter.

Create a new file: "File" - "New" or open the desired image by pressing the key combination "Ctrl + O".

The cursor will look like a plus sign. Click with the left mouse button where the circle should start and draw it without releasing the button. The circle will be drawn in the color that is selected as the main one. It is drawn from the beginning of the cursor.

To draw a circle from the center, in the tool options, click on the little black arrow and check the box "From Center" (From the center).

If needed draw an even circle, not an ellipse, put a marker in the "Circle" field.

Draw a circle in Photoshop of a given size you can also, put a marker in front of “Fixes Size” (Specified size) and in the “W:” and “H:” fields set the width and height values. By setting the same values, draw a circle, different - an ellipse. Now press the left mouse button and, without releasing it, place the circle that appears in the desired part of the image.

The site already has an article on how to draw a rectangle without a fill. Now let's see how we can draw a circle in photoshop without fill. To do this, in the settings of the tool “Ellipse Tool” (Ellipse), activate the button “Paths” (Contours).

In the same way, by clicking on the black arrow and marking the desired point with a marker, you can make an even circle, from the center or a fixed size.

As a result, you can draw an ellipse or circle with a thin light gray outline without a fill.

Also, you can draw a circle using the Elliptical Marquee Tool (Oval area).

Select it and hold down the "Shift" key to draw an even circle instead of an ellipse. If you hold "Alt + Shift", then you can draw a circle from the center.

Thus, we will draw only the outline of the circle.

To fill it with color, select the "Paint Bucket Tool" from the toolbar, and set the desired color as the main one. Then click with the mouse inside the selected area.

If you need draw a circle with no fill, right-click on it and choose Stroke from the menu.

In the next window, set the value for the line width to "Width" and select the outline color "Color".

To deselect, press Ctrl+D. As a result, we have drawn a transparent circle with a red outline.

So, using one of the described tools, you can draw an ellipse or a circle with or without a fill in Photoshop.

Rate article: 1 vote

Good day, dear readers. It's been a long time since I wrote Photoshop tutorials. We need to fix it urgently. Today we’ll talk about one very simple thing that will be useful both for in or other elements for websites, and just for beautiful pictures and postcards.

Now you will learn how to draw a circle in Photoshop. It's very simple, fast and interesting. I'll also show you some fun options for making your own modern website content, social media group posts, or just postcards to send to your friends.

How to draw simple, even and beautiful circles

First of all, you need to open the Photoshop program. Do not forget that you have the opportunity to use the online version pixlr.com .

I never get tired of saying that you should not pay attention to simple (or other) options like Paint or some other nonsense. Learn to work in professional programs.

Now you will read an article about solving one problem, tomorrow about another, and in a year you will be able to carry out very healthy projects, even if you were not going to do it at all. Set yourself global goals. But, back to the main topic.

Create a new document.

Let's say it will be 500 x 500 pixels. It doesn't matter.

Now we find the ellipse tool in the control panel. If you can't find it right away, try holding down the mouse button on the menu buttons on the left for a few seconds. Perhaps the ellipse is hiding under the rectangle.

Now we draw a circle.

To make the circle even, hold down the shift button on your keyboard. It helps keep proportions.

Once you're done, an additional control panel will pop up. It duplicates the one at the top of the screen. You can work in any one you like more, it doesn't matter.

If you need to draw a figure of the desired diameter, change these values ​​​​to the required parameters. Let it be 500. Look, if for some unknown reason only one indicator changes, do not forget to change the second one, otherwise you will draw an ellipse.

You can use a gradient, a pattern, or choose a single color. Open additional panels to expand your own possibilities.

Here you can also use different tricks: gradient, pattern, one color or no stroke.

If you want to change the line itself, look at the next column.

By the way, I completely forgot to say, if you are using a gradient fill, then try a radial effect so that the color comes from the center.

Another interesting effect

You can draw a circle directly on the picture or move it to the photo using the ctrl+c (copy) and ctrl+v (paste) buttons.

Now work with the opacity (in the panel on the left). Make sure that the layer you are working with is highlighted in the panel. In this case, an ellipse.

You can write some text in the circle.

If there are difficulties, you can download the psd layout of this picture, which you see in the screenshot above, and dig deeper into it. This makes learning more interesting. Take a look at my example for yourself. It's not difficult at all. ( DOWNLOAD >> )

There are layers: a photo of the savannah (background), a circle with a gradient (ellipse 1) and text. If you download this file, you can and should open it with photoshop, and then have fun as you like.

Or here is another picture you can download ( DOWNLOAD >> ).

To create it, in addition to the points that you already know about, on each layer I right-clicked and changed the blending options.

Download this layout and see for yourself, maybe you can significantly improve the result! Feel free to leave your options in the comments.

For those who want to understand

If you and my lessons, then I advise you to subscribe to my blog newsletter and receive information about fresh interesting publications directly to your mail. It's really convenient.

However, you must agree that you will have to wait a lot to learn and become a professional. Indeed, in addition to Photoshop, I talk about WordPress, how to sell and create websites, about plugins and negotiating with customers.

If you want to learn Photoshop in order to create websites, I can recommend two more options. First - lessons from here - " WEB DESIGN for beginners". I have already written about them in detail. In principle, if you want, you can learn a lot for free, in three days, which are provided as a test period. Very helpful and great.

However, it's cool if you're learning for yourself. If you are interested in earning big, then pay attention to Netology, namely this course - “ Web designer: effective site from idea to implementation »:

Yes, the price, of course, bites.

But what program and what teachers are waiting for you.

Here you have the director of Red Keds, and the creator of interfaces from Kaspersky Lab, and a bunch of famous and successful guys from companies with a worldwide reputation. Upon completion, you receive a diploma. This one is really worth it.

OK it's all over Now. Now you know the maximum and I can take my leave with peace of mind.

Good luck in job!

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 within a circle or square.

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

Correct figure, but the wrong position?
What do you do when you have already drawn the correct shape, 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 shape to the desired position. Release the space bar and then the left mouse button to lock the selection in 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 selection tool, disregarding the rotation. Now release your mouse button and select Select > Transformselection(Select > Transform Selection). The shape now shows transform handles that you can use to rotate it. Press the Ctrl key and you can drag a corner of the shape and distort it. Press Enter or Return to apply the transformation and remove the handles. Now you can continue your work with the selection area.

Strict allocation size
If you want to create a selection area with exact dimensions, from the dropdown menu style(Style) choose fixedsize(fixed size). Write the pixels in the width and height in the frame 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 selection tool, remember that there's a lot more to it than meets the eye.

I think if you are interested in the question of how to draw a circle in Photoshop, you are just starting your study of this fascinating program. No wonder you decide to start with the simplest shapes. By the way, you are doing the right thing.

The circle is a basic shape, the use of which in Photoshop is limited only by your imagination. And whatever your level of knowledge, you still have to use it. Therefore, we will not delay and immediately begin.

There are several ways to draw a perfectly even circle in Photoshop. But first we need to create a new document to work with. Top panel. Command File - Create. I recommend creating a large document that is easy to work with. I prefer 2000px wide and 1000px high. But you can use any other size you like.

Let's turn our attention to the side toolbar. Ellipse tool. He is what we need. We click on it, and then on the workspace. Hold down the right mouse button and draw a circle. And now I will tell you a little trick. In order to achieve a perfectly even circle the first time, hold down the shift key on your keyboard. I recommend remembering this trick. Because it works with many elements.


And now the second way. Now we will draw a circle using the selected area. For what again we will address to a panel of tools.


Click on the oval area tool, hold shift and draw.


Now we need to fill it with color. We turn to the color selection panel. Click and select a shade in the window that appears. By moving the slider, you can look through millions of shades and in any case you will find what you need. As soon as you make a choice, click the "ok" button in the same window.


On the same panel, look for the fill tool. We click on it, and then on the selected area.



The circle is ready. Remove the selection by pressing the key combination on the keyboard ctrl + j.

Sometimes there is a need to create a circle that is not filled with color. Let's say this is a frame for a photo or a design element of a future site. It will not be difficult to do this if you have analyzed the second way to create a circle in Photoshop.

Create a selection and go to the "edit" tab, where we select the "stroke" command.


In the window that appears, select the stroke color and its thickness, which is expressed in pixels.


Here's what we got. Don't forget to deselect.


In this way, without noticing for yourself, you have learned how to use several very important tools in Photoshop. Such as: selection, fill, use of primitive shapes and stroke. I think they will be useful to you more than once in the future, and therefore it is worth remembering them.



Similar articles