Photoshop Tutorial: How to Create a 3D, Cinematic, Movie Title Design

ASR: en

0:00:08.870,0:00:14.360
hi this is Marty from Blue Lightning TV

0:00:11.740,0:00:18.259
I'm going to show you how to make a

0:00:14.360,0:00:24.470
powerful cinematic 3d image of a logo

0:00:18.259,0:00:25.970
word or design I provided a PSD file for

0:00:24.470,0:00:28.820
you to download so you can follow along

0:00:25.970,0:00:31.790
it's link is located in the video

0:00:28.820,0:00:35.149
description or project files it includes

0:00:31.790,0:00:38.059
two files a stone wall and bare metal

0:00:35.149,0:00:40.640
before we start you should check your 3d

0:00:38.059,0:00:47.480
preference settings to do this go to

0:00:40.640,0:00:49.460
edit preferences and 3d the raytracer

0:00:47.480,0:00:51.980
threshold determines the quality of the

0:00:49.460,0:00:54.260
rendering the higher the threshold is

0:00:51.980,0:00:56.420
the less noise you'll have in your final

0:00:54.260,0:00:58.879
image but the longer it will take to

0:00:56.420,0:01:02.179
render it I generally keep it either

0:00:58.879,0:01:04.100
four or five for slower computers you

0:01:02.179,0:01:07.430
may want to use an even lower setting

0:01:04.100,0:01:09.770
the RAM is the video cards memory the

0:01:07.430,0:01:11.690
amount I'm allowing photoshop to use is

0:01:09.770,0:01:13.610
not necessarily what you should use

0:01:11.690,0:01:17.030
because your computer may have its own

0:01:13.610,0:01:21.170
requirements open your horizontal type

0:01:17.030,0:01:24.140
tool and choose a heavy font i'm using

0:01:21.170,0:01:27.260
arial black i'll start with the size of

0:01:24.140,0:01:31.010
a hundred five points sharp and center

0:01:27.260,0:01:35.690
alignment it can be any color click on

0:01:31.010,0:01:38.360
your document and type out your text for

0:01:35.690,0:01:40.850
this example I'll create a logo from a

0:01:38.360,0:01:43.660
simple type design I'll increase the

0:01:40.850,0:01:49.010
size of the X by highlighting it and

0:01:43.660,0:01:52.310
dragging the T icon to the right to

0:01:49.010,0:01:56.080
lower the X I'll go to window and

0:01:52.310,0:01:59.300
character the character panel will open

0:01:56.080,0:02:02.330
sliding the baseline shift icon to the

0:01:59.300,0:02:05.630
right or left slides the character up or

0:02:02.330,0:02:08.599
down I'd like to move the word films

0:02:05.630,0:02:12.050
closer to the X so I'll click between

0:02:08.599,0:02:16.489
them and hold down alt or option as I

0:02:12.050,0:02:18.769
press the left arrow key I'll repeat

0:02:16.489,0:02:19.770
these steps to bring media closer to the

0:02:18.769,0:02:23.250
X

0:02:19.770,0:02:27.390
to reposition your line of text open

0:02:23.250,0:02:31.980
your move tool and move it we can close

0:02:27.390,0:02:35.250
the character panel now open your

0:02:31.980,0:02:40.080
rectangular marquee tool and drag a

0:02:35.250,0:02:43.110
rectangular selection over your txt go

0:02:40.080,0:02:45.930
to the large T icon and hold down ctrl

0:02:43.110,0:02:48.780
alt on Windows or command option on a

0:02:45.930,0:02:50.970
Mac as you click on it this adds a

0:02:48.780,0:02:52.590
selection of the shape of your text to

0:02:50.970,0:02:55.710
the rectangular selection that we just

0:02:52.590,0:02:59.550
made we can Trash the text now since we

0:02:55.710,0:03:02.760
don't need it anymore click the new

0:02:59.550,0:03:05.040
layer icon to make a new layer will fill

0:03:02.760,0:03:08.160
the selection with white since it's the

0:03:05.040,0:03:10.230
easiest to see if your foreground and

0:03:08.160,0:03:14.040
background colors aren't black and white

0:03:10.230,0:03:16.560
press D on your keyboard since white is

0:03:14.040,0:03:19.890
the background color press ctrl or

0:03:16.560,0:03:24.390
command + delete to deselect it press

0:03:19.890,0:03:27.690
ctrl or command D drag a rectangular

0:03:24.390,0:03:29.850
selection over the top the bottom of the

0:03:27.690,0:03:33.120
selection should be slightly overlapping

0:03:29.850,0:03:35.220
the top of the large character hold down

0:03:33.120,0:03:38.190
your Shift key as you drag another

0:03:35.220,0:03:40.080
rectangle over the side the left side of

0:03:38.190,0:03:42.900
this selection should be slightly

0:03:40.080,0:03:45.030
overlapping the last character continue

0:03:42.900,0:03:47.490
to hold down shift as you drag another

0:03:45.030,0:03:49.410
selection over the bottom that slightly

0:03:47.490,0:03:51.930
overlaps the bottom of your large

0:03:49.410,0:03:55.380
character and repeat this on the left

0:03:51.930,0:03:57.990
side as well continue to hold down shift

0:03:55.380,0:03:59.940
as you carefully add a selection that

0:03:57.990,0:04:02.130
slightly overlaps the top of your

0:03:59.940,0:04:04.950
smaller text and the left side of the

0:04:02.130,0:04:08.970
large character repeat this on the

0:04:04.950,0:04:12.600
bottom left the bottom right and the top

0:04:08.970,0:04:15.300
right when you're done press the Delete

0:04:12.600,0:04:18.690
key to delete the areas outside your

0:04:15.300,0:04:21.840
logo to deselect it press ctrl or

0:04:18.690,0:04:24.210
command D we're ready to enter the 3d

0:04:21.840,0:04:26.850
mode if you find that you're unable to

0:04:24.210,0:04:28.950
access the 3d feature it may be due to

0:04:26.850,0:04:32.100
one or more of the reasons I listed in

0:04:28.950,0:04:33.390
the video description make the stone

0:04:32.100,0:04:35.910
wall layer active

0:04:33.390,0:04:40.770
and shift-click on the bare metal layer

0:04:35.910,0:04:44.730
to make it active as well go to 3d new

0:04:40.770,0:04:49.080
mesh from layer and postcard if you see

0:04:44.730,0:04:52.020
this warning click yes we're now in the

0:04:49.080,0:04:54.390
3d workspace I won't be going over all

0:04:52.020,0:04:57.000
the details here about 3d since I

0:04:54.390,0:04:59.130
already did an in-depth tutorial if

0:04:57.000,0:05:01.140
you'd like to watch that video first I

0:04:59.130,0:05:05.820
provided its link in this video's

0:05:01.140,0:05:08.250
description open the layers panel notice

0:05:05.820,0:05:10.080
both textures have a cube icon at their

0:05:08.250,0:05:12.780
corners to let us know that they are in

0:05:10.080,0:05:15.630
the 3d mode we're going to make the bare

0:05:12.780,0:05:18.630
metal texture into a new 3d material and

0:05:15.630,0:05:20.580
then wrap our logo with it to do this

0:05:18.630,0:05:24.540
click its thumbnail to make the layer

0:05:20.580,0:05:27.960
active and open the 3d panel click the

0:05:24.540,0:05:31.640
whole scenes icon and click bare metal

0:05:27.960,0:05:34.980
in the properties panel under materials

0:05:31.640,0:05:37.710
click the icon next to the ball click

0:05:34.980,0:05:40.440
the gear icon and click new material

0:05:37.710,0:05:44.310
when you see this window click OK to

0:05:40.440,0:05:46.790
save it scroll down to see that bare

0:05:44.310,0:05:49.260
metal is now a new material preset

0:05:46.790,0:05:51.720
before we can wrap our logo with this

0:05:49.260,0:05:55.080
material we need to make the logo go

0:05:51.720,0:05:58.290
into a 3d mode open the layers panel and

0:05:55.080,0:06:03.480
make layer 1 active this is our logo

0:05:58.290,0:06:09.690
layer go to 3d and new 3d extrusion from

0:06:03.480,0:06:11.690
selected layer click the front inflation

0:06:09.690,0:06:14.430
material to make it active and

0:06:11.690,0:06:16.200
shift-click on the back inflation

0:06:14.430,0:06:20.760
material to highlight all the layers

0:06:16.200,0:06:23.430
between it and the top active layer open

0:06:20.760,0:06:26.370
the material presets and double-click

0:06:23.430,0:06:29.600
the bare metal icon this will wrap this

0:06:26.370,0:06:33.420
texture around our entire logo

0:06:29.600,0:06:36.240
double-click the extrusion and i'll make

0:06:33.420,0:06:41.690
the reflection 35 you can always change

0:06:36.240,0:06:44.790
it later click the meshes filter and

0:06:41.690,0:06:46.680
reduce the depth of the extrusion to 2

0:06:44.790,0:06:49.860
inches again you can change

0:06:46.680,0:06:53.880
later if you like click the coordinates

0:06:49.860,0:06:57.750
icon and in the x axis of the rotation

0:06:53.880,0:07:03.090
field type in 90 degrees and then press

0:06:57.750,0:07:05.789
Enter or return go to the secondary view

0:07:03.090,0:07:07.860
window and before you click the icon at

0:07:05.789,0:07:10.680
the top right corner to swap the main

0:07:07.860,0:07:13.560
view with the secondary view make sure

0:07:10.680,0:07:20.699
the top view is checked then click the

0:07:13.560,0:07:24.449
swap icon go to 3d and move object to

0:07:20.699,0:07:26.550
ground plane now the logo is sitting

0:07:24.449,0:07:29.759
directly on the background and its

0:07:26.550,0:07:32.820
shadow moved closer to it open the

0:07:29.759,0:07:36.090
layers panel and shift-click on the

0:07:32.820,0:07:43.500
stone wall thumbnail now both layers are

0:07:36.090,0:07:45.900
active go to 3d and merge 3d layers this

0:07:43.500,0:07:50.669
connects the logo and the stone wall in

0:07:45.900,0:07:53.639
3d space open the 3d panel and click the

0:07:50.669,0:07:58.470
whole scene filter icon again click

0:07:53.639,0:08:01.560
environment and uncheck IBL which are

0:07:58.470,0:08:03.599
image base lights if your image goes

0:08:01.560,0:08:06.630
black it means you have no other lights

0:08:03.599,0:08:10.289
chosen yet click the light bulb icon

0:08:06.630,0:08:12.360
which is the lights filter click the

0:08:10.289,0:08:14.340
small light bulb icon at the bottom of

0:08:12.360,0:08:16.289
the panel which will open a choice of

0:08:14.340,0:08:19.259
three types of lights you can use to

0:08:16.289,0:08:21.990
illuminate your image point spot or

0:08:19.259,0:08:24.630
infinite you can add as many lights as

0:08:21.990,0:08:28.940
you like from these three choices for

0:08:24.630,0:08:31.560
this example I'll choose infinite light

0:08:28.940,0:08:33.839
the light widget has a handle that you

0:08:31.560,0:08:37.969
can rotate to adjust the angle of the

0:08:33.839,0:08:40.469
light source to soften the shadow

0:08:37.969,0:08:42.719
increase the softness to an amount you

0:08:40.469,0:08:47.490
like you can always change it later I'll

0:08:42.719,0:08:49.529
make mine thirty percent I'll also

0:08:47.490,0:08:55.050
increase the intensity to a hundred

0:08:49.529,0:08:58.300
fifty percent click the whole scene icon

0:08:55.050,0:09:02.260
and click current view

0:08:58.300,0:09:07.150
click the rotate icon and rotate your

0:09:02.260,0:09:10.930
image to an angle you like click the

0:09:07.150,0:09:14.470
drag icon and drag your image see your

0:09:10.930,0:09:18.220
logo is more to the center click the

0:09:14.470,0:09:21.610
slide icon and drag it down to slide it

0:09:18.220,0:09:24.210
forward in space continue until you're

0:09:21.610,0:09:27.430
happy with its angle size and position

0:09:24.210,0:09:29.110
keep in mind the more it's angled the

0:09:27.430,0:09:31.840
more of the background will be cut off

0:09:29.110,0:09:34.240
however will fill in those empty areas

0:09:31.840,0:09:37.210
in a minute I'd like to adjust the angle

0:09:34.240,0:09:40.930
of the shadow so I'll click on the

0:09:37.210,0:09:45.280
lights filter icon and rotate the

0:09:40.930,0:09:48.010
widgets handle to get a preview of the

0:09:45.280,0:09:50.500
final image click the render icon and

0:09:48.010,0:09:53.410
Photoshop will start rendering the 3d

0:09:50.500,0:09:55.600
image if you decide you want to stop the

0:09:53.410,0:09:58.660
render so you can go back to adjust your

0:09:55.600,0:10:01.150
3d image just press the Escape key on

0:09:58.660,0:10:03.040
your keyboard remember the amount of

0:10:01.150,0:10:05.680
time Photoshop takes to render it

0:10:03.040,0:10:08.260
depends on many factors such as the

0:10:05.680,0:10:11.260
computers video card the amount of ram

0:10:08.260,0:10:13.330
it has and the processing speed it could

0:10:11.260,0:10:16.390
take anywhere from a few minutes to many

0:10:13.330,0:10:18.580
hours once you have your finished 3d

0:10:16.390,0:10:21.010
image fully rendered you may have an

0:10:18.580,0:10:22.510
empty area that you want to fill in we

0:10:21.010,0:10:25.870
first need to make a composite snapshot

0:10:22.510,0:10:29.140
of your fully rendered image open your

0:10:25.870,0:10:32.860
layers panel and press ctrl shift alt e

0:10:29.140,0:10:39.930
on windows or command shift option e on

0:10:32.860,0:10:42.700
a mac open your polygonal lasso tool and

0:10:39.930,0:10:47.500
draw a shape around the area you want to

0:10:42.700,0:10:49.870
fill in when you see a small circle it

0:10:47.500,0:10:55.780
means your work path is closed and you

0:10:49.870,0:11:00.790
can release your mouse or pen go to edit

0:10:55.780,0:11:05.260
and fill choose content aware and click

0:11:00.790,0:11:10.450
OK then deselect it if you want to

0:11:05.260,0:11:15.130
retouch a spot open your patch tool

0:11:10.450,0:11:19.440
draw over the spot move your tool over a

0:11:15.130,0:11:22.750
clean area and release then deselect it

0:11:19.440,0:11:28.770
to brighten your image press ctrl shift

0:11:22.750,0:11:28.770
L or command shift L to invoke auto tone

0:11:36.680,0:11:42.430
this is Marty from Blue Lightning TV

0:11:39.190,0:11:42.430
thanks for watching