Join Julieanne Kost for an in-depth discussion in this video Warping images, part of Photoshop CC 2018 Essential Training: Design.
- [Instructor] Free transform is an excellent tool when you want to add a quick warp to an image. In this example, I have a file that has a logo layer with a border as well as an image, and I want to warp all three of these layers as single unit. So in the Layers panel, I'll select the waterfall layer, hold down the shift key, and then click on the logo layer to select them all. To convert them to a smart object, I'll right-click in the Layers panel and then choose Convert to Smart Object. Then, under the Edit menu, I'll select Free Transform, or use the keyboard shortcut command + t or control + t.
I'll start resizing this down, holding down the shift key in order to constrain the proportions, reposition it, and transform it or scale it a little bit more to fit the width of the bottle. Then, instead of applying the transformation, I'll click on the Warp icon in the Options bar. There are a number of different warp presets that we can select from, things like arcs and arches. There's even a fish warp. I'm going to start with the bulge option but it's a little bit too much.
I can use the bend option in order to shrink it down but I actually want to control the top of the warp and the bottom of the warp independent from one another. So once I've selected bulge as the starting point, then I'll select Custom from the list. Now I can position my cursor inside the transformation handles and I can drag in order to warp this. I can use command + z in order to undo that. I can select any of the anchor points in order to give the image a warp.
I can even bring it all the way across the top to see kind of the back side of it. Again, I'll use command + z in order to undo that. I can also click on any of the direction points in order to change the warp. Again, I'll use command + z to undo or I can click on the lines themselves in order to change the warp. Now I'm going to zoom in to 100% using command + 1 and reposition the image in the image area by holding down the space bar.
That'll give me access to the hand tool. That'll just enable me to see how much I need to warp. So I'm looking at the top of the bottle and I'm going to try to match that with the warp. So I'm going to bring this down. My label barely needs any warp at the top, but then at the bottom, I'm going to need to add more. So I'll hold down the space bar again, reposition the image, and again I'm looking at the shape of the bottle in order to find a reference, and I just want to click and drag that in order to mimic that shape.
Now it looks like I need to transform this a little bit smaller. So I'm going to return back to Free Transform by clicking on the Warp icon again. Then I'll hold down the shift key, drag the lower corner up a little bit until it's the same width as the bottle. Then I'll tap the checkmark or tap return or enter in order to apply that transformation and the warp. I'll use command + 0 in order to Fit In Window and see the entire image. Now if I wanted to make changes for example to the logo, I could double-click on it in the Layers panel, and that would open the smart object so that I could edit the contents.
I'll use my move tool and just reposition the logo up a little bit. I'll select File, and then Save, and then File, and then Close in order to update the edited contents of the smart object in the parent document and to make this look a little bit more realistic, I'm going to add a curves adjustment layer by clicking on the Adjustment Layer at the bottom of the Layers panel, I'll choose Curves. I'll want to darken the curves, so I'll click in the center and pull down, but I only want this adjustment layer to affect the logo.
So on the Properties panel, I'll click on the Clipping Mask icon, and now the curves are only effecting that logo but I don't want it to affect the center of the logo, so I'll tap the b key in order to select my brush tool. I'll use my right bracket key in order to get a larger brush and I'll paint with black down through the center of the logo in order to hide the curves adjustment there.
So the curves adjustment is simply darkening down the edges of the logo to make it look a little bit more realistic like it's bending around the bottle. So there you go, an easy way to add a warp to an image using smart objects in Photoshop.
Photoshop CC boasts tools and features for making tonal and color adjustments, applying effects and treatments to type and graphics, and distorting, filtering, and layering elements—all while maintaining the highest-quality output. In this course, Julieanne demonstrates how to efficiently perform common design tasks, including editing images, drawing shapes, and working with type and fonts. Along the way, she shares the secrets of nondestructive editing using Smart Objects, and helps you master features such as layers, filters, blending modes, typography, custom brushes, vector masks, and much more—increasing your productivity every step of the way.
- Working with Smart Objects
- Linked vs. embedded Smart Objects
- Creative transformations and warping
- Essential filters for designers
- Emulating traditional drawing techniques
- Working with shape and fill layers
- Pen tool basics
- Applying layer effects and styles
- Type essentials
- Creative brush techniques
- Working with libraries and artboards
- Exporting files and sharing images