• How to make a round photo in Photoshop. How to round the corners of an image using Photoshop

    Hello to my blog visitor!

    I often see questions like this among newbies:

    • How to download a picture to your computer
    • How to make a picture smaller
    • How to save it in the format you need
    • How to make a picture round
    • How to make pictures on transparent background

    And this is very easy to do! And you can use the free one already built into our Windows editor pictures Paint.net. Here is the official website of the program https://paintnet.ru/. The photo shows final product of our manipulations, the background can accordingly be anything. In the picture you can see what the picture looks like on a transparent background in some graphic editor.

    And such an image can be placed on any background, where the checkered pattern will be the same background on which you place it. But! Be sure to save what you do transparent picture in expansion . PNG, otherwise the background will not become transparent, but white!

    I already wrote about this program in an article. It says where to download Paint for free and why it needs to be done, because most often it is already on our computer.

    And I decided to help beginners, and made a video just for them, since it tells everything from scratch. That is, the basics, starting from downloading pictures from the Internet. You can see it at the bottom of the page.

    And as always, I took screenshots for those who cannot watch the video for various reasons, one of which is slow Internet.

    You can watch all the incomprehensible moments in the video tutorial.

    • Open the picture in Paint.net.
    • You can drag it with the mouse, or you can open it through File and in the drop-down menu, click Open.
    • 1 Click on the round selection tool
    • 3 Select the fragment we need
    • 2 Click on the scissors command “Cut” and the program saves the cut fragment to the clipboard
    Screenshots enlarge by click!

    We get this look in Paint. And click on the “Create” tool (white piece of paper with a green icon)

    A window appears indicating the size of the future document, click “ok”.

    After the document has been created, select the tool Wand. And click it on the white field.

    After that, press Delete, and the background becomes transparent. We get this picture, then select the insert tool ( green arrow points to him). After that, our rose is added there on a round background (look at the first picture of the post).

    And one very important point, we MUST save it in .png format, otherwise the background will not be transparent.

    If you're making images for a blog, don't forget . And remove from the blog those that load the blog and slow down its loading.

    And here is the video tutorial. True, the image is first inserted there, and then the background is removed.

    Paint.net Crop, make round, transparent background.

    If you have any questions about image processing, please write and I will definitely answer or make a video tutorial.

    P.S. If you don’t understand something, please write in the comments.

    At first glance, it seems, what's wrong with that? Turn a rectangular picture into a square or round (oval) one. Yes, there are no problems with a square picture. The “crop” or “frame” tool is always ready to help us with this. But what to do with the round one? After all, there is no such tool in Photoshop. I remember when I started studying the program Adobe Photoshop It gave me a stupor. Really, but how?

    The point is, what to do round picture in Photoshop, you will have to use not one operation, but several. So to speak, workarounds. You can't do it with just one mouse movement.

    I will demonstrate a couple of ways to make a round picture. Both have minor drawbacks. You will have to choose the one that stresses you out less.

    Let's start with the first one. Creating a round picture using selection. I would like to note, by the way, that both methods allow you to make the picture both round and oval.

    Open the original image. We are looking for the “selected area” tool. We are interested in oval. If you want to get a round image, hold down the shift key while highlighting the desired field. If it's oval, you won't need to do this.



    Selected. Now we should copy it to a new layer. The easiest way is to press the key combination ctrl+c, and then ctrl+v. Your image will be copied to the new layer automatically. Well, either you can come in the long way. First create a new layer. Then click on the selected area with the left mouse button and select from the resulting list: “copy to new layer.” The result will be the same.

    This is what we see in the layers window.


    Select the bottom layer and press del on the keyboard.

    This is what the layer looks like.




    In the drop-down list, look for png and save.


    Above I mentioned the disadvantage of this method. What is he like?

    Now we have allocated a fairly large field. We didn't have to spend a lot of time checking the movements. Now try to highlight, say, a kitten’s tongue in a circle. And this time we will have to draw a circle more than once so that the tongue does not go beyond its boundaries. Therefore, I will show you another way. Let's make a round picture in Photoshop using a clipping mask.

    To do this, we first need to create a blank document that is proportional to the picture that you want to make round. Then drag this image there. That is, in the word in window we get the following:


    We should make the image with the kitten invisible. To do this, we poke at the icon with an eye next to the layer. Click. The "eye" disappears. The image with the kitten becomes invisible.


    Notice that in the image I have the bottom layer, the background, selected. And this is not without reason. It should be highlighted for you too. This is necessary in order to maintain the order of the layers.

    Now we are looking for the “ellipse” tool. Again, hold down shift and draw a circle. Its color is not important to us.


    Let's go to the layers window. Click on the layer with the kitten with the left mouse button. And select the “create clipping mask” command.


    This is what we will see.


    You can move the image with the kitten with the mouse so that the required area is displayed in a circle.

    Now you should select both layers by holding ctrl key. And again, by clicking on them with the left mouse button, you call up the “merge layers” command.


    This is what we get.


    Now delete the bottom background layer again and save the resulting round image in png format.

    Yes, longer. Yes, a little wiser. But with this method you can clearly enter the area that you need.

    Have a nice day everyone! How are you feeling? Are you preparing for the second holidays? I do. Tomorrow we are going to Yaroslavl until May 9, as I said. But I won’t leave you without an article. Recently I was asked to make regular photography round, that is, so that the portrait is in an oval frame. It's not difficult and of course I agreed to help.

    And I also decided to tell you how to make a round photo in Photoshop, using the most simple methods. This thing will always come in handy for any decoration. Am I right? Well, due to the established tradition, I will show you several ways how this can be brought to life.

    Oval selection

    You probably already guessed that I will use oval discharge. Well, in principle, this is logical, and this method is probably the simplest. Are you ready? Then let's go!

    And of course, as I promised, we will look at one more method. It is very simple and should not cause you to panic.

    Ellipse


    DON'T FORGET! To remember an image while maintaining transparency, you need to store it in PNG format otherwise you will get rounded picture with a white background.

    Well, if you want to fully study Photoshop from A to Z and gain real knowledge of this wonderful graphic editor, then I strongly recommend that you study this video course. These video lessons are designed for any level of user and can be listened to in one breath. See for yourself.

    Well, I’m finishing my lesson for today. Look at other articles on my blog and you will definitely find something interesting for yourself. Good luck to you! Bye bye!

    Best regards, Dmitry Kostin.

    And again we continue the conversation we started about cropping images. Today we’ll talk about how to crop an image, for example, along the contour of a circle or another contour we need. That is, give the image any shape other than the standard one rectangular shape. We will focus on cutting along the contour of the circle.

    We will work in Word sample 2010, that is, in Word 2010.

    We are already familiar with the Crop tool and some of its options, and we are familiar with various techniques for cropping images. Today we'll take a look at the other options of this tool, starting with the Crop to Shape option. This option is in the list of options that we met in previous meetings:

    By simply clicking on the name of the “Crop to shape” option, we will open the list of shape templates:

    When you hover your mouse over any of the figures in the list, a tooltip appears with the name of the figure:

    By clicking on any shape from this list, we will give our image the shape of that very selected shape. This could be, for example, an equal sign:

    Or an arrow:

    In general, any pattern figure.

    Cropping the original image along the contour of our chosen shape does not change the original width and height of the image. If the image before cropping along the contour, for example, of a heart, had a size of 300x400, then having taken the shape of a heart, oval, cross, star, etc., it will still have a size of 300x400. To verify this, we just need to look at the size of the initial image and the final image after curly cropping. The size of the images is displayed in top panel tabs with options (menu) next to the “Crop” option button. We remember that in order to see hidden options and be able to do a lot of things with the image, we must first select this image by clicking the mouse:

    In order to crop the original image along the contour of a circle, or, in other words, to make it round, but the “Circle” shape is not in the list of shapes, we will use the existing “Oval” shape:

    By clicking the left mouse button on the “Oval” shape, we get an oval-shaped image:

    In our further actions we will proceed from the fact that the main element of this image is the animal’s face.

    Having taken the shape of an oval, the image still remains selected (captured by markers). Let's grab the middle left marker with the mouse and pull it to the right side towards the animal's face:

    With this technique of cropping a picture, we rely on our eye. As soon as we feel that the image has become sufficiently round, then we will release the marker ( left button mouse) and look at the result of your actions:

    Using this technique, we must be prepared for the fact that the image may become distorted and become less realistic and proportional. In the case when we released the marker and saw that the image is not quite a circle, then we can additionally move other selection (transformation) markers.

    If we don’t really rely on our eye, then we can help ourselves by first drawing a square, placing it behind the image, that is, in the background, and making the image itself a little transparent. Or vice versa. Or we can right now, for our peace of mind and accuracy, when we have already cropped the photo along the contour of the circle, draw a circle and, focusing on its contour, edit the shape of our round image. Let's do this.

    Let’s expand the tab of the top menu “Insert”, where, turning to the “Shapes” functionality, select the “Oval” shape. The cursor has changed to a crosshair of two lines, and we can start drawing a circle. The image with the animal should be highlighted with markers.

    Move the mouse cursor over the top middle image selection marker, and then press and hold Shift key(to maintain the proportions of a perfect circle) we begin to drag the mouse cursor to the lower left corner marker of the image selection, thus drawing a perfect circle. Drag the cursor until the circle fits the height of the image with the face:

    As soon as this happens, release the left mouse button, and then the Shift key.

    The circle is ready:

    Now, let's grab the circle with the mouse and drag it towards the round image with the face. Our task is to apply a circle shape to the image:

    The combination of figure and image occurred:

    The circle shape is still captured by the selection (transformation) markers, that is, it is selected. Let it be so - this is what we need.

    Our next step is to remove the circle from the image. Let's do it this action, using the “Text Wrap” option in top menu tab “Format”, where we select the option “Behind the text” (for better visibility, I filled the circle shape with red):

    After selecting the “Behind the text” option, the circle shape “hid” behind the image:

    On the right side of the image, only the smallest part of the red circle shape is visible to us. I personally don’t see the point in transforming the image to achieve the shape of a perfect circle. What should we do if the image, which seemed round to us after cropping, when compared with the figure, turned out to be not so round at all:

    Let's move the mouse cursor over the image and left-click to select it. The images captured selection (transform) markers. All ours further actions boils down to the fact that we, grabbing first one side marker, then the other, combine the image with the circle figure:

    When we inscribe an image in a circle, the image will look like this:

    Well, now let's get rid of the circle. Click on the image to select it with markers, and then turn to the top menu option “Move back”:

    Let's click on this option with the left mouse button, and our round image will appear behind the circle shape:

    Since we worked with an image, the visible selection with markers refers to the image. Let's change the situation. Move the mouse cursor over the circle shape and click to select it, and then press the Delete key:

    This is the final version of the new round image shape.

    Let's move on to consider the second technique of cropping an image along the contour of a circle. Here, knowledge of image cropping techniques discussed in previous meetings will come to our aid.

    Let's get started. Let's place an image on the sheet. Then draw a square shape. Why do we draw a square? Yes, because a circle inscribed in a square is a perfect circle. In addition, the presence of a square will simplify the preparation of the image for cropping along the contour of the circle.

    So, the image on the sheet:

    Now let's repeat the already familiar steps - draw a square in the same way as we drew a circle figure. To this end, let us again turn to the “Shapes” functionality of the “Insert” top menu tab, where we select a rectangle from the list of shapes:

    We and the program are ready to draw a square figure. Let's move the crosshair cursor to the upper middle marker for selecting (transforming) the image and, pressing and holding the Shift key to maintain the proportions, we begin to draw a square. Move the cursor in the direction of the lower right corner marker:

    We don’t pay attention to the fact that the square has gone beyond the boundaries of the image or even the sheet - everything is OK. As soon as we align the cursor with the marker, we first release the left mouse button, and then the Shift key. So we got a square, the length of the sides is equal to the height of the image. In order to make it easier for yourself further work, let's make the square a little transparent. To do this, let’s turn to the “Shape Format” functionality, where we will reduce the transparency of the square fill. The square shape should be highlighted with markers. Let’s move the mouse cursor to the top menu and in the “Shape Styles” section, click on the small arrow in the lower left corner of the section:

    After clicking on this small arrow, the “Format Shape” functional window will open in front of us. Selecting the “Fill” option in this window, reduce the transparency by moving the slider for its adjustment. We reduce transparency at our discretion:

    Now we need to move the square to the left by such a distance that the right side of the square coincides with the right side of the image, while the square should not go beyond the height of the image. The square can be moved using the move arrow key on the keyboard, or by grabbing the square with the mouse and dragging it to the distance we need:

    The next step is to select the image. Move the mouse cursor over the image and click the left mouse button to select it:

    As a result of selecting an image, the “Format” tab of the “Working with Pictures” functionality appeared in the top menu. By clicking on the name of the tab, we will reveal its contents - we need the “Crop” tool. Next click on the “Crop” icon to expand the tool options and select the option with the same name:

    The image was captured by cropping markers:

    Let's grab the left middle marker with the mouse and pull it to the right in the direction of the lonely bird:

    We pull until part of the square opens to our eyes. Continue holding the cropping tool marker with the mouse. Once we have seen part of the square, let's go back a little and align the crop marker with the left side of the square, that is left side images with the left side of the square:

    Having aligned the marker with the side of the square, release the mouse button (stop holding the marker). Here's what we got:

    Now let’s move the mouse cursor to the right corner of the top menu and click on the “Crop” icon, open the list of tool options, where we select the “Crop to shape” option, and in the opened list of shapes, click the “Oval” shape:

    And here is the result of our actions:

    After cropping, the image remained captured by the markers. Let's use this and look at the size of the round image in the top menu:

    Now, click on the square and see its size:

    After spending comparative analysis We can see a discrepancy of 2mm. If you work carefully and slowly, and also remove the stroke of the square outline (I did not remove it), then the dimensions of the round image and the square shape will be the same. If perfect coincidence accuracy is not important to us, then we can ignore a possible discrepancy of 2 millimeters. Visually the discrepancy is not noticeable.

    Another technique for cropping images along the contour of a circle is the use of SmartArt functionality. By using flowcharts containing circle shapes, in which we can in turn place images. These circle shapes are distinguished from other circles by the presence of an image insertion icon. This feature is provided by the Word program itself. These images will be cropped to the circle outline automatically.

    Let's try this pruning technique. Expand the “Insert” tab of the top menu and click on the “SmartArt” icon:

    A window for selecting a drawing (block diagram) “SmartArt” opened in front of us:

    Let's select that flowchart that contains circles. For example, this one:

    Having selected, click “Ok”. After clicking the “Ok” button, a flowchart will appear on the sheet:

    We see that the circles only provide for text insertion. In fact, this is not the case, but more on that later. We will assume that this scheme doesn’t suit us, so we’ll choose another one, for example this one:

    But this block suits us. The circles in this block contain icons for inserting a picture:

    We can use only one circle, and if necessary, we can use all three.

    Click on the insert picture icon on one of the circles and use the operating system explorer to select the desired image from your own folders or some other source. As soon as we select the image, it will instantly appear in the circle, accordingly taking its shape:

    We do not cancel the selection of the circle - it will be needed. If you accidentally reset the selection, click on the circle body to restore it and go to the top menu. Expanding the “Format” tab of the functionality for working with pictures, click on the “Crop” tool icon that appears so that we can adjust the cropping of the image:

    Activating the Crop tool created a dark additional selection, directly under the actual cropping of the image. Let's grab the selected image and move it until it takes the desired location in the circle:

    Then click on the “Crop” icon in the top menu or press the Esc key:

    So we get a round image. The arrow in the picture above indicates the presence of an outline white, which is initially the outline of the circle shape. If we don’t need the outline, we’ll delete it. We can leave it if we wish and even change the thickness and color of the line. We can delete or change the contour line in one of the two “Format” tabs. Each tab relates to different functionality. One “Format” tab reveals the options for working with “SmartArt” drawings, and the other “Format” tab refers to the “Working with Drawings” functionality:

    If we need three round images at once, then in this case we will place the images in the remaining two circles:

    In order to now round images We have completely left the “SmartArt” flowchart, holding down the Shift key, clicking the mouse one by one to select all three round images, and then copy them to the operating system clipboard by pressing the Ctrl + C key combination:

    Now we need to get rid of the flowchart. Place the mouse cursor over the flowchart frame and click the left mouse button. After this click, press the Delete key. For our round images, deleted along with block diagram We don’t worry, he keeps them operating system. Let's return our images using the insert function - press the key combination Ctrl+V:

    We can take advantage of the fact that all three images are selected. Let's grab any of them with the mouse and drag them simultaneously to another place on the sheet:

    For example, let's place them in the center of the sheet:

    Today we looked at only some techniques for cropping images along the contour of a circle and other contours. At our next meeting, we will continue the conversation we started today and look at other tools. Word programs, which will also help us perform curly cropping of images.

    Everyone likes right angles in images. But still, there are times when these same corners need to be rounded. Then the Photoshop program will come to your aid again. In this article we will look at one of the many ways how this can be done. Keep in mind that my method also involves cutting off the image a little at the edges, this is a kind of sacrifice in the name of rounded corners.

    For those who like more clarity, I recorded a video tutorial that can be watched at the end of this lesson. So, let's start rounding the corners of the image:

    Step 1

    By default, all images opened in Photoshop become the background image. Photoshop names this layer as “Background” and also blocks it from unnecessary editing. This is indicated to us by a small padlock icon.

    To unlock such a layer, you need to double-click on it. The dialog box “ New Layer" Don't change anything, just click OK. The lock should now disappear.

    Step 5

    In the layers panel, click on the very first layer with our original image and press the key combination Ctrl+Shift+I. As a result, we should select the entire area outside the boundaries of our square. It's called. Take a closer look at what has changed:

    Step 6

    Now press the key combination Ctrl+X (edit - cut) to delete the selected area. The selection should disappear and a checkerboard background (transparency) will appear where the image once was.

    Step 7

    Now let's make our shape layer invisible. To do this, in the layers panel, click on the eye icon opposite the square layer. Here is the original image with rounded corners.

    Step 8

    Run the command Image - to have Photoshop remove all the extra space around the image. As a result, the transparency mode should be visible only in the corners.

    In the future, to use such an image, it must be saved in PNG format! In this case, the corners will remain transparent. Otherwise, if you save, for example, in JPG format, the corners will automatically become with a white background.

    So, everything is ready. The image with rounded corners will look like this:

    How to make only, for example, one rounded corner?

    Very simple. Let's go back to the stage when we drew the figure. Stretch it so that you can only see one rounded corner, and the other three would be hidden outside the canvas. Here, then follow the instructions described above. Everything is the same.

    I hope the instructions helped you and you can make something cool! Good luck.

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

    Read more: