Photoshop provides many ways to rotate, distort and otherwise distort imagesand all these powerful tricks should be in your arsenal of tricks.
By rotating the image, you can make it look more interesting, convert vertical elements to horizontal ones (or vice versa), and straighten curved elements. Distort is useful when you need to skew an object or text or rotate it slightly to the side, or if you want the object or text to fade in perspective. And the tool allows you to distort individual objects in the image, leaving others unchanged.
Simple rotation
Command Image rotation(Image Rotation) allows you to rotate the entire document (layers, etc.) by 180 or 90 degrees (clockwise or counterclockwise), or arbitrarily at any angle you specify. You can also flip the canvas (or layer) horizontally or vertically.
Transformation
Another way and image rotation is use transform commandswhich can help you make one selected object or an entire layer larger or smaller without resizing the document.
If you go to the menu Editing, you will see the commands Free transformation(Free Transform) and Transformation(Transform) about in the middle of the list. The only significant difference between these two options is that when you select an item from the Transform menu, you limit yourself to only doing that specific task, while the other command allows you to make several changes at the same time (without pressing the Enter key)
Selecting one of these commands brings up a bounding box that looks and works like tiny square handles on the four sides of the image.
You can transform any objects you want. Vectors, paths, shape layers, and text layers are especially good candidates for transformation, as well as all of them can be resized without affecting the image. But you shouldn't zoom in too much, because you can't control resolution, interpolation, or other important properties. To really be on the safe side, resize the image using transform commands only for the following reasons:
1. To reduce the size on one layer.
2. To reduce the size of all content on one or more layers
3. To increase the size of a vector, path, part of a path, shape layer, text layer, or smart object on one or more layers.
To apply the command Free transformation, select the layer, and then press Ctrl + T or select the corresponding command on the Edit menu. Photoshop will place a bounding box around the image containing handles that let you apply any or all of the following transformations to your subject: scaling, distorting, rotating, perspective, tilting and warping.
4. To change the scale (size) object, grab a corner handle and drag it diagonally inward to decrease or outward to increase its size. Press and hold the Shift key while dragging, to resize proportionally (that is, so that the object is not distorted).
You can drag one handle at a time, or press and hold the Alt key to zoom from the center outward (meaning that all four sides of the bounding box will move at the same time).
If you use the Free Transform command to resize a large object, the markers may end up outside the document edge (or margins), making them impossible to see, much less to capture. To bring them back into view, select the menu command View - Show in full screen.
5. To rotate image, position the mouse pointer behind the corner handle. When the pointer changes to a curved, double-headed arrow, drag the mouse up or down.
6. To tilt (skew) an object, hold down the Ctrl + Shift keyboard shortcut and drag one of the side handles (the mouse pointer changes to a double-headed arrow).
7. To freely distort the image, hold down Alt while dragging any corner handle.
8. To change the perspective of an object, hold down Ctrl + Alt + Shift and drag any of the corner handles (the pointer turns gray). This maneuver adds single point perspective (in other words, one vanishing point).
9. To warp the image, drag any control point or grid line.
When you're done, press Enter or double-click inside the bounding box to apply your changes.
If, having applied the transformation, you realize that it is not enough, you can repeat the operation by choosing the menu command Edit - Transform - Apply Again. The bounding box will not appear, instead Photoshop will reapply the same transform.
All transformations are based on a tiny transform center that appears in the center of the transform window. It looks like a circle with a crosshair. You can drag it or set your own center by going to the options bar or by clicking on one of the square handles of the icon showing the position of the transformation center, or by specifying the X and Y coordinates.
If you spot an error in the text, select it and press Ctrl + Enter. Thanks!
A bounding box appears on the layer with markers at the middle of the sides and at the corners. With the help of these markers, we can transform everything inside the outline box by simply dragging and dropping them:
Reshape the selected area
Let's start by looking at the most simple ways change the selected area, i.e. the area inside the outline box.
To adjust the width of the area, left-click on the left or right marker and, while holding down the mouse button, simply drag the marker to the left or right. To adjust the height, use the top or bottom handle and drag it up or down. Here I am dragging the right handle to the right. Note that the rhombs are stretched horizontally:
Moving one of these side markers by itself will only move the corresponding side side, but if you hold down the Alt key before starting dragging, then when dragging the marker, both sides will move, and in opposite directions relative to the center of the selected area.
In the example below, I hold down Alt and drag the right handle to the right, with the left side of the region moving outward to the left.
The same thing happened if I held Alt while dragging the top or bottom marker:
To change the width and height of the area at the same time, click and drag any of the corner handles. If you hold down the Alt key before that, all four sides of the outline box will move relative to the center:
Change of size
When changing the shape in the way described above, we can violate the proportions of the image. For example, if you drag the right side of a 4x3 rectangle to the right, the proportion will already be, say, 5x3 or 6x3 or something. In other words, the shape changes along with the size.
But, quite often, the user is faced with the task of resizing, but at the same time keeping the original shape intact.
For example, you may need to scale down a photo to fit the frame, but do not want the face in the photo to become disproportionately wide or elongated. You just need to reduce it without changing the proportions.
In order to resize something using "Free Transform" (Free Transform) while maintaining proportions, you should hold down the Shift key before dragging the handles. ...
If you also hold down the Alt key together with Shift, the size will change from the center:
Rotation
The method for rotating an image or selection using Free Transform is slightly different from resizing and resizing. Instead of dragging the markers, move the mouse cursor outside the bounding box, and you will see that the cursor has turned into a curved line with small arrows at both ends. After that press the left mouse button and, without releasing it, drag the cursor to rotate. If you hold down the Shift key before dragging, the frame will rotate at a fixed angle of 15 ° in one mouse movement:
Axis of rotation (center of transformation)
If you look closely at the center of the outline box, you will notice a small circle symbol. This symbol represents the center of the transformation, which is why, by default, it is in the center. This also explains why the image is currently rotating around its center - because the center of the transformation is in the center of the image.
We can change the position of this center by simply dragging it with the mouse to any other location. For example, if I want my image to rotate around its bottom-right corner, all I have to do is drag the transform center to that corner:
Moving
To move an image or a selection within a document, left-click anywhere inside the outline frame (but not on the transformation center!) And, without releasing the key, drag the cursor to the desired location.
Other transformation options
The "Free Transform" option itself is somewhat limited in its capabilities. That's why Adobe Photoshop includes additional modes transformations that greatly expand the capabilities of the program. Go to the tab Editing -\u003e Transform (Edit -\u003e Transform).
I draw your attention, not "Free Transform", but simply "Transform"!
After the transition, a list of additional options opens:
About additional options described in the article "Transformation: Additional Modes".
Apply or cancel transformation
Press Enter to apply the transformation, Esc to cancel.
Also, you can click on the buttons located on the right side of the parameters panel. To apply, click on the checkbox, to cancel - on the crossed-out circle:
We continue to disassemble the jungle of Photoshop on the site and the topic of this article is free transformation. How do we work in Photoshop? In Photoshop we are cutting out objects. We have already learned this from the article about. After cutting the object, most often, you need to change - enlarge, reduce, rotate in the other direction, deform in proportions and move to another place. In other words, Transform. Photoshop offers us a number of features and gadgets through which you can deform the shape of an object, but free transformation or Free transform, perhaps the most simple and classic. It is impossible not to understand it. Free transform comprehended intuitively, as in all other programs, be it Flash, InDesign, Illustrator, Corel draw or even MS Office he is the same.
Note that in Photoshop Free Transform has not yet taken its place among the panel tools. Tools how long ago he took this place in InDesign, Illustrator or Flash... Free Transform is still in the edit menu Edit\u003e Freetransform And this location does not bother him at all, because instead of poking around the panels and menus, you just need to press on the keyboard Ctrl + T I remembered this combination as soon as I started to master Photoshop. It still remains the most frequently used one. Just select a layer and press Ctrl + T and a Free Transform form will appear on the work surface Free transform
Free Transform Basics - Scaling
I will try to describe the work with Free Transformation not on fragmentary examples, don't understand what, but in relation to specific design tasks. The next lesson will be completely devoted to the transformation tool. In its course, we will create just such a simple illustration. As usual at the end of the article there is a PSD file with everything and layers. However, this is in.
Now let's talk about the basics. Draw a small circle with the tool Elipical Tool... On the settings panel, the button Shape Layer, for more details on the meaning of which you can read in the article
Choose Edit\u003e Free Transform or press Ctrl + T A special frame appears around the object, with which you can change the size of the object. The frame is simple. The left anchor stretches the object to the left, and vice versa, compresses the object to the left. The right anchor stretches to the right. Bottom to bottom, top to top. Corner anchors are most used because they enlarge or reduce an object from both sides at once. After finishing the transformation press ENTER, double click or tap the checkmark in the settings menu.
Warp and Free Transform
Transformation works not only towards scaling. Pinch Ctrl and without releasing it, move the pointer to the edge of the object until the cursor turns gray. Click and drag to the side.
The perspective of an object can be created in the same way. Click Ctrl and move the cursor to the corner anchor of the object. The cursor should turn gray. Now click and deform the object.
Free Transform and Rotation
Move the cursor to the corner anchor, but a little further than the corner. The cursor will turn into a curved arrow. You don't need to click anything, you just need to click and move the mouse.
Transform and selection tools
Transformation works not only with vector shapes but also with everything in the world. Transformation is especially often used with raster objects, in conjunction with selection tools. You can read about selection tools in my articles, or. Make a selection with one of the selection tools and go to Edit\u003e Free Transform... The selection will turn into a transform object. You can safely change the size and shape.
Note that by creating a selection on a raster layer and then transforming it, you are not creating new layer and the object to transform. You rip the selection out of its environment, and re-embed it when you finish transforming. Everything remains on one layer. So first of all, copy the selection to a new layer. Then work with it.
Mirror transformation
To mirror the object vertically or horizontally, select Edit\u003e Free Transform and click on the object with the right mouse button. In the menu that appears, select Flip horisontal or Flip Vertical... The same can be done through the menu - Edit\u003e Transform\u003e Flip Horisontal Mode Free transform of course must be included.
Note that in the same menu you will find other spread settings. This is vintage Rotate 180, Rotate 90 CW and Rotate 90 CCW... Among these settings Rotate 180 completely identical Flip horisontal... That is, yes, 2 functions actually duplicate each other, being in the same menu. Rotate 90 CW and Rotate 90 CCW unfold the object on 90 degrees clockwise and counterclockwise about the axis. Incomprehensible CW and CCW which confused me for 5 years actually means the following: Rotate 90 ClockWise (expand 90 clockwise) and Rotate 90 CounterClockWise (expand 90 counterclockwise)... Very understandable. Thanks Photoshop, I've been confused among these settings for 5 years.
Transforming the old fashioned way (Scale, Rotate, Skew, Distort and Perspective)
The adepts of the old transformation tools in Photoshop are the opies from the menu Edit\u003e Transform These tools are very ancient features, and have been in Photoshop since the days when not only the site did not exist, but the Internet itself. In fact, the developers have decomposed all kinds of deformation options into 5 categories: Scale, Rotate, Skew, Distort and Perspective (Zoom, Rotate, Tilt, Distort, Perspective)... Choosing a specific transformation tool from Edit\u003e Transformation you choose a specific operation. We chose Rotation, so you can only rotate. Usual Free transform all these tools are jammed, since one in one can implement everything you need.
Correct shortcuts
Practice shows that nothing can be done without shortcuts. It is extremely difficult to enlarge the object while maintaining the scale, it is almost impossible to rotate the object exactly 90 degrees, or bevel the top of the object parallel to the other side.
SHIFT - when scaling, it increases / decreases in proportion to the sides, when deforming, deforms points parallel to each other, when rotating, rotates the object by 15 degrees.
ALT - transforms the object on all sides of the axis location.
Free Transform and Axis
There is an axis in the center of each transform object. The axis is the culmination of transformation, since all transformation occurs in relation to the axis. You can move the axis with the mouse. If you press Alt the axis can be arbitrarily set anywhere in the work area. In relation to the axis, scaling, rotation and everything in the world occurs. For example, various elements such as flower petals and a watch dial are created precisely by rotating objects about an axis.
Free Transform and Options menu
Coordinates
Transformation is not only in shape changes, but also in movement. It's funny, but it would be more logical for these settings to be in the instrument settings Move Tool, but they are found here in the transform settings. First of all, these are the coordinates of the location of the object on the working surface. The coordinate point is considered the axis, which is in the center by default, but it can be rearranged to a different location. If you make the upper left edge the axis of the object, the object can be easily positioned in the upper corner of the work area. And it's just as easy to slide it on 20px to the side.
Relative coordinates
Don't understand where your object is, but you need to move its copy by 25px right? Let's say you are creating a menu. Use relative coordinates. Relative coordinates are measured from their own location.
Otherwise, Photoshop provides us with a logical interface for changing digital parameters in terms of size, rotation angle and offset angle of the vertical and horizontal sides. I want to note that Photoshop does not store values. Once transforming the object and clicking ENTERresizing, angle, and positioning options are erased. They are saved only for Smart objects, but this is a topic for another article.
Hello dear readers of our site! I hope you are in a good mood and ready to plunge into the magical world of Photoshop.
Today I will tell you how to learn how to transform images in Photoshop. In this case, we will consider all kinds of methods and types.
We open the Photoshop already available on the computer and go to work. Select a picture, preferably in the format PNGbecause thanks to transparent background the result of the transformation will be more noticeable. Open the picture in Photoshop as a separate layer.
This function allows you to change the scale of the picture, distort, rotate, expand or narrow it. In simple terms, free transforming is changing the original appearance of an image. For this reason, it is the most commonly used form of transformation.
Image scaling
Changing the scale of the image starts from the menu item "Free transform". There are three ways to use this feature:
1. Go to the menu section at the top of the panel "Editing", select a function from the drop-down list.
If you did everything correctly, then the desired image will be surrounded by a frame.
2. Select your image and click on the right mouse button, in the menu that opens, select the item we need "Free transformation".
3. Or use the keyboard shortcut CTRL + T.
You can also change the scale of the image in several ways:
If you know the specific size that the picture should receive as a result of the transformation, then enter the necessary numbers in the corresponding fields of width and height. This is done at the top of the screen, in the panel that appears.
Resize the image manually. To do this, move the cursor to one of the four corners or sides of the picture. The normal arrow changes to double. Then clamp left button mouse and drag the image to the size you want. When the desired result is achieved, release the button and press Enter to fix the size of the object.
Moreover, if you pull the picture by the corners, then the size will change both in width and length.
If you drag the image by the sides, the object will only change its width.
If you drag the image by the bottom or top side, the height will change.
In order not to damage the proportions of the object, simultaneously hold down the mouse button and Shift... You need to pull the corners of the dotted frame. Then there will be no distortion, and the proportions are maintained depending on the zoom in or out. To distort the image from the center and to the center during transformation, hold down the button Alt.
Try it out by experience to understand the whole point of zooming.
Rotate the image
To rotate an object, you need to activate the "Free Transform" function. Do it in one of the above ways. Then move the mouse cursor to one of the corners of the dotted frame, but slightly higher than in the case of transformation. A curved double arrow should appear.
While holding the left mouse button, rotate your image in the desired direction by the required number of degrees. If you know in advance how many degrees you need to rotate the object, then enter a number in the appropriate field in the panel that appears at the top. To fix the result press Enter.
Rotation and scaling
It is possible to use the zoom and image functions and rotate them separately. In principle, there is no difference from the possibilities described above, except that you alternately use one and then another function. As for me, it makes no sense to apply exactly this way of changing the image, but to whom how.
To activate necessary function go to the menu "Editing" further in "Transformation", in the list that opens, select "Scaling" or "Turn", depending on what change in the image you are interested in.
Distortion, perspective and tilt
These functions are located in the list of the same menu, which has already been discussed. They are combined into one section, as they are similar to each other. In order to understand how each of the functions works, try experimenting with them. When choosing a tilt, it feels like we are tilting the image to its side. What does distortion mean and so it is clear, the same applies to perspective.
The function selection scheme is the same as for scaling and rotating. Menu section "Editing"then "Transformation" and select the desired item in the list.
Activate one of the functions and drag the dotted frame around the image for the corners. The result can be quite interesting, especially when working with photographs.
Frame overlay on screen
Now let's move on to the lesson of superimposing a frame on a monitor, where we just need the acquired knowledge. For example, we have two such photographs as a bright frame from a favorite movie and a person at the computer. We want to make the illusion that the person behind the computer monitor is watching your favorite movie.
Open both images in Photoshop.
After that we will use the tool "Free transformation"... It is necessary to reduce the image of the movie frame to the size of the computer monitor.
Now we use the function "Distortion"... We try to stretch the image so that the result is as realistic as possible. We fix the resulting work with the key Enter.
And we will talk about how to make a better overlay of a frame on the monitor, how to get a more realistic result in the next lesson.
- Moving a layer in adobe editor Photoshop
To move a layer as a whole or a fragment of it, use the tool Move from the Toolbar.
So, to move a layer, you need to do the following:
- Step 1. If you need to move not the entire layer as a whole, but only some of it fragment, then use any selection tools and select a fragment of the layer.
- Step 2. Select the tool on the Toolbar Move.
- Step 3. Bring the courses inside the selection to move the fragment or to any point on the layer to move the entire layer.
- Step 4. Drag and drop. To do this, press the left mouse button and, while continuing to hold down the button, move the mouse cursor.
- Convert a layer in Adobe Photoshop
To transform a layer or its selection, you can use one of the commands in the submenu Edit - Transform.
These include the following commands: Scale, Rotate, Skew, Distort, Perspective, Rotate 180 °, Rotate 90 ° CW, Rotate 90 ° CCW, Flip Horizontal, Flip Vertical.
Or you can use the command Free transform on the menu Edit, which will allow you to perform all these transformations in one operation. After choosing a team Edit - Free Transform The layer or selection will be surrounded by a border with eight markers, and the Options panel will display a number of options that can be set directly in the Options panel.
Scale - to scale the image inside the area, you need to drag one of the eight square handles. To scale proportionally, drag a corner handle while holding down with the Shift key ... Or you can set values \u200b\u200bfor parameters directly on the Options panel W and H as a percentage of original size... In order for the dimensions to change proportionally, you must click on the link icon, which is located between the parameter values W and H.
Flip - to flip the image, you need to move one of the markers behind the opposite marker. If, for example, the left marker is dragged to the right of the right marker, the image will rotate horizontally. Although, if you only need to flip the image, it's easier to use the Flip Horizontal and Flip Vertical commands from the Edit - Transform menu.
Rotate - to rotate the image, move the mouse cursor to the corner marker, so that the mouse cursor takes the form of a rounded double-sided arrow, press the left mouse button and, while continuing to hold the button pressed, drag the cursor. In the Options panel, you can set the rotation angle using the Rotate parameter.
Skew - to bevel the image, you need to drag the side, top or bottom marker while holding down the Ctrl key on Windows or Command on Macintosh. In the Options panel, the bevel is set using the H and V parameters.
Distort - You can distort the image by Ctrl-dragging the corner handle on Windows or Command-dragging the Macintosh.
Perspective - To create a perspective, Ctrl + Shift drag on Windows or Command + Shift on Macintosh to drag a corner handle. If you need to move two points synchronously, drag a corner handle while holding down Ctrl, Alt and Shift on Windows or Command, Option and Shift on Macintosh.
To accept the transformation, press Enter on Windows (Return on Macintosh) or double-click inside the area.
You can also click the button in the Options panel.To cancel the transformation, press the Esc key or click the button on the Options panel.
