Hello everyone, in this tutorial we will figure out how to align text or shape in a specific space. For example, let's take a blank document and insert some shape or text there. In our case, it will be a blue avatar.
With the avatar layer active, click CTRL + A to select the entire document. The selection will act as a frame within which the text will be aligned.
Then select the tool Moving.
In the settings panel this instrument the following buttons become active:
1) Top alignment.
2) Alignment of centers vertically.
3) Bottom alignment.
4) Align left.
If you click on the alignment of the centers vertically, and then on the left, it will look like this:
5) Alignment of centers horizontally.
6) Right alignment.
Now click Align Top first, then Right. Our avatar will move to the corner:
Everything is fine, only the avatar is completely stuck to the edges, you need to make a little indent. Click on CTRL-D to deselect the selection. Then SHIFT + LEFT ARROW and SHIFT + Down Arrow... By pressing SHIFT and arrow keys on your keyboard, you can move the object at once by 10 pixels in the desired direction.
Apply this knowledge to move objects around in your working document. It is very comfortable. Using the keys Shift + Arrow you will get even gaps between elements. And your design work will look more organized and balanced.
See you in the next lesson!
Very often, novice users do the alignment operation by eye, which takes a lot of time and effort. In this lesson, we will analyze the techniques that allow you to accurately align images in Photoshop without unnecessary manipulations.
Photoshop includes a tool "Move", thanks to which you can precisely align the layers and objects of the image you need the way you need. This is done quite simply and easily. In order to simplify this task, you need to activate the tool "Move" and pay attention to its settings panel. Buttons 1 through 3 allow you to select vertical alignment. Buttons 4 through 6 allow you to horizontally align the object.
So, in order for the object to be placed in the center, it is necessary to activate centering by two parameters. The main condition for aligning is the need to indicate to Photoshop the area relative to which it should find the edge or center. Until this condition is met, the buttons for alignment will not be active. This is the secret of placing an object in the middle of the whole picture or in one of the specified areas.
Option 1: Align to the whole image
Option 2: Centering on a given fragment of the canvas
Next example. You need to position the picture in the center vertically, but with right side... Then you need to center the vertical position and set the right alignment horizontally. Suppose there is a fragment in the picture, inside of which it is necessary to place some picture evenly. To begin with, similarly to the first option, you need to select this fragment. Let's try to figure out how this is done:
After that, you need to select the layer with the image and, by analogy with the previous paragraph, place it in the place you need.
Result:
Sometimes it is necessary to carry out a small manual correction of the position of the image, this can be useful in some cases when you only need to slightly correct the existing position of the object. To do this, you can select the Move function, hold down the key SHIFT and press the directional arrows on your keyboard. At this way correction, the picture will be shifted by 10 pixels at a time. If you don't hold the key SHIFT, but decide to just use the arrows on the keyboard, then the selected item will move 1 pixel at a time.
Thus, you can align the image in Photoshop.
As a rule, beginners do this operation by eye, which is not at all necessary. Select the Move tool and notice its options bar. There are a number of settings that are responsible for this task (see the screenshot):
The first three buttons are responsible for vertical alignment (from left to right): top, center, bottom.
The next three buttons are responsible for horizontal alignment (from left to right): left, center, right.
Thus, to place the object exactly in the center, you need to select centering vertically and horizontally.
The most important rule of alignment: first of all, you must tell Photoshop the area in relation 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 pressed.
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 want to place this picture in the center:
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.
On the layers palette, select the background layer and press the keyboard shortcut Ctrl + A (Select All). As a result, you should see a marquee marquee selection box 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 lock 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 press these buttons:
Another example. Let's say you want to place a picture in the center, but from the left edge. Then, on the parameters panel, select the following buttons:
Option 2- in a single image fragment
Let's say there is a fragment in the image, inside of which you need to ideally place some picture perfectly evenly. In my example, I added a glass square. Let another picture be inside it (by the way, in this article you can learn how to make such a glass square yourself).
STEP 1
The first step, by analogy with the first option, is to highlight this fragment. How to do this?
If this fragment is on a separate layer (like mine is a 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 in the image itself, then you need to select the Rectangular and Oval areas selection tools and use them to draw an even selection 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 centered:
Advice. In some cases, you need to manually slightly adjust the location of the picture. Select the Move tool and hold down the Shift key and click the direction arrows on your keyboard. The picture will move in 10 pixel increments.
If you do not hold down this key, but simply use the keyboard arrows, the picture will move in 1 pixel increments.
In this tutorial I will explain how to find the center of an image in photoshop... We will consider two ways: using transforms and guides, as well as guides and snapping.
The first step is to enable the ability to create guides. To do this, go to the "View" menu item and turn on the "Ruler" tool. Also, it can be enabled via the "Ctrl + R" key combination.
A scale appears at the top and left. By pulling this scale down or to the right, we pull out horizontal or vertical guides.
The next step is to transform the layer. You can go to the menu item "Edit" -> "Free Transform" or press the keyboard shortcut "Ctrl + T". Special points appear on the layer, for which we can transform it. We are most interested in the center point here. It is she who denotes the center of the image.
In this mode, we just need to drag the guides from the ruler to the center.
The second way is how to determine center in photoshop- using the Snapping tool. To enable it, go to the "View" menu item and select the "Binding" item. It can also be enabled using the "Shift + Ctrl +;" key combination. In this mode, if we drag our guide along the image, then it will "stick" to the sides, as well as to the center of the image. This applies to both vertical and horizontal guides.
This method has one peculiarity. It only works with the selected layer. If you have another layer selected in the layers palette, then "snapping" will work only relative to its borders and will not work on an inactive canvas.
Video tutorial:
So how can I rearrange the blocks within the document and position them geometrically correctly in relation to each other and the entire document?
Of course, I could try to arrange them manually using the Move Tool, but it will take a decent amount of time and I doubt I would be able to place them accurately using the "by eye" method. Better and much easier to align and reorder blocks using special alignment options(Align and Distribute options).
To access these options, we have to select the Move Tool:
With Move selected, the alignment options will appear as a series of icons in the options bar at the top of the screen. At the moment, the icons are grayed out and unavailable. in the Layers Panel I have only one layer selected, and there is simply nothing to align it with:
Let's see what happens when we select multiple layers. While holding down the Ctrl key, I'll select three layers, "Top Left", "Top Right" and "Top Center":
The options are now active. Let's now take a closer look at each of them.
Alignment options
These are the first six icons in the options group. I list the purpose of the icons from left to right: - alignment to top edges
- vertical centers of layers
- along the bottom edge
- left-aligned
- horizontal centers
- right edge
These options can be applied to the content of two or more layers and will bounce off the edges or centers of the content:
Distribution options
I list them from left to right:
- distribution along the top edges of the content
- along the centers of the layers vertically
- along the bottom edges
- on the left edges
- centered horizontally
- on the right edges
Attention! Please note that you need to have three or more layers selected for this option to be available!
Now let's see how to put these options in practice to order the blocks in my document. As you remember, I selected three layers - Top Left, Top Center, and Top Right (top left, top center, top right). I'm going to temporarily disable other blocks in the document by clicking on the visibility icon of each. I turned off the visibility just for clarity, this does not affect the operation of the alignment options:
Now only three blocks remain visible in the document window:
First, I'll align these three boxes horizontally to the top of the boxes. To do this, click on the "Align Top Edges" option in the options bar:
At the same time, Photoshop determines the position of these three blocks, finds out which one is closer to the top of the document, and then moves the other two blocks to the level of the upper edge of the topmost one, in this case, this is the block with the yellow letter "O", and this action is performed instantly. For a better understanding of this moment, move the mouse over the picture, and the image with the position of the blocks will be displayed. before displacement:
