Warp an image in Photoshop 2020 New feature, advanced warping | [DEV] Schenectady Photographic Society

Photoshop 2020 Superguide

We are beginning with this dinosaur. We have a flat background plate and a cut-out object on it’s own layer. How to cut things out.

Step 1.

To get the most out of this effect, we need to convert to a Smart Object.

1. Right-click on the top layer in the layers panel and choose “Convert to Smart Object”

2. Right-click on canvas and choose Warp. A mesh will appear.

Step 2// WARPING THE HEAD

Let’s warp the dinosaur (called Dino from now on) and make it fiercer.

To split the mesh Alt/Option+ click and drag on the mesh.

1. Click near the vertical line to create a new horizontal guide.

Alt/Option + Click on the top of the grid to create a new vertical guide to frame Dino’s head.

2. Drag down and out to elongate the bottom jaw.

3. Elongate the top jaw. Try dragging both on the lines and using the bezier curves as well as inside the surfaces.

4. Pull up to make the head taller

5. Expand the body and just have fun.

Step 3// MAKING A SHADOW

Right now Dino looks like he’s floating in space and needs a shadow to anchor him to the ground and give a sense of scale and position.

1. Choose a Layer style and select Gradient Overlay. Nope, not a typo, this will be different, but more realistic than a drop shadow.

2. Click the gradient to enter the gradient editor. Click the stops on the bottom of the gradient to see a black to dark gray gradient. You see, a cast shadow loses strength as it gets further away from the subject.

Step 4// MAKE A CAST SHADOW

1. Right click on the Layers panel and choose Create Layers.

2. Cmd/Ctrl+Click on the Dino layer to load the transparency.

3. With the gradient layer selected, click on new layer mask. A mask should now be on the gradient in the shape of Dino.

4. Lets Merge the mask to the layer: Right click on the mask and choose Apply Layer Mask.

5. Drag the gradient under the Dino layer. You should now see Dino with the gradient hidden.

Step 05//

1. With the gradient layer selected, press Cmd/Ctrl+T for free transform.

(a) Drag down from the top to shorten the shadow.

(b) Right click and choose Skew. Drag the top middle handle to the right to skew the shadow.

2. Change to Multiply Blending mode in the Layers Panel.

3. Lower the opacity. I used 69% here. See why I used a gradient now? The fall-off looks good.

Step 6// SOFTEN THE SHADOW

In real life a shadow will get softer the further it gets away from the object casting it.

1. Choose Filter > Blur Gallery > Field Blur. Adjust the amount of blur on the pin to make it soft.

2. Click underneath the pin to add a send one. Make less of a blur on the second pin. Try moving the pins around to see how it changes the blur. Click OK to Apply.

3. (Optional) You can right click on the shadow and choose Warp. Use what you learned in this tutorial to warp the shadow onto background elements for added realism.

Here are some variations, I used a basic color fill layer set to color mode for the color. In the second example, I used advanced warp to fit the logo to the Dino.