4 Useful Ways to Use Perspective Warp - Photoshop Tutorials€¦ · 4 Useful Ways to Use...

19
4/3/19, 2)32 PM 4 Useful Ways to Use Perspective Warp - Photoshop Tutorials Page 1 of 19 https://www.photoshoptutorials.ws/photoshop-tutorials/basics/4-ways-perspective-warp/ 4 Useful Ways to Use Perspective Warp August 3, 2016 The Perspective Warp tool is almost like magic. It lets you change the perspective in your image and can be used to rotate buildings and objects, make telephoto shots look like wide angle shots, and quickly straighten multiple objects in less than a minute. Read this tutorial and find out four useful ways to use the Perspective Warp tool in Photoshop CC . Video Tutorial Four Useful Ways to Use Perspective Warp in Photoshop CC

Transcript of 4 Useful Ways to Use Perspective Warp - Photoshop Tutorials€¦ · 4 Useful Ways to Use...

Page 1: 4 Useful Ways to Use Perspective Warp - Photoshop Tutorials€¦ · 4 Useful Ways to Use Perspective Warp - Photoshop Tutorials 4/3/19, 232 PM  Page ...

4/3/19, 2)32 PM4 Useful Ways to Use Perspective Warp - Photoshop Tutorials

Page 1 of 19https://www.photoshoptutorials.ws/photoshop-tutorials/basics/4-ways-perspective-warp/

4 Useful Ways to Use PerspectiveWarpAugust 3, 2016

The Perspective Warp tool is almost like magic. It lets you change theperspective in your image and can be used to rotate buildings and objects,make telephoto shots look like wide angle shots, and quickly straightenmultiple objects in less than a minute. Read this tutorial and find out fouruseful ways to use the Perspective Warp tool in Photoshop CC.

Video Tutorial

Four Useful Ways to Use Perspective Warp in Photoshop CC

Page 2: 4 Useful Ways to Use Perspective Warp - Photoshop Tutorials€¦ · 4 Useful Ways to Use Perspective Warp - Photoshop Tutorials 4/3/19, 232 PM  Page ...

4/3/19, 2)32 PM4 Useful Ways to Use Perspective Warp - Photoshop Tutorials

Page 2 of 19https://www.photoshoptutorials.ws/photoshop-tutorials/basics/4-ways-perspective-warp/

Rotate a Building

The primary reason the Perspective Warp tool was created was to allow you tochange the perspective of an object. In this case, we’ll use a building since it’sthe simplest example. As you can see in this image, the building wasphotographed at an awkward angle. In hindsight, I should have took it fromanother angle. But thanks to the Perspective Warp tool, we can now fix thiswithout going back there.

Here’s how to do it. First duplicate your layer by pressing Ctrl/Cmd+J thenconvert it to a Smart Object by right-clicking on the layer and choosing“Convert to Smart Object”. By converting the layer to a Smart Object, we canapply the Perspective Warp nondestructively and go back to edit the settingsat any time.

Page 3: 4 Useful Ways to Use Perspective Warp - Photoshop Tutorials€¦ · 4 Useful Ways to Use Perspective Warp - Photoshop Tutorials 4/3/19, 232 PM  Page ...

4/3/19, 2)32 PM4 Useful Ways to Use Perspective Warp - Photoshop Tutorials

Page 3 of 19https://www.photoshoptutorials.ws/photoshop-tutorials/basics/4-ways-perspective-warp/

Next, go to Edit > Perspective Warp. If you don’t see this, make sure that youhave the latest version of Photoshop CC installed. If it’s grayed out, then go toEdit > Preferences > Performance. Make sure that the “Use GraphicsProcessor” option is enabled. Note that your graphics processor must have atleast 512 MB of video RAM to use this feature.

Once you have the Perspective Warp tool activated, click anywhere to create agrid. Drag the points on the grid to create a grid that covers the perspective of

Page 4: 4 Useful Ways to Use Perspective Warp - Photoshop Tutorials€¦ · 4 Useful Ways to Use Perspective Warp - Photoshop Tutorials 4/3/19, 232 PM  Page ...

4/3/19, 2)32 PM4 Useful Ways to Use Perspective Warp - Photoshop Tutorials

Page 4 of 19https://www.photoshoptutorials.ws/photoshop-tutorials/basics/4-ways-perspective-warp/

the building. You can also click on a point and use the arrow keys on yourkeyboard to move them around. Pay attention to the grid lines and make surethat they are parallel with any lines on your building.

Click anywhere on the image to create another grid. This time, drag one of thepoints towards the corner of the grid you created earlier. Release your mousewhen you see two lines highlighted in blue. This will merge the pointstogether.

Page 5: 4 Useful Ways to Use Perspective Warp - Photoshop Tutorials€¦ · 4 Useful Ways to Use Perspective Warp - Photoshop Tutorials 4/3/19, 232 PM  Page ...

4/3/19, 2)32 PM4 Useful Ways to Use Perspective Warp - Photoshop Tutorials

Page 5 of 19https://www.photoshoptutorials.ws/photoshop-tutorials/basics/4-ways-perspective-warp/

Continue dragging the rest of the points towards the other corners of thebuilding.

Page 6: 4 Useful Ways to Use Perspective Warp - Photoshop Tutorials€¦ · 4 Useful Ways to Use Perspective Warp - Photoshop Tutorials 4/3/19, 232 PM  Page ...

4/3/19, 2)32 PM4 Useful Ways to Use Perspective Warp - Photoshop Tutorials

Page 6 of 19https://www.photoshoptutorials.ws/photoshop-tutorials/basics/4-ways-perspective-warp/

Next, switch to the Warp mode by clicking on the button in the options bar.

You can move the points around but it’ll usually skew your image which isn’twhat we want.

Instead, hold the shift key and click on the middle line. This will straightenthe line and make the two points link to each other. Now when you drag onepoint, the other will follow it horizontally.

Page 7: 4 Useful Ways to Use Perspective Warp - Photoshop Tutorials€¦ · 4 Useful Ways to Use Perspective Warp - Photoshop Tutorials 4/3/19, 232 PM  Page ...

4/3/19, 2)32 PM4 Useful Ways to Use Perspective Warp - Photoshop Tutorials

Page 7 of 19https://www.photoshoptutorials.ws/photoshop-tutorials/basics/4-ways-perspective-warp/

Page 8: 4 Useful Ways to Use Perspective Warp - Photoshop Tutorials€¦ · 4 Useful Ways to Use Perspective Warp - Photoshop Tutorials 4/3/19, 232 PM  Page ...

4/3/19, 2)32 PM4 Useful Ways to Use Perspective Warp - Photoshop Tutorials

Page 8 of 19https://www.photoshoptutorials.ws/photoshop-tutorials/basics/4-ways-perspective-warp/

Hold the shift key and click on the other two vertical lines.

Page 9: 4 Useful Ways to Use Perspective Warp - Photoshop Tutorials€¦ · 4 Useful Ways to Use Perspective Warp - Photoshop Tutorials 4/3/19, 232 PM  Page ...

4/3/19, 2)32 PM4 Useful Ways to Use Perspective Warp - Photoshop Tutorials

Page 9 of 19https://www.photoshoptutorials.ws/photoshop-tutorials/basics/4-ways-perspective-warp/

Drag the points so that it fits your image.

Page 10: 4 Useful Ways to Use Perspective Warp - Photoshop Tutorials€¦ · 4 Useful Ways to Use Perspective Warp - Photoshop Tutorials 4/3/19, 232 PM  Page ...

4/3/19, 2)32 PM4 Useful Ways to Use Perspective Warp - Photoshop Tutorials

Page 10 of 19https://www.photoshoptutorials.ws/photoshop-tutorials/basics/4-ways-perspective-warp/

You can complete the image by trimming off the edges with the Crop tool. Ifyou get any

Page 11: 4 Useful Ways to Use Perspective Warp - Photoshop Tutorials€¦ · 4 Useful Ways to Use Perspective Warp - Photoshop Tutorials 4/3/19, 232 PM  Page ...

4/3/19, 2)32 PM4 Useful Ways to Use Perspective Warp - Photoshop Tutorials

Page 11 of 19https://www.photoshoptutorials.ws/photoshop-tutorials/basics/4-ways-perspective-warp/

If you get any transparent spots, you can use the Healing brush tool to fill itin. You can’t use it directly on the Smart Object, but here’s how to get aroundit. Create a new layer then select the Healing Brush tool. In the options bar,checkmark the Sample All Layers option. Now you can click on a transparentspot and it’ll heal the area using the data from all your layers.

Page 12: 4 Useful Ways to Use Perspective Warp - Photoshop Tutorials€¦ · 4 Useful Ways to Use Perspective Warp - Photoshop Tutorials 4/3/19, 232 PM  Page ...

4/3/19, 2)32 PM4 Useful Ways to Use Perspective Warp - Photoshop Tutorials

Page 12 of 19https://www.photoshoptutorials.ws/photoshop-tutorials/basics/4-ways-perspective-warp/

Here’s a before and after shot of the Perspective Warp tool.

Page 13: 4 Useful Ways to Use Perspective Warp - Photoshop Tutorials€¦ · 4 Useful Ways to Use Perspective Warp - Photoshop Tutorials 4/3/19, 232 PM  Page ...

4/3/19, 2)32 PM4 Useful Ways to Use Perspective Warp - Photoshop Tutorials

Page 13 of 19https://www.photoshoptutorials.ws/photoshop-tutorials/basics/4-ways-perspective-warp/

Match Perspective

Another useful purpose for the Perspective Warp tool is to match theperspective of two images. For example, we found two images onShutterStock.com – one of a truck and one of a road. The perspective issimilar but not close enough for us to simply place the truck on the road. Tofix this, we can use the Perspective Warp tool to change the perspective of thetruck.

Page 14: 4 Useful Ways to Use Perspective Warp - Photoshop Tutorials€¦ · 4 Useful Ways to Use Perspective Warp - Photoshop Tutorials 4/3/19, 232 PM  Page ...

4/3/19, 2)32 PM4 Useful Ways to Use Perspective Warp - Photoshop Tutorials

Page 14 of 19https://www.photoshoptutorials.ws/photoshop-tutorials/basics/4-ways-perspective-warp/

Using the Perspective Warp tool, draw two boxes around the sides of thetruck. Hold the shift key and click on a vertical line that you want to move.

That’s all! This feature is great for photo manipulators who spend countlesshours finding the right stock photo with matching perspective. There’s stillsome fixing required especially around the wheels.

Page 15: 4 Useful Ways to Use Perspective Warp - Photoshop Tutorials€¦ · 4 Useful Ways to Use Perspective Warp - Photoshop Tutorials 4/3/19, 232 PM  Page ...

4/3/19, 2)32 PM4 Useful Ways to Use Perspective Warp - Photoshop Tutorials

Page 15 of 19https://www.photoshoptutorials.ws/photoshop-tutorials/basics/4-ways-perspective-warp/

To fix this, we can use the Puppet Warp tool by going to Edit > Puppet Warp.Click to create four points on the edge of the wheel then drag the middle twopoints upwards to align the wheels.

We’re done! Simply add some shadows and your image is done.

Page 16: 4 Useful Ways to Use Perspective Warp - Photoshop Tutorials€¦ · 4 Useful Ways to Use Perspective Warp - Photoshop Tutorials 4/3/19, 232 PM  Page ...

4/3/19, 2)32 PM4 Useful Ways to Use Perspective Warp - Photoshop Tutorials

Page 16 of 19https://www.photoshoptutorials.ws/photoshop-tutorials/basics/4-ways-perspective-warp/

Turn Telephoto Shots Into Wide Angle Shots

A little known trick is that you can use the Perspective Warp to maketelephoto shots look like they were taken closer up with a wider lens. For thisexample, we used a photo of the Tokyo Tower that we got from CreativeMarket. Here’s how to do it. Draw three boxes taking up a third of the image.

Switch to Warp mode then hold the shift key and click on the vertical lines.

Page 17: 4 Useful Ways to Use Perspective Warp - Photoshop Tutorials€¦ · 4 Useful Ways to Use Perspective Warp - Photoshop Tutorials 4/3/19, 232 PM  Page ...

4/3/19, 2)32 PM4 Useful Ways to Use Perspective Warp - Photoshop Tutorials

Page 17 of 19https://www.photoshoptutorials.ws/photoshop-tutorials/basics/4-ways-perspective-warp/

Drag the corners outwards like shown below.

And just like that, we made this image look like it was taken with wider lens.

Page 18: 4 Useful Ways to Use Perspective Warp - Photoshop Tutorials€¦ · 4 Useful Ways to Use Perspective Warp - Photoshop Tutorials 4/3/19, 232 PM  Page ...

4/3/19, 2)32 PM4 Useful Ways to Use Perspective Warp - Photoshop Tutorials

Page 18 of 19https://www.photoshoptutorials.ws/photoshop-tutorials/basics/4-ways-perspective-warp/

Create Perfectly Positioned Objects in 1 Minute

Trying to take a perfectly straight birds eye view shot is difficult and even amillimeter off can ruin the shot. Thankfully, the Perspective Warp tool is hereto save your day again.

To fix this image, simply draw some boxes around your object.

Page 19: 4 Useful Ways to Use Perspective Warp - Photoshop Tutorials€¦ · 4 Useful Ways to Use Perspective Warp - Photoshop Tutorials 4/3/19, 232 PM  Page ...

4/3/19, 2)32 PM4 Useful Ways to Use Perspective Warp - Photoshop Tutorials

Page 19 of 19https://www.photoshoptutorials.ws/photoshop-tutorials/basics/4-ways-perspective-warp/

Switch to Warp mode then click on the the horizontal and vertical auto warpbutton.

The CD envelopes are instantly fixed and it only took a minute.