How to make a picture round. 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 a transparent background
And this is very easy to do! And you can use the free image editor Paint.net already built into our Windows. Here is the official website of the program https://paintnet.ru/. The photograph shows the final product of our manipulations; the background can therefore be anything. In the picture you see what a picture looks like on a transparent background in any graphics 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 the image you made transparent in the extension . PNG, otherwise the background will not become transparent, but white!
I have already written 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
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 Magic Wand tool. 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 (the green arrow points to it). 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.
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 rectangular shape. We will focus on cutting along the contour of the circle.
We will work in Word 2010, that is, 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 the top bar of the options tabs (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 let’s release the marker (left mouse button) and look at the result of our 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 it.
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.
Place the crosshair cursor on the upper middle image selection marker, and then, pressing and holding the Shift key (to maintain the proportions of an ideal circle), begin to drag the mouse cursor to the lower left corner image selection marker, 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 perform this action using the “Text Wrap” option in the top menu of the “Format” tab, where we select the “Behind Text” option (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. Images captured selection (transform) markers. All our further actions boil down to the fact that we, grabbing one side marker, then another, 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 and 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 our further work easier, 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 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've 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, the left side of the image 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 conducting a comparative analysis, we can see a discrepancy of 2 mm. 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, into 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 does not suit us, and we will 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.
Let's click on the insert picture icon on one of the circles and, using the operating system explorer, select the desired image from our 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 a white outline, which is initially the outline of a 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 for the now round images to completely leave the SmartArt flowchart, hold down the Shift key, click the mouse one by one, 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. We don’t worry about our round images that were deleted along with the block diagram - they are stored by the 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 Word tools that 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 New Layer dialog box appears. 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 is 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 only one rounded corner is visible to you, and the other three are 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!
What a wonderful baby!
Yes, of course, in the Photoshop program it is possible to cut a circle of a given diameter, just like any other shape, from any image, and without any problems, special knowledge or time.
To begin, take the Eliptical Marque Tool from the tool palette (which is on the left) and create a selected area.
Moreover, if you need to create a regular circle, then before starting to create a selection you should hold down the Shift key, and if you want the circle to be created from the center, then hold down the Shift and Alt keys at the same time. Although, when setting the selection size, this is not required.
So, we selected the “Oval Area” tool, then at the top of the Photoshop working window, select the future selection style “Fixed Size”, as shown in the figure:
And enter your width and height of the circle in the appropriate fields, as you can see in the example, I entered 250 and 250 pixels.
Then we click on the document, a selection appears, and, using the mouse cursor, which will take the shape of a cross, we place the selection in the desired place.
All.
Alternative methods, for those who are not looking for easy ways)))
But, there are cases when it is impossible to enter the dimensions of the future circle or oval in advance, therefore, if you need to get a figure of a certain size, you need to use one of two methods.
1. Before creating a selection, open the Info palette; you can do this by going to the main menu tab Window-->Info or simply pressing the F8 key. While creating a circle, the palette shows the circle's dimensions, width and height. To obtain the required size, you need to accurately move the mouse. To simplify this procedure, before creating a circle, you need to zoom in on the document as much as possible so that only the desired area is displayed in the frame.
2. If, nevertheless, it was not possible to obtain the specified size of the selection with the mouse, then you can apply the scaling of the selection itself after its creation.
For example, we need a circle with a width and height (in normal terms, diameter) of 250 pixels, but with the mouse it turns out sometimes larger, sometimes smaller, for example, the output is a selection with a width and height of 248 px, and that’s it. Let me remind you that we look at the size in the Info palette.
In this case, we adjust the size of the selection using scaling. Go to the main menu tab Select-->Transform Selection. We see that an overall frame has appeared around the selection, and at the top of the main Photoshop window the values have changed. The interface of this tool is identical to the Free Zoom tool. Now you need to enter the necessary parameters in the H and W boxes (height and width, in English W and H). A small problem - we need pixels, and then there are percentages. We need to count it. The size of our selection in the example is 248 pixels, so one percent will be equal to 2.48. From the desired size (250 px) subtract 248 px, we get 2 px. We divide these 2 pixels by the percentage value of 2.48 and get 2 / 2.48 = 0.806, which we round to 0.81. Therefore, we need to enter the value 100.81%.
Yes, first click on the button indicated in the figure, then enter your value 100.81% in the corresponding window instead of 100% and check the result in the Info palette. Everything is as it should be, the size is 250 pixels.
