Perspective Warp Tool Tutorial in Photoshop CC

DesignCourse · Beginner ·📰 AI News & Updates ·12y ago
Skills: UI Design80%

Key Takeaways

Demonstrates the Perspective Warp Tool in Photoshop CC

Full Transcript

[Music] hello my name is Gary Simon of designc course.com and today is January 18th with our 18th video of the year and we are going to take a look at a new tool in Adobe Photoshop CC which is an an update that you can download from Creative Cloud and it's called the perspective warp so the perspective warp tool is really cool it allows you to change the perspective of certain images and it's really useful for photo manipulations and compositing so of course we're going to use Adobe Photoshop CC in this tutorial and if you need access to the original or end result uh the file that is available for free in the description below we're going to use two images that are available for free from Deviant Art and those are also linked okay so let's get started all right so to get started I go ahead and click on the resource the First Resource link below this video in the description here in YouTube and you'll get this image right here made by this person right here so click on download and we'll right click and copy the image if you're using a browser that doesn't allow you to save it to your desktop and then open it up in Photoshop so I'm going to switch to photoshop here I'm going to go to file new and we'll call this perspective warp and control Fe to paste that in all right so I'm just going to work in uh black and white so we're just going to desaturate that and then we're going to click on the other link here in the uh description to get this house all right so let's say for example we wanted to do some compositing or uh photo manipulation and we want this house to to look like it's a part of that image so we'll go ahead and download this one right click copy and we'll go to photoshop and I'm going to go to file new I'm not going to paste that directly in there just yet I want to cut this house out real quickly so I'm not going to spend a lot of time trying to get it perfect but just to get started take your pen tool go to path make sure path is selected and we'll just start clicking down real quickly and I'm going to leave some of the brush here so I'm just going to go outside of the house and we'll continue it up right around here and I'm just very quickly going around this house almost done and done okay so we'll right click make selection hit okay and copy that and then we'll paste it in all right so what if you know I wanted to have this image for whatever reason I don't know why it would be right here um a part of this so we could see that the angle that this building is shot at is different than this and to illustrate that real quickly we'll go ahead and I'll take the just the uh rectangle tool just make a long line real quickly control T and we'll show that the uh that the the angle that this building this side of the building is following the path and it is roughly right there so if we take this image down here and move it we can see that this side of the house follows a path that's more like this so this would be the perfect usage for the perspective warp tool so we'll hit contrl T I want to scale this down just a bit so we can see the whole thing so if it were to start here leave that right there hit apply we're going to go to image adust adjustments to desaturate that real quick now what I want to do I'm going to save a backup so this is going to be called the original we're going to duplicate that and I'm just going to hide this and then I'm going to go ahead and go to IM or edit rather perspective warp I'm going to zoom up actually going to hit don't apply yet I'm zoom up first and do that so we'll go to edit perspective warp and I'm just going to draw a square around this portion of the house and I'm going to leave it right there for now and then I'm going to take a second one now you can see how these got an outer kind of a blue color that means those are going to be joined so I'm just going to end it right around here and then I'm going to situate these to follow the actual shape of the house all right that looks pretty decent and then once you're done go ahead and hit warp so now we can actually warp this thing to the angle to the desired angle which would be right around here so we'll take this one down all right so I'm not even really minding what's in here I'm just taking a look at these points to make sure that they seem to go on a pretty equal path uh based on this building once you're ready go ahead and hit the move tool and select apply and now you can see how it automatically changed the perspective of this house without really any type of noticeable destruction or damage to the uh actual house itself in the pixels so if we let's go ahead and zoom out real quick oops not 100% rather fit on screen and now if we hide this we can see that this much this looks much better than this so let me go ahead and real quick just for the fun of it make this look like it's a little bit more a part of the scene so I'm just going to take the Eraser tool real quickly and then we can use the Clone stamp tool select the original image and I'll select maybe around here click on on our original oops go back here and select over here and then if we hide this we'll click right here and bring this back oops go on the original let me get back over here oops keep on doing that sorry about that all right so that looks a lot better than what it originally did so let me just zoom out here and then what I want to do is go ahead and take this image right here and then we'll go ahead and UND duplicate this except we'll have this image just so we can show a side by-side comparison so if we go to image canvas size and the width will just double basically I'll just change this from 45 to 90 and we'll push it out to the left all right so we have the I want to take these two and just duplicate them all right so we will call this the original and what am I doing here yeah that's that stays there and this one will be here all right so now we can see side by side just how effective the warp tool or the perspective warp tool can can be uh and making adjustments that would really help in photo manipulation and compositing all right so as always visit designcourse tocom I am currently releasing a video tutorial every day of the year for 2014 obviously it's only January 18th so I have quite a ways to go so subscribe here on YouTube like the channel uh and also check us out on the different social media networks and that is it I'm Gary Simon designc course.com and I will see you tomorrow [Music]

Original Description

http://goo.gl/BBse40 - Design + Code a Professional Android App from Scratch Project Source File: http://www.designcourse.com/videos/perspective-warp-tool-tutorial-in-photoshop/24 - Learn how to use the brand new perspective warp tool released as an update via Creative Cloud in this quick video tutorial. Resource File 1: http://lenkaltman.deviantart.com/art/Stock-Premade-Background-City-Ruins-01-276896426 Resource File 2: http://vacanthaze.deviantart.com/art/Old-House-202204334 Follow us: Facebook: http://www.facebook.com/designcourses Twitter: http://twitter.com/designcoursecom Google+: http://plus.google.com/+DesignCourse Dribbble: http://dribbble.com/designcourse - - - - - - - - - - - - - - - - - - - - - - Subscribe for NEW VIDEOS weekly! My site: https://designcourse.com My personal FB account: http://fb.com/logodesigner Coursetro FB: http://fb.com/coursetro Coursetro's Twitter: http://twitter.com/designcoursecom Join my Discord! https://discord.gg/a27CKAF ^-Chat with me and others - - - - - - - - - - - - - - - - - - - - - - Who is Gary Simon? Well, I'm a full stack developer with 2+ decades experience and I teach people how to design and code. I've created around 100+ courses for big brands like LinkedIn, Lynda.com, Pluralsight and Envato Network. Now, I focus all of my time and energy on this channel and my website Coursetro.com. Come to my discord server or add me on social media and say Hi!
Watch on YouTube ↗ (saves to browser)
Sign in to unlock AI tutor explanation · ⚡30

Playlist

Uploads from DesignCourse · DesignCourse · 39 of 60

1 Photoshop Pen Tool Tutorial (Tattoo Design)
Photoshop Pen Tool Tutorial (Tattoo Design)
DesignCourse
2 How to Design the Microsoft Logo in Photoshop
How to Design the Microsoft Logo in Photoshop
DesignCourse
3 Photoshop Gradients Video Tutorial
Photoshop Gradients Video Tutorial
DesignCourse
4 Your Guide to Layer Styles
Your Guide to Layer Styles
DesignCourse
5 Layer Masks in Photoshop
Layer Masks in Photoshop
DesignCourse
6 iOS App Icon Design Tutorial in Illustrator CS6
iOS App Icon Design Tutorial in Illustrator CS6
DesignCourse
7 Illustrator CS6 Logo Design Tutorial - Archfold
Illustrator CS6 Logo Design Tutorial - Archfold
DesignCourse
8 Photoshop CS6 3D Tutorial - Magic Tent Illustration
Photoshop CS6 3D Tutorial - Magic Tent Illustration
DesignCourse
9 How to Design a Tshirt Tutorial - Adobe Illustrator
How to Design a Tshirt Tutorial - Adobe Illustrator
DesignCourse
10 Types of Logos - Lettermark & Monogram Logo Type
Types of Logos - Lettermark & Monogram Logo Type
DesignCourse
11 Banner Design in Photoshop CS6
Banner Design in Photoshop CS6
DesignCourse
12 How to Design a Logo in Illustrator CC
How to Design a Logo in Illustrator CC
DesignCourse
13 Designing a Logo in Photoshop CC
Designing a Logo in Photoshop CC
DesignCourse
14 1. Launch & Market a Web Based Business - Introduction
1. Launch & Market a Web Based Business - Introduction
DesignCourse
15 2. Launch & Market a Web Based Business - Logo Design
2. Launch & Market a Web Based Business - Logo Design
DesignCourse
16 3. Home Page Mockup in PS : Part 1
3. Home Page Mockup in PS : Part 1
DesignCourse
17 4. Home Page Mockup in PS : Part 2
4. Home Page Mockup in PS : Part 2
DesignCourse
18 5. Home Page Mockup in PS : Part 3
5. Home Page Mockup in PS : Part 3
DesignCourse
19 6. Home Page Mockup in PS : Part 4
6. Home Page Mockup in PS : Part 4
DesignCourse
20 7. Home Page HTML & CSS - Part 1
7. Home Page HTML & CSS - Part 1
DesignCourse
21 8. Home Page HTML & CSS - Part 2
8. Home Page HTML & CSS - Part 2
DesignCourse
22 Using Photoshop to Showcase Mobile Projects
Using Photoshop to Showcase Mobile Projects
DesignCourse
23 Flat Icon Design Tutorial in Illustrator CC
Flat Icon Design Tutorial in Illustrator CC
DesignCourse
24 Illustrator CC Logo Design Tutorial - A Logo That "Pops"!
Illustrator CC Logo Design Tutorial - A Logo That "Pops"!
DesignCourse
25 Logo Design Follow Along 1: Emblem Logo Design
Logo Design Follow Along 1: Emblem Logo Design
DesignCourse
26 Showcasing Logos in 3D with Blender
Showcasing Logos in 3D with Blender
DesignCourse
27 How to Design an Effective Lettermark Logo
How to Design an Effective Lettermark Logo
DesignCourse
28 Squeeze Page Design Tutorial in Photoshop (Part 1)
Squeeze Page Design Tutorial in Photoshop (Part 1)
DesignCourse
29 Squeeze Page Design Tutorial in Photoshop (Part 2)
Squeeze Page Design Tutorial in Photoshop (Part 2)
DesignCourse
30 Mobile GUI Element Design in Adobe Photoshop CC (Part 1)
Mobile GUI Element Design in Adobe Photoshop CC (Part 1)
DesignCourse
31 Mobile GUI Element Design in Adobe Photoshop CC (Part 2)
Mobile GUI Element Design in Adobe Photoshop CC (Part 2)
DesignCourse
32 Flat Mobile App Design in Photoshop CC - Weather App
Flat Mobile App Design in Photoshop CC - Weather App
DesignCourse
33 Create Reflective 3D Text in Blender (Beginner)
Create Reflective 3D Text in Blender (Beginner)
DesignCourse
34 Animating a Logo with Adobe After Effects CC (Beginner)
Animating a Logo with Adobe After Effects CC (Beginner)
DesignCourse
35 Design a Game Website Mockup in Photoshop CC (Part 1)
Design a Game Website Mockup in Photoshop CC (Part 1)
DesignCourse
36 Design a Game Website Mockup in Photoshop CC (Part 2)
Design a Game Website Mockup in Photoshop CC (Part 2)
DesignCourse
37 Photo Manipulation Tutorial in Photoshop CC (Beginner)
Photo Manipulation Tutorial in Photoshop CC (Beginner)
DesignCourse
38 Advertising Illustration Tutorial in Photoshop CC
Advertising Illustration Tutorial in Photoshop CC
DesignCourse
Perspective Warp Tool Tutorial in Photoshop CC
Perspective Warp Tool Tutorial in Photoshop CC
DesignCourse
40 Free Giveaway Contest.  (WiseBanner Banner Maker).
Free Giveaway Contest. (WiseBanner Banner Maker).
DesignCourse
41 Design an Animated Loading/Download Icon (GIF)
Design an Animated Loading/Download Icon (GIF)
DesignCourse
42 Contest Winners (WiseBanner)
Contest Winners (WiseBanner)
DesignCourse
43 Model & Animate a 3D Push Button in Blender (Beginner)
Model & Animate a 3D Push Button in Blender (Beginner)
DesignCourse
44 Mega Tutorial - iPhone Breathalyzer - Project Introduction
Mega Tutorial - iPhone Breathalyzer - Project Introduction
DesignCourse
45 Part 1 - iPhone Breathalyzer - Blender
Part 1 - iPhone Breathalyzer - Blender
DesignCourse
46 Part 2 - iPhone Breathalyzer - Rendering & GUI Design
Part 2 - iPhone Breathalyzer - Rendering & GUI Design
DesignCourse
47 Part 3 - iPhone Breathalyzer - UI Animation in After Effects
Part 3 - iPhone Breathalyzer - UI Animation in After Effects
DesignCourse
48 Part 4 - iPhone Breathalyzer - Website Design in Photoshop CC
Part 4 - iPhone Breathalyzer - Website Design in Photoshop CC
DesignCourse
49 Part 5 - iPhone Breathalyzer - HTML Part 1
Part 5 - iPhone Breathalyzer - HTML Part 1
DesignCourse
50 Part 6 - iPhone Breathalyzer - HTML/CSS Part 2
Part 6 - iPhone Breathalyzer - HTML/CSS Part 2
DesignCourse
51 Part 7 - iPhone Breathalyzer - HTML/CSS Part 3
Part 7 - iPhone Breathalyzer - HTML/CSS Part 3
DesignCourse
52 Part 7 - iPhone Breathalyzer - Finishing Touches
Part 7 - iPhone Breathalyzer - Finishing Touches
DesignCourse
53 Square Space Logo Maker - C'mon People.
Square Space Logo Maker - C'mon People.
DesignCourse
54 Design a Bloody Knife in Photoshop CC
Design a Bloody Knife in Photoshop CC
DesignCourse
55 Typographic Poster Design Tutorial in Illustrator (Part 1)
Typographic Poster Design Tutorial in Illustrator (Part 1)
DesignCourse
56 Typographic Poster Design Tutorial in Illustrator (Part 2)
Typographic Poster Design Tutorial in Illustrator (Part 2)
DesignCourse
57 Modern Business Card Design in Illustrator CC (Part 1)
Modern Business Card Design in Illustrator CC (Part 1)
DesignCourse
58 Modern Business Card Design in Illustrator CC (Part 2)
Modern Business Card Design in Illustrator CC (Part 2)
DesignCourse
59 Parallax Tutorial using Parallax.JS
Parallax Tutorial using Parallax.JS
DesignCourse
60 Interview: Andrew Price of BlenderGuru.com
Interview: Andrew Price of BlenderGuru.com
DesignCourse

Related Reads

📰
The humanization of Typo: Being wrong is the new right
Learn how AI is redefining the concept of mistakes and mediocrity, making them valuable and cool again
Medium · AI
📰
US investors will soon get access to SK Hynix, another memory maker riding the AI boom
SK Hynix is going public in the US, riding the AI boom, and investors can soon access this memory maker's stocks
TechCrunch AI
📰
Unlock Your Potential: Mastering AI & Automation for a Brighter Future in India
Learn how AI and automation can enhance career prospects in India's competitive job market
Dev.to · David García
📰
Nvidia GPU Debt Backstop Unleashes the AI Project Trinity: Capital, Offtake and Datacenters
Nvidia's GPU debt backstop enables the AI project trinity, unlocking capital, offtake, and datacenter growth for Neoclouds by 2029
Semi Analysis
Up next
"Nobody Talks to His Grandbaby Like That" - Candace Owens' Granddad in Congress
Shawn Ryan Clips
Watch →