How to make an oval image in Photoshop. How to make a picture round

2 votes

Good day, dear readers. The Internet is increasingly disappointing to me. I’m learning Photoshop and periodically I come across various kinds of tasks. I would like to work at the specialist level, but the articles that I can find are mostly written either by schoolchildren or for schoolchildren, to be done... somehow.

I need to cut an object along the edge, and the result after these posts is terrible. It was as if he was working with hundred-year-old creaking scissors. Horror that you can't put anywhere. You want a round photo, but they offer you a 500-page manual when everything is much simpler.

I'm terribly tired of identical and useless publications that are far from real life beginning designers and developers. We will have to take on the sacred educational mission upon ourselves.

To be fair, I've written long posts on many of these topics myself, but time goes by. Everything changes and skills improve. This article is not that long, but it contains tips that will help in real life.

Today we’ll talk about one of the most important and common tasks: how to cut a picture in Photoshop professionally, evenly and quickly. We will consider different cases. Somewhere I’ll show you how to dig deeper so that the result turns out cool. At some point, on the contrary, I will describe accelerated process completing the task.

Image resize in two clicks

I, of course, am a sinner myself. I recently wrote and the article turned out to be not small, but comprehensive. Now I will describe how to do everything quickly, without unnecessary movements.

So, open Photoshop, and then the photo you will work with.

To do this you will need the Frame tool.

You can pull the edges to determine the size or cut off something extra.

But, as a rule, the main task of the designer is to work with specific dimensions. You either need to crop the photo to certain size from all edges, or a suitable picture in width or height. There is a corresponding button for all this.

If you are interested in the ratio, choose top button and insert your values.

If one of the indicators, then select W x H x Resolution.

Insert your values.

Everything will be smooth, beautiful and in good resolution. By the way, I recommend over cropping, especially if there are a lot of photos, and the one installed on your computer slows down. This ordinary story for fat-bellied Photoshop, with its super-powers. Lightweight online service works much faster.

Make an image round in two minutes

There are many ways to cut a photo in a circle. Now I will tell you about the simplest thing. Literally 2-3 minutes and you're done.

Open the drawing.

And select the “Oval Marquee” tool. If you can't find it, hold left key mouse on one or another panel button on the left. Perhaps the oval is “hiding” under the rectangle.

To draw an even circle, move the mouse and hold Shift at the same time and the proportions will be preserved.

Naturally, only the area of ​​the picture we need should remain inside the circle. Move it using the arrow and mouse. There is no need to clamp anything else.

Now press Ctrl + C at the same time to copy the area inside the circle, and then Ctrl + V to paste it into this picture. Then remove the "eye" from the background.

You will get this option. Without a background, it will later be transparent.

So that the transparency remains and does not change to white, you need to select PNG format(). The familiar JPG does not understand what transparency is.

You don’t have to save it and just paste it into another photo. Ctrl + V.

To make a round picture of a girl smaller, you need to press CTRL and T at the same time, and then move the dots along the perimeter of the square. Hold Shift to maintain proportions.

This method is much faster and easier than others.

Normal professional object cutting

With circles we saved time and we have somewhere to spend it. Cutting objects along a contour so that it looks great is not so much difficult as long process. You'll have to try and dig deeper.

Open the photo.

And first of all, create a duplicate layer. This is necessary in order to get rid of the background later.

There are a whole bunch of tools for selecting objects. The function that I will talk about further is suitable for any other option. In this photo white background, so I can choose my favorite " Quick selection».

If you want to know more information for beginners about cutting tools, read the article on this topic, it is already on my blog. Then come back to improve your skills and knowledge.

If you can't wait to start with the secrets of mastery, take a picture with a plain background.

Swipe across the background and ants will crawl along the edge.

Now let's go to the Refine Edge tab.

Pay attention to the "view". It will come in handy more than once. There are many different options for displaying the changes that you will apply to the photo. Move from one to the other to achieve the perfect effect and see exactly how it will look. Everyone will like their own display option.

Immediately put a tick on “Smart radius”. The indicators will have to be changed at your own discretion, by eye. Believe me, over time it will work out much better and faster.

Adjusting the edges. Use, try, experiment.

Now click “Ok”. As it turns out a little later, these values ​​\u200b\u200bshould be remembered, but we will return to this later.

I don’t know about you, but this checker doesn’t really suit me. You can't see how everything has changed. Click on the background once so that this layer is highlighted, and then create new layer. This can be done through the menu at the top “Layer” - “New” or by clicking on the advising button on the left. I marked it with an arrow.

So, now click on the newly created layer and apply a fill to it.

Ideally, of course, immediately put the background on which the picture will be later. But, I will try to work in contrast. It’s immediately obvious that the option is not the best, but why not? We are learning.

So now let's go back to the copy layer.

And again we move on to refining the edges.

I like the right edge better. What conclusion can be drawn? We had to remember the values ​​we applied to the left so that both parts looked the same. I have already said this. It was not for nothing that I left the article as is and did not change a word, although I could have deleted the information about this error.

Watch how people gain experience, make mistakes and come up with their own rules. There's nothing wrong with doing something wrong. This is where professionalism is born.

There are many tools that we can use now, and experts do just that. They don't leave the picture just like that. First, let's use blur. To make smooth edges.

This is how it worked out for me.

I don't really like it. Best option– change the background on the second layer. Agree, it’s not bad anymore.

You can download my layout, open it in Photoshop and make it much better. Send your results in the comments to this post.

If you think that Photoshop is difficult, then you are very mistaken. This is just a set of tools, and professionalism is developed only through experience, creating pictures one after another.

Imagine you have a garage and it’s full of everything: hammers, axes, machines. You can walk around them and think about what they are intended for, you can ask professionals for advice, but in any case, this will not make you a master.

If you want to quickly understand all the Photoshop tools, I can recommend you course for beginners from Zinaida Lukyanova . You will quickly learn all the methods, methods, tools. You will understand what is needed and why, what it is used for. The only thing left to do is practice, try and apply in one case or another. This is how they become masters.

If you are going to become a professional and dream of the money that you can get from creating websites, then you will also have to study basics in web design school. Within three days you will be given free access to all lessons. Frankly speaking, this is quite enough to understand a lot.

Well, for those who want to get big money and want to get very high, they will have to invest more seriously. This is a course from gurus, incredibly cool specialists from companies such as Kaspersky Lab. Unfortunately, other names are unlikely to give you any idea or evoke associations. Most likely you haven't even heard of them.

But believe me, as soon as you start spinning around in this area and moving towards your intended goal, you will see that you have missed a lot. “Web designer: effective website from idea to implementation” here you can really learn the profession of a web designer. The course costs a lot, but upon completion you will be given a diploma, thanks to which you can immediately break into the TOP and receive incredible amounts!

06.08.2016 27.01.2018

IN this lesson you will learn how to make a circle in Photoshop. This can be done in two ways - with and using Paint Bucket toolTool) to fill the selection on a new layer.

The first method is faster and simpler; to create a circle in Photoshop, you only need one tool, while the second method will use several tools and functions. Lesson completed in Adobe Photoshop 2015.5 if you have more early version programs, some settings may differ, especially when it comes to tool Ellipse Tool.

How to make a circle in Photoshop using the Ellipse Tool

Create in Photoshop new document, File-Create (FileNew) with size 800x800 pixels:

Choose tool Ellipse Tool.Hotkey calling the tool - U. After it becomes active group of vector shapes tools, press keyShift and click on the tool or just hover your mouse over group vector tools and pinch left mouse button for a few seconds - a drop-down list will open from which we select tool Ellipse Tool:


Functions Ellipse Tool on top panel tools:


1 - window for selecting the type of vector object (shape, outline, pixel);

2 - select the color of the vector object;

3 - adding a stroke to an object (there are many stroke options, stroke with color, gradient, pattern);

4 - stroke size;

5 - stroke type;

6 - object width;

7 - button to save proportions;

8 - object height;

9 - operations with the contour;

10 - contour alignment;

11 - contour ordering;

12 - additional settings creating a figure (given proportions and size, creating a figure from the center);

13 - align the edges vector figure on a pixel grid.

Press again keyShift and stretch the circle to the size we need. KeyShift used to maintain proportions. Another option for maintaining proportions is to press the button with the chain in in the top settings panel, the Ellipse Tool:

Also, when creating a circle, you can hold down keyAlt- this will allow you to draw a shape from the center of the canvas. If, when creating a circle, you simultaneously hold down Shift And Alt - the circle will be created proportionally and from the center.


That's how easy and simple we created a circle in Photoshop! IN top settings panel Ellipse Tool you can change the color of the finished shape, add a stroke to it, and change the size.

How to make a circle in Photoshop using the Paint Bucket toolTool)

Choose Elliptical Marquee tool. Tool hotkey - M(V English layout). Again, as in the previous step, to call the drop-down list with all selection group tools clamp key Shift and click on the group or long-click on the group of selection tools.

Clamp keyShift to maintain proportions, to create a selection from the center, you can also hold down key Alt. Create a circular selection. If necessary, move it around the canvas Move tool (Move Tool) .

Create a new one empty layer Layers-New-Layer (Layer-New-Layer). Activate Paint Bucket Tool. Call hotkey instrument groupsG. I hope you remember how to select an instrument from a group? Come on, check it out, and, at the same time, consolidate your knowledge.

IN toolbars choose the color we want to fill the circle with, let it be lemon:

Click left mouse button inside the selection to fill the circle with the selected color:

Deselecting , going to Select-Deselect or by pressing the hotkey combination Ctrl + D. While the selection is active, you can change the fill color and fill it with a different color. Unlike the first method, there is no way to change the fill color at any time; you will have to activate the selection each time or leave it on until you get the desired result.

Instead of Paint Bucket Tool you can use the menu item Editing-Fill. The principle of operation of this command is the same - fill the selected area/layer. The only difference is that you can fill not only with color, but also with a pattern; there is also the possibility content-aware fills and changes blend mode fills.

So we learned how to make a circle in Photoshop. We hope the lesson was useful to you!

Instructions

Open the source file. To do this, press the key combination CTRL + O and find the desired file in the dialog that opens. In the dialog window, you can view the contents of the selected file before opening it, so it’s difficult to make a mistake.

Now you need to select the required circular area of ​​the photo. Hover over left top corner images, click left button mouse and, while holding it, move the cursor diagonally to the bottom corner. The size of the selected area will increase, and when you release the mouse button, it will freeze. If you do all this while holding down the CTRL key, the selected area will be a geometrically regular circle. But without this you are free to create an oval of any degree of flattening.

After the selection is made, it is possible to perform additional manipulations with it. For example, it can be moved by dragging it with the mouse or clicking with the arrows. Accelerated movement using the arrows is obtained by holding down the SHIFT key. You can change selections - to do this, expand the “Selection” menu section and select “Transform Selected Area”. When you finish adjusting the shape, copy the selected area by pressing CTRL + C.

Now create a new one - press CTRL + N. Photoshop will automatically select dimensions for it that match the width and height of the photo section you copied. All you have to do is select “Transparent” from the “Background Content” drop-down list and click the “OK” button.

Remains edited photograph- press the combination of four keys CTRL + SHIFT + ALT + S. In the dialog that opens, set desired file- select it in the second drop-down list from the top. GIF formats and PNG support transparency, JPEG does not. But JPEG can transmit better smooth transitions colors (gradients). Select the desired option and click the “Save” button, and then indicate where exactly and with what name you want to save the file.

There are two key tool in Photoshop: rectangular and elliptical marquee tools(rectangular and oval area selection), 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. When you tap and swipe an area, hold 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 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 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 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. Click Ctrl key, and you can pull a 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.

Instructions

Cut part of the image into Photoshop possible in several ways. If you just need a picture, run the program, open through the “File” menu item desired image. There is a toolbar on the left side of the program window; select the “Crop” tool on it. Move the cursor to the area of ​​the image where one of the corners of the cropped picture will be located and press the left mouse button.

Without releasing the button, move the cursor to the diagonally opposite corner; the frames will show the outline of the cropped part of the image. Don’t be afraid to set inaccurate dimensions; you can correct them by dragging the markers on the corners and sides of the selected area with the mouse. Then select any tool from the panel. A prompt will appear with three options: “Crop”, “Cancel”, “Do not crop”. To trim drawing, select the first one. If you want to change the cropping boundaries, click Cancel. Pressing the third button cancels the cropping operation completely.

If you need to quickly cut out a rectangular element, use the Rectangular Selection tool. Select the desired area for them, then copy it: “Edit” - “Copy”. Now you can paste the copied element into the same or another image. To insert accurately, first select the desired area with the same tool, then click: “Edit” - “Paste”.

If you need to cut out a portion of an image complex shape, you can use several tools. The simplest of them is “Quick Selection”. For example, you need to select a round element. Select the Quick Selection tool and click on the edge of the circle. Then, without releasing the button, move the cursor to the opposite edge of the selected element. An uneven selection area will follow the cursor. Release the button. Now you can use your mouse to refine the selected area by dragging the outline in the desired directions.

The most complex objects It's better to cut using the Pen tool. Select this tool, at the top of the window click on the Paths tool option. Now, using successive mouse clicks, create the outline of the element to be cut. Once you close the path, click it right click mouse and select context menu"Create selected area" item. Now you can copy the selected element and paste it into another image.

The Pen tool has rich capabilities; it can be used to cut out even very complex image elements - for example, a fluffy cat. In this case, the program, following your commands, will automatically refine the edges of the image, highlighting the animal’s fur and whiskers. It is better to read in detail about the use of “Pen” in specialized literature.