How to center a shape in Photoshop. Aligning objects within specified boundaries

In this tutorial I will show you how to straighten an image in Photoshop. Sometimes pictures come out slightly tilted to the right or left. It's very easy to fix this using Photoshop.

Step 1: Open the image you want to straighten.

Step 2. Find an object in the photo that should be vertical or horizontal (horizon line, window, door, etc.). In our example we will use top part doors. Select a tool Ruler(I).

Click on the image and drag the mouse pointer in accordance with the found line.

Step 3: Select a team Image - Rotate Canvas - Arbitrary.

In the dialog box that appears, the Photoshop program will automatically set the required rotation angle and select its direction - clockwise or counterclockwise. All you need to do is click on the OK button and the image will be aligned.

Step 4. To remove areas white at the corners of the image, select the tool Cropping (C) and by clicking on left button mouse, create a crop frame so that the white areas remain outside it. If necessary, use the markers along the edges of the frame to adjust its position.

In this tutorial you will learn how to center images in Adobe program Photoshop.

The method presented here is not the only possible one, but it is the simplest.

1. Let's create new document(File > New). Choose the background color and size of the picture at your discretion. IN in this case We will use a canvas of 450x250 pixels:

2. Insert an image that will need to be placed in the center of the canvas. To do this you need to first create new layer, in which it will be placed:

3. The next step is to select the Move Tool. It is located in the toolbar or simply press the "V" key.

4. Now we need to select our drawing layer (just click on it) and press Ctrl+A. This way we highlighted our image. Now it can be centered. To do this, use the menu located in the top row:

5. Press in turn both buttons that are highlighted in red on this menu. The result will be the centering of your drawing vertically and horizontally:

As you can see, there is nothing complicated here. Now you have a drawing located in the very center of the canvas. You can also experiment with other menu keys to see the effect they produce.

This article will teach you a quick and easy way to straighten skewed photos. Let's face it, unless you take all your photos with a camera mounted on a tripod, some of them will be a little lopsided. Luckily, in Photoshop we can straighten them incredibly easily in just a few simple steps!

Here is a photo of the New York Hotel and Casino in Las Vegas:

Original image

A typical tourist photo. It was made with little compact camera while walking around the city, and a little later it turned out that it was a little skewed. The Statue of Liberty is tilted slightly to the right. But don't worry. We will fix all this very soon. Let's get started!

Step 1: Select the Measure Tool

The best way to straighten images in Photoshop is to use the Measure tool, which does most of the work. As you'll see very soon, Photoshop can do almost all the work for you! The “Measurer” tool, by default, is located in the “Pipette” tool menu.

Therefore, to select it, you need to click and hold the mouse button on the Eyedropper tool, "Measurer" will be second or third in the list. Click on the "Meter" tool to select it:

Select the Measure tool from the Tools palette

Step 2: Click and draw a line along something that needs to be straightened

Find some element in the photo that needs to be straightened, either horizontally or vertically. We're going to flatten its edge using the Measure Tool instead of figuring out how skewed the photo actually is. In my case, I'm going to spend horizontal line along the roof of the building located directly behind the Statue of Liberty.

Obviously, the roof must be strictly horizontal, but at the moment this is clearly not the case. I simply click once on the left side of the roof edge, then hold down the mouse button and move the cursor to the right side. This will create a thin line from the point where I first clicked the mouse on the right side of the roof, and the point where I finished moving the mouse and released the button.

Photoshop uses the angle of this line to determine how strong it should be image rotated to straighten it:

If you look at the options bar at the top of the screen, you will see the angle of the line you just drew ( this is the number to the right of the letter "A"). In my case, the line is located at an angle of 1.9 degrees to the horizontal:

Options bar showing the angle of a line drawn with the Measure tool

Photoshop can now use this angle to determine how much to rotate the image to straighten it out.

Step 3: Select the "Rotate Canvas - Freely" command

Go to the “Image” menu, select “Rotate canvas”, and then “Arbitrarily”:

Go to Image > Rotate Canvas > Freely

Every time I do this, I smile because the word "randomly" actually means "by chance" or "by luck." But this is the opposite of what we do. We don't rotate the image randomly, just for luck.

We used the Caliper tool to find out exactly how many degrees to rotate our image, and now Photoshop can use the information we gave it to straighten the image for sure.

As I've said before, most of the problems with learning Photoshop come from terminology. As in this case, I don't know what Adobe was thinking.

Nevertheless, let's move on. Once you select “freely”, the “Rotate Canvas” dialog box will pop up, and as we can see, everything has already been done for us. In my case, Photoshop has already entered the value of 1.85 degrees, and even already knows that the image will need to be rotated counterclockwise, so the CCW option is selected:

Rotate Canvas dialog box with given values angle and direction of rotation

You might be surprised that Photoshop entered an angle of 1.85 degrees when we just recently saw 1.9 in the Options Bar. The reason is that in top panel Photoshop rounds angles to one decimal place, so the panel had a value of 1.9 degrees.

Although in reality the angle measured using the Measure tool was 1.85 degrees. The angle specified in the Rotate Canvas dialog box is more correct.

Step 4: Click OK button to rotate and straighten the image

At this point, all we have to do is click OK in the Rotate Canvas dialog box to exit, and Photoshop will then rotate and straighten the image:

The image is now rotated and aligned

Everything looks great, the Statue of Liberty no longer leans to the right. We were able to straighten the image without any manual manipulation, thanks to the Measure tool and the Rotate Canvas command.

Step 5: Crop the Image Using the Crop Tool

Of course, there is a small problem. By rotating the image inside the document window, we added some white areas to the canvas around the outer edge of the photo. We must complete the processing by trimming these areas. And for this, we can use the “Crop” tool. Select "Crop" from the tool palette, or simply press the letter C on your keyboard.

As a rule, beginners perform this operation by eye, which is not at all necessary. Select the Move tool and take a look at its options bar. There are a number of settings that are responsible for this task (see screenshot):

The first three buttons are responsible for vertical alignment (from left to right): top edge, center, bottom edge.

The next three buttons are responsible for horizontal alignment(from left to right): left, center, right.

Thus, to place an object exactly in the center, you need to select vertical and horizontal centering.

The most important rule of alignment: first of all, you must tell Photoshop the area relative to which the program should look for the edges or the middle. Until you do this, the alignment buttons will be inactive, meaning they cannot be clicked.

This is the secret of how to make an object in the middle of the entire image or its separate fragment.

So, the sequence of actions is as follows:

Let's say you need to center this picture:

Option 1- relative to the entire canvas.

STEP 1

We indicate to Photoshop the area relative to which the program should align the image. This is done by creating a selection area.

In the layers palette, select the background layer and press the keyboard shortcut Ctrl+A (Select All). As a result, you should see a selection frame of “marching ants” around the background layer. (As a rule, the background layer is the same size as the canvas).

You can select the background layer in another way - hold down the key Ctrl and left click on the background layer. The method works when this layer is unlocked (this is indicated by the padlock icon).

STEP 2

Now you need to select a tool Moving. When we have a selection frame, the alignment buttons will become active, which means they can be used.

Select the layer with the picture that you want to align, and now click on the buttons in accordance with where you would like to place this picture. For example, let's place it exactly in the center. Then we need to click these buttons:

Another example. Let's say you need to place the picture in the center, but on the left edge. Then on the options bar select the following buttons:

Option 2- in a separate fragment of the image

Let's say there is a fragment in the image, inside of which you need to place some picture perfectly evenly. In my example I added a glass square. Let there be another picture inside it (by the way, in this article you can learn how to make such a glass square yourself).

STEP 1

First of all, by analogy with the first option, you need to select this fragment. How to do this?

If this fragment is on a separate layer (like my square, which I inserted separately), then you need to press Ctrl and click on the layer thumbnail if it is not locked).

If this fragment is located in the image itself, then you need to select the Rectangular and Oval area and use them to draw a smooth, selected area around the fragment. How to use these tools.

STEP 2

Select the layer with the picture and select the buttons how you would like to place this picture. For example in the center:

Advice. In some cases, you need to manually slightly adjust the location of the picture. Select the Move tool and hold Shift key, click on the directional arrows on your keyboard. The image will move in 10 pixel increments.

If you do not hold down this key, but simply use the keyboard arrows, the image will move in 1 pixel increments.