Description

Photoshop CC tutorial showing how to use the Vanishing Point filter to place logos and other images in perspective onto photographs.

Ice Skating Rink photo: http://goo.gl/zQ0suF
Creative Commons License: http://creativecommons.org/licenses/by/4.0/

Olympic Rings logo: http://goo.gl/rde2wS

Subscribe to Blue Lightning TV!:
http://goo.gl/HEpuJ4

Website:
http://www.bluelightningtv.com/

Facebook:
https://goo.gl/fHLJsh

Twitter:
https://twitter.com/bluelightningtv

Get up to 20% off Photoshop + Lightroom! Only $7.99 p/month:
http://goo.gl/QFznn7

Metadata

Video ID 306
Youtube URL Photoshop Tutorial: Vanishing Point!
Captions Available Yes
Captions Downloadable Yes
Playlists
Duration 00:06:36
Definition hd
Keywords
License youtube
Embeddable Yes
Views 49889
Likes 787
Dislikes 7
Favourites 0
Comments 86
Created 2017-05-04 1:00:44 PM
Updated 2017-05-04 1:13:48 PM

Captions

ASR: en

0:00:07.760,0:00:13.259
hi this is Marty from Blue Lightning TV

0:00:10.590,0:00:15.509
I'm going to show you how to place

0:00:13.259,0:00:17.789
images in perspective using the

0:00:15.509,0:00:21.720
vanishing point filter that was first

0:00:17.789,0:00:23.430
introduced in version cs2 I provided

0:00:21.720,0:00:26.369
this ice rink photo for you to download

0:00:23.430,0:00:28.439
so you can follow along it's link is

0:00:26.369,0:00:31.199
located in the video description or

0:00:28.439,0:00:33.239
project files I also provided the

0:00:31.199,0:00:38.520
Olympics logo that I'll be using for

0:00:33.239,0:00:42.379
this example click the new layer icon to

0:00:38.520,0:00:45.450
make a new layer go to filter and

0:00:42.379,0:00:49.500
vanishing point the vanishing point

0:00:45.450,0:00:52.920
window will open click the Create plain

0:00:49.500,0:00:57.000
tool the first plane will create is on

0:00:52.920,0:00:59.550
the ice surface left click on the lower

0:00:57.000,0:01:02.840
right corner of the ice go to the top

0:00:59.550,0:01:06.900
right corner of the ice and left click

0:01:02.840,0:01:09.869
continue to follow its perspective the

0:01:06.900,0:01:12.479
grid should be blue if it's yellow red

0:01:09.869,0:01:15.720
or green you'll need to drag the corner

0:01:12.479,0:01:18.450
until the grid turns blue to extend any

0:01:15.720,0:01:20.790
side of the plane go to the middle of

0:01:18.450,0:01:25.320
the side you want to extend and when you

0:01:20.790,0:01:27.810
see a double arrow simply drag it out to

0:01:25.320,0:01:31.079
create a new plane that extends out from

0:01:27.810,0:01:34.500
the side go to the middle of that side

0:01:31.079,0:01:37.680
and press and hold ctrl on Windows or

0:01:34.500,0:01:40.380
command on a Mac when you see a square

0:01:37.680,0:01:44.399
grid symbol drag it in the direction you

0:01:40.380,0:01:46.649
want the new plane to be again to extend

0:01:44.399,0:01:49.020
the side go to the middle of that side

0:01:46.649,0:01:55.200
and when you see a double-arrow drag it

0:01:49.020,0:01:56.939
out if you need to realign a corner of

0:01:55.200,0:01:59.430
the grid to match the perspective of

0:01:56.939,0:02:01.770
your photo simply go to the corner of

0:01:59.430,0:02:03.750
the grid and drag it to the corner of

0:02:01.770,0:02:06.689
the photo until it's positioned

0:02:03.750,0:02:08.520
correctly continue to extend and create

0:02:06.689,0:02:12.030
new planes for the areas you'll be

0:02:08.520,0:02:13.840
ultimately pasting images onto only the

0:02:12.030,0:02:16.330
grid of the last plane you created

0:02:13.840,0:02:18.610
visible however all the other planes are

0:02:16.330,0:02:21.010
actually they're just there grids are

0:02:18.610,0:02:24.099
hidden once you've created all the

0:02:21.010,0:02:26.950
planes click OK open the image you'd

0:02:24.099,0:02:30.250
like to place on to the photo press ctrl

0:02:26.950,0:02:32.670
or command a to select it and ctrl or

0:02:30.250,0:02:36.640
command C to copy it on your clipboard

0:02:32.670,0:02:41.260
open back up your photo and go to filter

0:02:36.640,0:02:43.209
and vanishing point once you open it all

0:02:41.260,0:02:46.299
the grids in your planes are visible

0:02:43.209,0:02:49.480
press ctrl or command V to paste the

0:02:46.299,0:02:52.299
object to reduce its size click the

0:02:49.480,0:02:54.579
transform tool go to a corner and when

0:02:52.299,0:02:57.450
you see a diagonal double-arrow press

0:02:54.579,0:03:00.370
and hold shift as you drag it in

0:02:57.450,0:03:03.310
pressing shift keeps its aspect ratio

0:03:00.370,0:03:05.980
intact once you drag the object into a

0:03:03.310,0:03:08.470
plane its shape instantly conforms to

0:03:05.980,0:03:11.379
its perspective as you move it it

0:03:08.470,0:03:14.530
automatically adjusts its eyes to adjust

0:03:11.379,0:03:18.489
its size again go to a corner and press

0:03:14.530,0:03:21.430
and hold shift and drag it out to place

0:03:18.489,0:03:24.400
the same object into another plane press

0:03:21.430,0:03:27.190
and hold shift + alt on windows or shift

0:03:24.400,0:03:29.829
an option on a mac and drag the copy to

0:03:27.190,0:03:32.709
the other plane notice the object

0:03:29.829,0:03:35.319
remains in perspective adjust its size

0:03:32.709,0:03:37.420
and location each time you want to

0:03:35.319,0:03:40.090
duplicate the object and place it onto

0:03:37.420,0:03:44.769
another area press and hold shift and

0:03:40.090,0:03:47.829
alt and then drag the copy if your

0:03:44.769,0:03:49.810
object rotates on its axis go to a

0:03:47.829,0:03:52.720
corner and when you see a curved

0:03:49.810,0:03:55.030
double-arrow press and hold shift as you

0:03:52.720,0:03:57.700
rotate it around until it snaps in

0:03:55.030,0:04:00.790
alignment with the plane adjust its

0:03:57.700,0:04:05.440
position and size to taste when you're

0:04:00.790,0:04:07.569
done click OK note that the objects are

0:04:05.440,0:04:10.000
on their own layer we'll remove the

0:04:07.569,0:04:11.470
white boxes surrounding the logos by

0:04:10.000,0:04:15.700
changing the layers blend mode to

0:04:11.470,0:04:18.720
multiply to remove unwanted areas of the

0:04:15.700,0:04:21.639
logo we'll use a layer mask to hide them

0:04:18.720,0:04:26.240
click on the layer mask icon to make a

0:04:21.639,0:04:29.889
layer mask open your brush tool

0:04:26.240,0:04:33.380
and make the size small and the hardness

0:04:29.889,0:04:36.650
0% the opacity and flow should be a

0:04:33.380,0:04:38.930
hundred percent press the f5 key at the

0:04:36.650,0:04:41.960
top of your keyboard to open your brush

0:04:38.930,0:04:45.620
panel make sure the only setting that's

0:04:41.960,0:04:48.410
checked is smoothing press f5 again to

0:04:45.620,0:04:50.360
close the brush panel will zoom into one

0:04:48.410,0:04:53.630
of the areas of the logo that we want to

0:04:50.360,0:04:56.030
hide press Z to open your zoom tool and

0:04:53.630,0:04:58.750
drag over that area to zoom into it

0:04:56.030,0:05:01.580
press B to open your brush tool and

0:04:58.750,0:05:03.889
carefully brush inside the area to hide

0:05:01.580,0:05:06.770
the logo if you want to make the brush

0:05:03.889,0:05:09.460
larger or smaller press the right or

0:05:06.770,0:05:12.560
left bracket key on your keyboard

0:05:09.460,0:05:15.349
continue to brush inside the area until

0:05:12.560,0:05:17.750
that part of the logo is hidden to see

0:05:15.349,0:05:20.240
another section of your document press

0:05:17.750,0:05:24.800
and hold the space bar and drag your

0:05:20.240,0:05:28.130
image press be again to open your brush

0:05:24.800,0:05:30.860
tool and brush over the area if you make

0:05:28.130,0:05:32.840
a mistake press X to invert your

0:05:30.860,0:05:36.139
foreground and background colors and

0:05:32.840,0:05:38.479
brush over the mistake then press X

0:05:36.139,0:05:41.479
again to revert the foreground color to

0:05:38.479,0:05:44.860
black continue to brush over those areas

0:05:41.479,0:05:44.860
of the logo you want to hide

0:05:53.260,0:05:59.650
the last steps will be to make the logos

0:05:56.020,0:06:02.470
a bit more transparent and soft reduce

0:05:59.650,0:06:03.880
the opacity to eighty percent and click

0:06:02.470,0:06:08.850
on the thumbnail to make the layer

0:06:03.880,0:06:13.090
active open your blur tool make the size

0:06:08.850,0:06:17.170
approximately 90 pixels the hardness 0%

0:06:13.090,0:06:19.030
and the strength thirty percent brush

0:06:17.170,0:06:23.530
over the logos in the background to

0:06:19.030,0:06:28.720
soften them to see your document and

0:06:23.530,0:06:31.540
full size press ctrl or command one this

0:06:28.720,0:06:34.140
is Marty from Blue Lightning TV thanks

0:06:31.540,0:06:34.140
for watching

standard: en

0:00:00.070,0:00:05.270


0:00:07.400,0:00:11.230
Hi. This is Marty from Blue Lightning TV.

0:00:11.230,0:00:14.790
I'm going to show you how a place images
in perspective

0:00:14.790,0:00:18.630
using the Vanishing Point filter
that was first introduced

0:00:18.630,0:00:21.930
in version CS2. I provided this

0:00:21.930,0:00:25.199
ice rink photo for you to download,
so you can follow along.

0:00:25.199,0:00:29.519
Its link is located in the video description
or project files.

0:00:29.519,0:00:34.210
I also provided the Olympics logo
that I'll be using for this example.

0:00:35.700,0:00:38.550
Click the New Layer icon

0:00:38.550,0:00:41.600
to make a new layer. Go to

0:00:41.600,0:00:46.730
Filter and Vanishing Point.
The Vanishing Point window will open.

0:00:46.730,0:00:50.219
Click the "Create Plane Tool".

0:00:50.219,0:00:54.180
The first plane we'll create
is on the ice surface.

0:00:54.180,0:00:57.789
Left-click on the lower, right corner

0:00:57.789,0:01:01.230
of the ice.
Go to the top, right corner of the ice

0:01:01.230,0:01:05.350
and left-click.
Continue to follow its perspective.

0:01:05.350,0:01:09.650
The grid should be blue. If it's yellow

0:01:09.650,0:01:14.140
red or green, you need to drag the corner
until the grid turns blue.

0:01:14.140,0:01:20.200
To extend any side of the plane, go to the middle of the side you want to extend.

0:01:20.200,0:01:20.229


0:01:20.229,0:01:23.759
and when you see it double-arrow,
simply drag it out.

0:01:23.759,0:01:27.290
To create new plane that extends

0:01:27.290,0:01:31.409
out from the side,
go to the middle of that side

0:01:31.409,0:01:34.570
and press and hold Ctrl on WIndows

0:01:34.570,0:01:38.979
or Cmd on a Mac.
When you see a square, grid symbol,

0:01:38.979,0:01:42.070
drag it in the direction
you want the new plane to be.

0:01:42.070,0:01:45.119
Again, to extend a side,

0:01:45.119,0:01:48.500
go to the middle of that side
and when you see double-arrow,

0:01:48.500,0:01:55.170
drag out. If you need to realign a corner of the grid to match the

0:01:56.210,0:01:57.790
perspective of your photo,

0:01:57.790,0:02:02.670
simply go to the corner of the grid and
drag it to the corner of the photo

0:02:02.670,0:02:07.600
until its positioned correctly. Continue to
extend and create new planes for the

0:02:07.600,0:02:08.580
areas you'll be

0:02:08.580,0:02:14.400
ultimately pasting images onto. Only the
grid of the last plane you created is visible,

0:02:14.400,0:02:14.450


0:02:14.450,0:02:17.470
however,
all the other planes are actually there.

0:02:17.470,0:02:21.760
Just their grids are hidden.
When you've created all the planes,

0:02:21.760,0:02:25.750
click OK. Open the image you'd like to place
onto the photo.

0:02:25.750,0:02:31.739
Press Ctrl or Cmd + A to select it
and Ctrl or Cmd + C to copy it

0:02:31.739,0:02:34.830
on your clipboard. Open back up your photo

0:02:34.830,0:02:38.590
and go to a Filter and Vanishing Point.

0:02:38.590,0:02:42.650
Once you open it, all the grids in your planes

0:02:42.650,0:02:45.739
are visible. Press Ctrl or Cmd + V

0:02:45.739,0:02:48.940
to paste the object. To reduce its size,

0:02:48.940,0:02:52.230
click the Transform Tool, go to a corner

0:02:52.230,0:02:55.709
and when you see a diagonal, double-arrow,
press and hold

0:02:55.709,0:03:01.500
Shift as you drag in.
Pressing Shift keeps its aspect ratio intact.

0:03:01.500,0:03:03.959
Once you drag the object into a plane,

0:03:03.959,0:03:07.110
it shape instantly conforms to its perspective.

0:03:07.110,0:03:10.750
As you move it,
it automatically adjusts its size.

0:03:10.750,0:03:14.060
To adjust its size again, go to a corner

0:03:14.060,0:03:18.989
and press and hold Shift and drag it out.
To place the same

0:03:18.989,0:03:22.120
object into another plane, press and hold

0:03:22.120,0:03:25.959
Shift + Alt on Windows
or Shift + Option on a Mac

0:03:25.959,0:03:29.390
and drag the copy to the other plane.
Notice the

0:03:29.390,0:03:33.950
object remains in perspective.
Adjust its size and location.

0:03:33.950,0:03:38.470
Each time you want to duplicate the
object and place it on to another area,

0:03:38.470,0:03:42.049
press and hold Shift +Alt or Shift + Option
and then drag the copy.

0:03:42.049,0:03:47.110
If your object rotates on its axis,

0:03:47.110,0:03:50.610
go to a corner and when you see a
curved, double-arrow,

0:03:50.610,0:03:53.920
press and hold Shift as you rotate around

0:03:53.920,0:03:58.500
until it snaps in alignment with the plane.
Adjust its position

0:03:58.500,0:04:04.239
and size to taste.
When you're done, click OK.

0:04:04.239,0:04:08.379
Note that the objects are on their own layer.
We'll remove the white boxes

0:04:08.379,0:04:09.840
surrounding the logos

0:04:09.840,0:04:13.739
by changing the layer's Blend Mode to
Multiply.

0:04:13.739,0:04:17.070
To remove unwanted areas of the logo,
we'll use

0:04:17.070,0:04:20.600
a layer mask to hide them.
Click on the Layer Mask

0:04:20.600,0:04:24.030
icon to make a layer mask.

0:04:24.030,0:04:29.130
Open your Brush Tool
and make the size small

0:04:29.130,0:04:35.000
and the Hardness: 0%.
The Opacity and Flow should be 100%.

0:04:35.000,0:04:38.060
Press the F5 key at the top of your keyboard

0:04:38.060,0:04:42.660
to open your Brush panel. Make sure the
only setting that's checked

0:04:42.660,0:04:47.389
is "Smoothing".
Press F5 again to close to Brush panel.

0:04:47.389,0:04:51.380
We'll zoom into one of the areas of the
logo that we want to hide.

0:04:51.380,0:04:56.570
Press "z" to open your Zoom Tool
and drag over that area to zoom into it.

0:04:56.570,0:05:01.600
Press "B" to open your Brush Tool
and carefully brush inside the area to hide

0:05:01.600,0:05:02.750
the logo.

0:05:02.750,0:05:07.440
If you want to make the brush larger or
smaller, press the right or left bracket

0:05:07.440,0:05:09.930
key on your keyboard.

0:05:09.930,0:05:14.940
Continue to brush inside the area until
that part of the logo is hidden.

0:05:14.940,0:05:19.580
To see another section of your document,
press and hold the Space bar

0:05:19.580,0:05:22.710
and drag your image.

0:05:22.710,0:05:27.669
Press "B" again to open your Brush Tool
and brush over the area.

0:05:27.669,0:05:30.880
If you make a mistake, press "x" to invert

0:05:30.880,0:05:34.970
your foreground and background colors
and brush over the mistake.

0:05:34.970,0:05:39.490
Then, press "x" again to revert the
foreground color to black.

0:05:39.490,0:05:46.490
Continue to brush over those areas of
the logo you want to hide.

0:05:54.030,0:05:58.390
The last steps will be to make the
logos a bit more transparent and soft.

0:05:58.390,0:06:04.040
Reduce the Opacity to 80% and
click on the thumbnail to make the layer

0:06:04.040,0:06:07.390
active. Open your Blur Tool,

0:06:07.390,0:06:11.270
make the Size approximately, 90 pixels,

0:06:11.270,0:06:15.800
the Hardness: 0% and the Strength: 30%.

0:06:15.800,0:06:19.840
Brush over the logos in the
background to soften them.

0:06:19.840,0:06:24.490
To see your document full-size,

0:06:24.490,0:06:30.920
press Ctrl or Cmd + 1.
This is Marty from Blue Lightning TV.

0:06:30.920,0:06:32.070
Thanks for watching!

Profiles

Profile 1

Purpose Tutorial (why)
Content
Participants Photoshop (m) geek, Audience
Form Tutorial (how)
Time
Place

Profile 2

Purpose Tutorial
Content Scene
Participants Photoshop (m) geek
Form Tutorial (how)
Time Real time
Place Desktop

Profile 3

Purpose
Content
Participants
Form
Time Medium
Place Desktop

Profile 4

Purpose
Content Scene, Object
Participants
Form
Time
Place