Perspective Warp Tool Tutorial in Photoshop CC
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
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
▶
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
Photoshop Pen Tool Tutorial (Tattoo Design)
DesignCourse
How to Design the Microsoft Logo in Photoshop
DesignCourse
Photoshop Gradients Video Tutorial
DesignCourse
Your Guide to Layer Styles
DesignCourse
Layer Masks in Photoshop
DesignCourse
iOS App Icon Design Tutorial in Illustrator CS6
DesignCourse
Illustrator CS6 Logo Design Tutorial - Archfold
DesignCourse
Photoshop CS6 3D Tutorial - Magic Tent Illustration
DesignCourse
How to Design a Tshirt Tutorial - Adobe Illustrator
DesignCourse
Types of Logos - Lettermark & Monogram Logo Type
DesignCourse
Banner Design in Photoshop CS6
DesignCourse
How to Design a Logo in Illustrator CC
DesignCourse
Designing a Logo in Photoshop CC
DesignCourse
1. Launch & Market a Web Based Business - Introduction
DesignCourse
2. Launch & Market a Web Based Business - Logo Design
DesignCourse
3. Home Page Mockup in PS : Part 1
DesignCourse
4. Home Page Mockup in PS : Part 2
DesignCourse
5. Home Page Mockup in PS : Part 3
DesignCourse
6. Home Page Mockup in PS : Part 4
DesignCourse
7. Home Page HTML & CSS - Part 1
DesignCourse
8. Home Page HTML & CSS - Part 2
DesignCourse
Using Photoshop to Showcase Mobile Projects
DesignCourse
Flat Icon Design Tutorial in Illustrator CC
DesignCourse
Illustrator CC Logo Design Tutorial - A Logo That "Pops"!
DesignCourse
Logo Design Follow Along 1: Emblem Logo Design
DesignCourse
Showcasing Logos in 3D with Blender
DesignCourse
How to Design an Effective Lettermark Logo
DesignCourse
Squeeze Page Design Tutorial in Photoshop (Part 1)
DesignCourse
Squeeze Page Design Tutorial in Photoshop (Part 2)
DesignCourse
Mobile GUI Element Design in Adobe Photoshop CC (Part 1)
DesignCourse
Mobile GUI Element Design in Adobe Photoshop CC (Part 2)
DesignCourse
Flat Mobile App Design in Photoshop CC - Weather App
DesignCourse
Create Reflective 3D Text in Blender (Beginner)
DesignCourse
Animating a Logo with Adobe After Effects CC (Beginner)
DesignCourse
Design a Game Website Mockup in Photoshop CC (Part 1)
DesignCourse
Design a Game Website Mockup in Photoshop CC (Part 2)
DesignCourse
Photo Manipulation Tutorial in Photoshop CC (Beginner)
DesignCourse
Advertising Illustration Tutorial in Photoshop CC
DesignCourse
Perspective Warp Tool Tutorial in Photoshop CC
DesignCourse
Free Giveaway Contest. (WiseBanner Banner Maker).
DesignCourse
Design an Animated Loading/Download Icon (GIF)
DesignCourse
Contest Winners (WiseBanner)
DesignCourse
Model & Animate a 3D Push Button in Blender (Beginner)
DesignCourse
Mega Tutorial - iPhone Breathalyzer - Project Introduction
DesignCourse
Part 1 - iPhone Breathalyzer - Blender
DesignCourse
Part 2 - iPhone Breathalyzer - Rendering & GUI Design
DesignCourse
Part 3 - iPhone Breathalyzer - UI Animation in After Effects
DesignCourse
Part 4 - iPhone Breathalyzer - Website Design in Photoshop CC
DesignCourse
Part 5 - iPhone Breathalyzer - HTML Part 1
DesignCourse
Part 6 - iPhone Breathalyzer - HTML/CSS Part 2
DesignCourse
Part 7 - iPhone Breathalyzer - HTML/CSS Part 3
DesignCourse
Part 7 - iPhone Breathalyzer - Finishing Touches
DesignCourse
Square Space Logo Maker - C'mon People.
DesignCourse
Design a Bloody Knife in Photoshop CC
DesignCourse
Typographic Poster Design Tutorial in Illustrator (Part 1)
DesignCourse
Typographic Poster Design Tutorial in Illustrator (Part 2)
DesignCourse
Modern Business Card Design in Illustrator CC (Part 1)
DesignCourse
Modern Business Card Design in Illustrator CC (Part 2)
DesignCourse
Parallax Tutorial using Parallax.JS
DesignCourse
Interview: Andrew Price of BlenderGuru.com
DesignCourse
More on: UI Design
View skill →Related Reads
📰
📰
📰
📰
The humanization of Typo: Being wrong is the new right
Medium · AI
US investors will soon get access to SK Hynix, another memory maker riding the AI boom
TechCrunch AI
Unlock Your Potential: Mastering AI & Automation for a Brighter Future in India
Dev.to · David García
Nvidia GPU Debt Backstop Unleashes the AI Project Trinity: Capital, Offtake and Datacenters
Semi Analysis
🎓
Tutor Explanation
DeepCamp AI