Image warping · Understood about CorelDRAW. How to use the puppet warp command in Photoshop

The tool is used to transform the size and shape of an image. The tool can be activated using the command Editing > Free Transform (Edit > Free Transform) or using hotkeys Ctrl+T. A transformation frame with square markers will appear around the image.

By selecting the Free Transform tool, you can rotate, enlarge, reduce, display in perspective, distort, tilt, and flip the image vertically and horizontally. Transformation can be applied both to the whole image and to a separately selected part of the image or object. Let's look at the transformation tool in more detail.

Tool settings panel.

Just like any other Photoshop tool Free Transform has its own settings panel.

In parameter group 1, you can change the position of the central marker (by clicking on one of the white squares on the tool icon), around which the transformation frame with the image rotates.

In group 2 you can set the exact transformation scale in width and height. If the button in the form of a chain is pressed, changes will occur while maintaining the proportions of the image.

In parameter group 3 you can set the image rotation angle. If you enter a positive angle value, the image will rotate clockwise, if you enter a negative angle, it will rotate counterclockwise.

In group 4, you can tilt the image at a specified angle in the horizontal and vertical planes.

Working with the tool.

1. To resize the image, drag one of the markers located around the perimeter of the transformation frame.

2. To resize the image while maintaining the proportions, hold down the key Shift and drag one of the corner handles.

3. To rotate the image around the center point, move the cursor outside the frame (the cursor will appear as a curved arrow in two directions) and move in the direction of rotation. You can change the coordinates of the rotation axis by moving the center point to the desired location.

4. To hide the frame and better see your changes, click Ctrl+H(press again and the frame will appear again).

5. To apply the transformation and finish working with the tool, click Shift.

Transformation.

By placing the cursor inside the transformation frame and clicking the right mouse button, a submenu will open Transform.

1. Scale. Resize an image or selected object. We discussed this function above (working with the tool).

2. Rotate. Rotate the image around a central point. You can change the coordinates of the rotation axis by moving the center point to the desired location.

3. Skew. Tilts the image horizontally or vertically. Move the cursor to the side transformation frame and it will turn white and an arrow will appear next to it, right-click and drag the frame to the side to tilt the image. The sides will remain parallel, but the angles of the image will change. If you hold down while resizing Ctrl+Alt, the center point of the transform frame will remain in place, but the corners will change position.

4. Distortion. Curves the image in any direction. The corners move independently of each other. When a key is pressed Alt, the central point remains in place, and all distortions occur around it. The function is well suited if you need to stretch or make a perspective distortion of an object.

5. Perspective. If you want to create the impression that an object is located at some distance, the Perspective command will help you. Using this command is intuitive. When you drag a corner marker, the marker opposite it moves in the opposite direction. In other words, he behaves like mirror reflection draggable marker. The difference between the Distort and Perspective commands is that the former applies only to one edge of the object, while Perspective automatically changes the location of two handles when you drag only one of them.

6. Warp. This feature has been available since CS2. When you select this function, a grid appears on the object. By clicking on any point of the grid and dragging the mouse, we can deform objects randomly. For example, overlaying an image on objects.

Everything is clear with the following functions, I will only give their translation:

7. Rotate 180°.

8. Rotate 90° CW.

9. Rotate 90° CCW.

10. Flip Horizontal.

11. Flip Vertical.

Tool hotkeys.

1. Scaling relative to the center point: Alt + drag corner handle.

2. Symmetrical image tilt: Ctrl + Alt + drag side handle.

3. Image distortion: Ctrl + drag side handle.

4. Image distortion along a certain axis: Ctrl + Shift + drag side handle.

5. Perspective: Ctrl + Shift + Alt + drag side handle.

I hope now you can easily transform any image, individual object or selected area.

Photoshop provides many methods of rotating, distorting and otherwise distorting images, and all these powerful useful tricks should have in your arsenal of tricks.

By rotating an image, you can make it more interesting in appearance, transform vertical elements into horizontal (or vice versa) and straighten curved elements. Distortion is useful when you want to make an object or text slanted or turn it slightly to one side, or when you want an object or text to fade into perspective. And the tool allows you to distort individual objects in the image, leaving others unchanged.

Simple rotation

Team 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 to rotate images is use transform commands, which can help you make a single selected object or an entire layer larger or smaller without changing the document size.

If you go to the menu Editing, then you will see the commands Free transformation(Free Transform) and Transformation(Transform) is 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 are limited to doing only that specific task, while the other command allows you to make multiple changes at once (without requiring you to press Enter)

Selecting one of these commands brings up a bounding box, which looks and works like tiny square handles on the four sides of the image.

You can transform any objects you want. Particularly good candidates for transformation are vectors, paths, shape layers, and text layers, as they can all be resized without affecting the image. But you shouldn't increase it too much because you can't control resolution, interpolation, or other important properties. To really be on the safe side, only resize an image using transform commands 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 the combination Ctrl keys+T or select the appropriate Edit menu command. Photoshop will place a bounding box around the image containing handles that allow you to apply any or all of the following transformations to your object: scaling, distortion, rotation, perspective, tilt and warp.

4. To change scale(size) of the object, grab the corner handle and drag it diagonally inward to make it smaller or outward to make it larger. Press and hold Shift key when dragging, to resize proportionally(that is, so that the object is not distorted).

You can drag one marker at a time or click and hold Alt key to change the scale from the center outwards (meaning 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 handles may end up outside the edge of the document (or margins), making them impossible to see, much less grab. 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 (bevel) an object, hold down Ctrl+Shift and drag one of the side handles (the mouse pointer will change to a double-headed arrow).

7. To freely distort the image, hold down the Alt key 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 will turn gray). This maneuver adds to the object one-point perspective(in other words, one vanishing point).

9. To deform the image, drag any control point or grid line.

When you're done, press Enter or double-click inside the bounding box to apply the changes.

If, after applying the transformation, you realize that it is not enough, you can repeat the operation by selecting the menu command Edit - Transform - Apply again. The bounding box will not appear; instead, Photoshop will reapply the same transformation.

All transformations are based on a tiny transformation center that appears in the center of the transformation 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 clicking on one of the square icon handles showing the position of the transform center or by entering the X and Y coordinates.

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

For the first time, the Warp tool appeared in the arsenal graphic editor Adobe Photoshop in version CS2. In the same version, the “Vanishing point” tool disappeared. And from that moment on, we had the opportunity to distort part of the image or the entire image, as well as transfer objects to digital image new forms. You may have seen in photographs the curved edges of sheets, letters, and books. Perhaps these effects were made after the photo was taken, using the Warp command.

How useful is the Warp tool for the modern photographer?

Before answering this question, you need to understand what you specialize in as an artist and how deeply you go into retouching your images. Many photographers solve all the basic issues of creativity in the photography process and limit themselves to simple techniques for correcting photographs. The less you sit at the computer, the more time you have for photography. I also belong to this group of photographers. But still, I rarely get perfect images, which require minimal intervention during post-processing. But if you create composite images, do deep retouching, or just want to learn more about the possibilities Adobe programs Photoshop, then you should read this article to the end. Here I have selected for you four situations where the Warp tool will help solve some problems.

How do I access the Warp tool?

To access the Warp tool, you will first have to create a duplicate layer. You cannot apply this tool to the background layer. Then from the main menu Edit, call the command Transform > Warp (English version - Edit > Transform > Warp).

Also, the Warp tool can be accessed using the hotkeys CMD + T on a Mac or CTRL + T on a PC. This keyboard shortcut will bring up the Free Transform tool, and to get to Warp Must, you must switch to this mode using the button in the tool settings, or using right button mouse to open the context menu.

After you activate the Warp tool, a grid with nine sectors and control points will appear on the image. The four corner points are controlled in the same way as Bezier curves in the Pen tool. As soon as you start moving the corner point, two control levers immediately appear. Points located inside the image at the intersections of lines can be moved in any direction. Besides, in this tool Several presets included.

Which is better: the Warp tool or the Liquify filter and can they replace each other?

When it comes to distorting specific areas of an image, each of these tools is quite good at certain cases. But each has its own specific capabilities that no other tool has, and they must be used depending on the task at hand. For example, “Warp” is good in cases where a small object in a photo needs to be transformed, but the surrounding objects cannot be distorted.

The Liquify filter does not work with smart objects in versions of Photoshop prior to CS6. Also, distortion using the Liquify filter is similar to the blur effect.

4 Examples of Using the Warp Tool

1. Drawing objects onto cylindrical objects

The Warp tool is great for applying text, logos, textures to the surface of cylindrical and round surfaces such as a bottle, ball, pipe. The following example shows a bicycle frame: more precisely, its front part. I intentionally took the photo using a wide angle lens to highlight the rounded shape of the front hub. I then removed part of the logo to illustrate the process of applying new text to a complex surface. The text “BMX” was written on a new layer, which was converted into a smart object and deformed in a similar way to the existing text. In order to give the new text a realistic look, I used the “Blend If” function.

You can use the Warp tool to wrap a texture around a circular object.

2. Duplicate elements of a photograph with distortion so that there are no patterns

The Clone Stamp tool is very useful when you need to duplicate part of an image. But it has one drawback. Appear in photographs similar elements, which does not have a very good effect on visual perception. However, if you want cloned separate areas images, you can do this and then use the Warp tool to modify them. This way you will get rid of the monotony of photographic elements. In the next photo I used a heron's claw to create four claws on the owl's feet.

3. Retouching - Adding elements

The word “retouching” can mean a lot, but it usually means that part of the image will be modified. For example, removing age spots, moles, acne from a model’s face. It could also be removing distracting elements from a photo. And this list can be continued as long as desired.

How about adding something new to the image? Like, for example, I did by adding more fur to the hood of the jacket. Using the Warp tool, I selected a section of fur, copied it to separate layer and modified it the way I needed it. And with the help of a layer mask, hard transitions between layers were hidden.

4. Retouching - removing elements

The “Plastic” filter is a favorite tool of many retouchers for correcting a model’s figure. The tool is very useful, but it will take a lot of training to master it at a professional level. Therefore, I believe that in order to make your figure slimmer, “Deformation” is quite suitable.

In the next photo there is small problems in the waist area of ​​a man, the so-called “love handles”. We create quick selection desired area of ​​the image using the Rectangular Marquee tool. Using the keyboard shortcut Cmd + J on a Mac or Ctrl + J on a PC, create new layer with a selected area of ​​the image. Convert this layer into a smart object and activate the Warp tool. We make the changes we need and use a layer mask to hide hard transitions between layers.

Be careful when using warp tools. Do everything carefully. Often, only a small correction will lead you to the desired result.

And lastly, I made a fun gif animation of a photograph of a cow, on which I made some changes: the nose was reduced, the eyes were enlarged, and the cheeks were made slimmer. And all this using the Warp tool.

In Photoshop team Liquify(Distort) allows you to twist, bend, stretch, and otherwise deform the image layer.

Same as with the command Extract(Extract), in the command dialog box Liquify there is a window preview, in which you can see the entire image (Fig. 19.1).

You can only deform or reconstruct an image using a brush, the size of which and the degree of impact on the image are adjustable (similar to other types of brushes in Photoshop). You can also use the tool Freeze(Freeze) to prevent certain areas of the image from being distorted, similar to using a mask. If you want to partially or completely undo the distortions that were introduced, use the tool Reconstruct(Reconstruct). The changes you make will not become permanent until you click the button. OK and don't close the window.

Rice. 19.1. Command Dialog Box Liquify after using the tool Twirl Clockwise to the image of the Eiffel Tower

Warping an Image Using the Liquify Command

To be on the safe side, work with a duplicate layer or take a snapshot of the original image using the palette History(Story).

  1. Select the layer whose contents you want to distort. When the checkbox is activated Backdrop tool action Liquify can be extended to only one of several layers of choice, and not to all, as provided by default. At the same time, in the field Opality(Opacity) You can also adjust the layer's transparency. Liquify Team
  2. (Distort) only works on a raster layer and cannot be applied to an editable text layer or a shape layer. Liquify Select a team on the menu Filter (Filter) or press the key combination.
  3. To deform a given image, use the tools in the dialog box Liquify(Fig. 19.2). First in the section Tool Options (Tool options) (Fig. 19.3) enter the brush size (parameter Brush Size ), setting the value in the range from 1 to 600 pixels, as well as the amount of brush pressure (parameter Brush Pressure ) from 1 to 100% and the magnitude of noise fluctuations (parameter Turbulent Jitter Liquify) to determine how the image will be distorted. These three options apply to all command tools . If you are using a tablet, you can check the box Stylus Pressure ), setting the value in the range from 1 to 600 pixels, as well as the amount of brush pressure (parameter.

(Pen Pressure) to allow pen pressure to affect the parameter value Rice. 19.2. Liquify

Tools in the Dialog Box Rice. 19.3. First in the section Chapter Liquify

dialog box Rice. 19.3. Rice. 19.4. Chapter Liquify

  1. Freeze Options Optional. Freeze Activate the tool (Freeze) by clicking on the tool icon (second from bottom) or pressing the key F to mask out certain areas of the image that should not be distorted. Next, select a color from the drop-down list Freeze Color (Mask color) in section View Options
  2. Freeze Options(Viewing modes). The default color is red, the same color used when working with a quick mask. Paint over those areas that should be left in their current state. If an error occurs, proceed to the next step. To remove protection from masked (“frozen”) areas, activate the tool Thaw(Unfreeze), hotkey
  3. T
    • , and draw with it. Do any of the following: to invert the mask, click on the button Invert(Invert) in section
    • Freeze Area (Mask area); To remove the mask from the entire image (making the entire image editable again), click the button
    • Thaw All Freeze(Thaw everything) - see fig. 19.4; to hide a mask created using the tool(Freeze), uncheck (Mask color) in section Show Frozen Areas
  4. (Show Masked Areas) under
    • (Viewing modes). Activate one of the distortion tools (press the corresponding hotkey) and draw on the image in the dialog box. The tool capabilities are listed below: tool Warp(Warp)-key
    • (Viewing modes). W- shifts the points in the direction of brush movement (Fig. 19.5, the arrow shows the direction of brush movement); Turbulence or a tool icon - moves the points apart in the direction of brush movement. The image in the area of ​​​​action of the brush looks as if blurred by water (Fig. 19.6);
    • tools Twirl Clockwise(Twist clockwise) - key R or tool icon - and Twirl Counterclockwise(Twist counterclockwise) - key L or tool icon - rotate pixels while you hold down the mouse button or drag the image. The larger the parameter value ), setting the value in the range from 1 to 600 pixels, as well as the amount of brush pressure (parameter(Brush pressure), the faster the rotation occurs (Fig. 19.1);

Rice. 19.5. Activate one of the distortion tools (press the corresponding hotkey) and draw on the image in the dialog box. The tool capabilities are listed below:

Rice. 19.6. Result of using the tool W

Rice. 19.7. Result of using the tool Pucker

Rice. 19.8. Result of using the tool Reflection

    • tools Pucker(Fold) - key R or pictogram Bloat(Bloat) - key IN or tool icon - move points to the center of the brush or in the opposite direction while you hold down the mouse button or drag the image (Fig. 19.7). The larger the parameter value ), setting the value in the range from 1 to 600 pixels, as well as the amount of brush pressure (parameter(Brush pressure), the faster the dots move;
    • (Viewing modes). Shift Pixels(Pixel Shift) - key S- moves pixels in a certain direction, depending on the direction of brush movement. By default, pixels are shifted to the left of the brush direction. Pressing a key Alt, you can move them to the right;
    • (Viewing modes). Reflection(Reflection) - key M- copies the points to the left of the brush direction line and moves them into the area of ​​effect of this tool, but only in a “reflected” form. In Fig. 19.8 shows how the tool Reflection was used to move the Seine River closer to the Eiffel Tower in the image. The result is a magnificent reflection effect.

It only took two brush strokes. Alt The specified tool used points to the right of the top line (upper stroke) and to the left of the bottom line (stroke). Pressing a key

, you can copy points on the opposite side relative to the position of the brush (Fig. 19.9). Reflection Try to freeze the area whose points you want to reflect, and then use the tool

  1. (Reflection). Liquify In order to partially or completely cancel the action of a command
  2. (Distort), follow the instructions in this chapter, section "Image Reconstruction". OK Click the button to fix changes made

and return to the image window. Freeze To apply the tool Liquify to a specific area, select it before using the command Liquify(Distort). Save the selection in the alpha channel, then use the command from the menu(Image) and then in the pop-up menu Channel(Channel) section Freeze Area(Mask area) find the alpha channel. You can click the button Do any of the following:(Invert) to swap masked and unmasked areas of the image.

Rice. 19.9. Result of using the tool Reflection when the key is pressed Alt

Good day everyone. Today I’m going to a school reunion (this year is already 13 years old, wow), but I still won’t leave you without a lesson, especially since I haven’t shown a couple of powerful functions yet. I saved them specifically for the next article, that is, for this one.

What didn’t I tell you about? But I didn’t tell you about how to deform an image in Photoshop. But I will fix this in this lesson. Moreover, I will tell you about regular and puppet deformation. They are different from each other, but both are very cool. So, let's go!

All starting materials you can download .

Deformation

Well, this is actually my favorite tool from the “Transformation” section. Thanks to it, you can bend sticks, make an egg out of a ball, and much more. Now we’ll do just that using an egg as an example.

There is a regular ball, and we will make it oval. To do this we go to "Editing", and then in "Transformation" and there we already select “Deformation”. Has a mesh appeared? Well then everything is cool. Clamp left button mouse in the place where you want to squeeze or, conversely, pull part of the object.

In general, the whole process resembles modeling from clay or plasticine. Have you ever sculpted from plasticine? Well then everything will be fine

So how? Did you get the point? Just sculpt and you will succeed)))

To make an egg from a ball, you need to work with upper areas. Pull the corners a little, smooth the sides a little.

And so we got such a wonderful egg. In general, play around with these parameters. For example, I also made this tennis bag)).


Puppet deformation

And of course, since we are going through deformation, I will tell you about another type of it, namely puppet deformation. Its essence lies in the fact that we seem to make puppets out of our images. How can I explain it to you?

Let's say you have an image of a person on transparent background. Thanks to the puppet deformation, we will only be able to turn his head, raise or lower his arms. In general, rather than explain, let me show you with a live example.

I will be working with an image of a boy and a girl on a transparent background. And the background will be separate. It's clear? Then let's go!


So how? Is everything working out? I think you should handle this situation very easily.

Do you generally like learning Photoshop? If yes, or you want to master it from scratch, then I highly recommend that you watch excellent video course to study this graphic editor. All lessons are beautifully structured, told in human language and without unnecessary fluff. It just looks awesome.

Well, this concludes my lesson on two types of deformation. I hope you liked it. Subscribe to my blog updates and always be aware of the most interesting things. Well, I ran to the alumni meeting. And I wish you good luck! See you! Bye bye.

Best regards, Dmitry Kostin.