Description

Photoshop CC 2015 tutorial showing how to create the look of awesome 3-D text with deep shadows and reflections without using the 3-D filter.

Agency FB Regular Font:
http://goo.gl/3Em8wn

Music provide by http://www.mysoundmarket.com
Track: "Extreme Redeemer"

Become a Patron to Blue Lighting TV:
https://www.patreon.com/bluelightningtv

Blue Lightning TV Channel:
https://www.youtube.com/user/bluelightningtv

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

For a limited time, get 20% off Photoshop CC + Lightroom + 20 GB all together for $7.99/month p/month!:
http://goo.gl/QFznn7

BLTV Facebook:
https://www.facebook.com/Blue-Lightning-TV-330761246941375/

BLTV Facebook “Subscriber Page”:
https://www.facebook.com/BLTVsubscribers

Tumblr:
http://bluelightningtv.tumblr.com/

Twitter:
https://twitter.com/bluelightningtv

Google+:
https://plus.google.com/u/0/+MartyGeller

Pinterest:
https://www.pinterest.com/bluelightningtv/

LinkedIn:
www.linkedin.com/in/martygeller

Metadata

Video ID 160
Youtube URL Photoshop Tutorial: How to Create Awesome, FAUX 3-D Text
Captions Available Yes
Captions Downloadable Yes
Playlists
Duration 00:09:55
Definition hd
Keywords
License youtube
Embeddable Yes
Views 20596
Likes 453
Dislikes 8
Favourites 0
Comments 81
Created 2017-05-04 1:00:43 PM
Updated 2017-05-04 1:11:39 PM

Captions

ASR: en

0:00:07.370,0:00:13.860
hi this is Marty from Blue Lightning TV

0:00:10.639,0:00:16.740
I've done many tutorials showing how to

0:00:13.860,0:00:20.130
use the 3d filter in Photoshop to create

0:00:16.740,0:00:22.920
the look of powerful effective 3d images

0:00:20.130,0:00:26.609
in this tutorial I'm going to show you

0:00:22.920,0:00:28.800
how to create the look of 3d text with

0:00:26.609,0:00:33.570
deep shadows and bright deflections

0:00:28.800,0:00:37.050
without using the 3d filter we'll begin

0:00:33.570,0:00:41.730
by creating a new document press ctrl n

0:00:37.050,0:00:45.110
on Windows or command n on a Mac give

0:00:41.730,0:00:50.780
your document to name and make its width

0:00:45.110,0:00:55.170
1550 pixels its height 870 pixels and

0:00:50.780,0:00:58.789
it's resolution 300 pixels per inch the

0:00:55.170,0:01:02.100
color mode is RGB and 8 bits per channel

0:00:58.789,0:01:05.339
click the small box to open the color

0:01:02.100,0:01:08.790
picker in the brightness field type in

0:01:05.339,0:01:11.270
five percent and click OK on both

0:01:08.790,0:01:11.270
windows

0:01:12.820,0:01:17.950
click the new layer icon to make a new

0:01:15.729,0:01:22.330
layer will fill the empty layer with

0:01:17.950,0:01:24.640
black to do this press Shift + the f5

0:01:22.330,0:01:28.170
key at the top of your keyboard to open

0:01:24.640,0:01:33.780
the fill window open the flyout list

0:01:28.170,0:01:33.780
click black and click OK

0:01:34.430,0:01:39.550
change the blend mode to screen

0:01:40.650,0:01:51.480
go to filter render and lens flare make

0:01:47.670,0:01:55.710
the brightness 125 percent and the lens

0:01:51.480,0:01:57.930
type 50 to 300 millimeter zoom drag the

0:01:55.710,0:02:02.060
lens flare approximately here in the

0:01:57.930,0:02:02.060
preview window and click OK

0:02:03.000,0:02:09.119
click the icon at the upper right of the

0:02:05.670,0:02:12.840
layers panel and click convert to smart

0:02:09.119,0:02:15.630
object the reason for this is so we can

0:02:12.840,0:02:19.880
adjust change or remove the effects that

0:02:15.630,0:02:24.410
we'll be adding to it go to filter blur

0:02:19.880,0:02:27.790
and Gaussian blur

0:02:24.410,0:02:30.930
make the radius 90 pixels

0:02:27.790,0:02:34.660
and click OK or press Enter or return

0:02:30.930,0:02:38.830
we're ready to set our text

0:02:34.660,0:02:43.000
open your horizontal type tool and pick

0:02:38.830,0:02:45.490
a font i'm using agency FB regular if

0:02:43.000,0:02:47.560
you'd like to use it I provided its link

0:02:45.490,0:02:51.040
in my video's description or project

0:02:47.560,0:02:53.140
files I'll make its size a hundred

0:02:51.040,0:02:55.570
points but you may want to adjust this

0:02:53.140,0:02:57.970
amount based on the font you choose and

0:02:55.570,0:03:01.870
the amount of characters in your text

0:02:57.970,0:03:06.030
the aliasing is sharp and the alignment

0:03:01.870,0:03:09.209
is centered click the color box

0:03:06.030,0:03:13.940
in the brightness field type in thirty

0:03:09.209,0:03:13.940
five percent then click OK

0:03:13.990,0:03:21.160
click on your document and type at your

0:03:16.990,0:03:24.730
text to Center it on your document click

0:03:21.160,0:03:27.240
your move tool and press ctrl or command

0:03:24.730,0:03:27.240
a

0:03:28.080,0:03:32.900
click the align horizontal centers icon

0:03:33.710,0:03:41.030
and the align vertical centers icon then

0:03:38.030,0:03:44.420
deselect it by pressing ctrl or command

0:03:41.030,0:03:46.400
D since we'll be adding deep shadows to

0:03:44.420,0:03:48.890
the bottom of the text let's slide the

0:03:46.400,0:03:53.110
text up a bit by pressing the up arrow

0:03:48.890,0:03:57.230
on your keyboard approximately this much

0:03:53.110,0:04:02.060
convert the text into a smart object

0:03:57.230,0:04:04.209
click the FX icon and click bevel &

0:04:02.060,0:04:04.209
emboss

0:04:07.750,0:04:15.640
make the style inner bevel the technique

0:04:11.490,0:04:19.840
chisel hard and the depth a hundred

0:04:15.640,0:04:25.150
percent make the direction up and the

0:04:19.840,0:04:30.100
size 3 pixels make the angle 135 degrees

0:04:25.150,0:04:33.460
and the altitude 50 degrees

0:04:30.100,0:04:38.170
the highlight mode is screen with an

0:04:33.460,0:04:44.590
opacity of 75% the shadow mode is linear

0:04:38.170,0:04:47.520
burn and its opacity is also 75% then

0:04:44.590,0:04:47.520
click OK

0:04:48.960,0:04:56.820
make the lens flare active and may

0:04:52.750,0:05:00.860
copy of it by pressing ctrl or command J

0:04:56.820,0:05:04.670
drag the copy above your text layer and

0:05:00.860,0:05:07.370
hide its blur filter

0:05:04.670,0:05:08.650
presently the lens flare is showing

0:05:07.370,0:05:11.690
through the text and the background

0:05:08.650,0:05:14.780
however we want it to show only through

0:05:11.690,0:05:17.420
the text and not the background to do

0:05:14.780,0:05:19.490
this will make the lens flare copy into

0:05:17.420,0:05:21.710
a clipping mask which will clip it to

0:05:19.490,0:05:26.120
the one layer below it which is the text

0:05:21.710,0:05:30.480
to do this press ctrl alt G on Windows

0:05:26.120,0:05:33.310
or command option G on a Mac

0:05:30.480,0:05:36.600
next we'll begin the process of making

0:05:33.310,0:05:38.800
the deep three-dimensional shadows

0:05:36.600,0:05:40.720
ctrl-click or command click the

0:05:38.800,0:05:42.710
thumbnail of your text to make a

0:05:40.720,0:05:45.950
selection of it

0:05:42.710,0:05:49.970
hide the text layer

0:05:45.950,0:05:52.970
and make layer 1 active click the new

0:05:49.970,0:05:56.210
layer icon to make a new layer above the

0:05:52.970,0:05:58.940
active layer in this empty layer will

0:05:56.210,0:06:02.030
fill the selection with black open the

0:05:58.940,0:06:04.910
fill window it remembers the last fill

0:06:02.030,0:06:10.469
content which was black so just press

0:06:04.910,0:06:13.479
Enter or return then deselect it

0:06:10.469,0:06:15.889
next we'll create an action to build our

0:06:13.479,0:06:19.039
deep shadow

0:06:15.889,0:06:22.370
open your actions panel if you don't see

0:06:19.039,0:06:28.939
it go to window and actions click the

0:06:22.370,0:06:32.629
icon on the right and click new set name

0:06:28.939,0:06:34.980
it shadows and click OK or press Enter

0:06:32.629,0:06:38.190
or return

0:06:34.980,0:06:40.830
immediately a new action set was added

0:06:38.190,0:06:46.230
to your actions panel click the icon

0:06:40.830,0:06:49.080
again and this time click new action the

0:06:46.230,0:06:52.950
new action window will pop up click the

0:06:49.080,0:06:55.650
record button now every step you'll do

0:06:52.950,0:06:58.170
will be added to this action it doesn't

0:06:55.650,0:07:00.570
record the time between your steps it'd

0:06:58.170,0:07:03.150
only be Cotts the steps themselves so

0:07:00.570,0:07:05.670
take your time the first step in your

0:07:03.150,0:07:08.100
action is to make a copy of layer 2

0:07:05.670,0:07:10.590
which is the selection of our texts that

0:07:08.100,0:07:13.880
we filled with black press ctrl or

0:07:10.590,0:07:16.490
command J to make a copy of it

0:07:13.880,0:07:20.940
double click the copy to open its layer

0:07:16.490,0:07:24.630
style window click drop shadow

0:07:20.940,0:07:28.020
the blend mode is multiply and the

0:07:24.630,0:07:32.280
opacity is a hundred percent uncheck

0:07:28.020,0:07:36.350
global light and make the angle 135

0:07:32.280,0:07:41.370
degrees the distance is two pixels and

0:07:36.350,0:07:43.760
the spread and size is zero then click

0:07:41.370,0:07:43.760
OK

0:07:45.020,0:07:53.229
merge the layer to copy with layer 2 by

0:07:49.220,0:07:53.229
pressing ctrl or command e

0:07:54.270,0:08:00.810
then click the stop button to stop

0:07:57.270,0:08:04.020
recording your actions click the action

0:08:00.810,0:08:06.360
to make it active and click the play

0:08:04.020,0:08:09.270
button each time you click the play

0:08:06.360,0:08:12.060
button it will add two more pixels to

0:08:09.270,0:08:14.850
the depth of your shadow I'll click it

0:08:12.060,0:08:17.150
approximately 30 times to make a solid

0:08:14.850,0:08:22.820
shadow this deep

0:08:17.150,0:08:27.520
let's rename this layer 3d shadow make a

0:08:22.820,0:08:32.709
copy of it by pressing ctrl or command J

0:08:27.520,0:08:36.640
name the copy blur shadow and reduce its

0:08:32.709,0:08:39.370
opacity to sixty percent make your text

0:08:36.640,0:08:44.700
layer visible but keep your blur shadow

0:08:39.370,0:08:48.050
layer active go to filter blur and

0:08:44.700,0:08:53.460
Gaussian blur

0:08:48.050,0:08:55.400
blur it 10 pixels and click OK

0:08:53.460,0:08:59.510
drag the blurred

0:08:55.400,0:09:02.529
down and to the right next I'll show you

0:08:59.510,0:09:05.949
how to change its colors

0:09:02.529,0:09:09.519
scroll to the top and make your top

0:09:05.949,0:09:15.269
layer active click the adjustment layer

0:09:09.519,0:09:15.269
icon and click color balance

0:09:17.870,0:09:24.890
there are three tonal ranges shadows

0:09:21.290,0:09:27.230
mid-tones and highlights within each

0:09:24.890,0:09:29.750
tonal range there are three color bars

0:09:27.230,0:09:33.140
that show the color changes for the red

0:09:29.750,0:09:35.660
green and blue channels by dragging a

0:09:33.140,0:09:38.860
slider towards a color you'll increase

0:09:35.660,0:09:38.860
that color in the image

0:09:39.550,0:09:44.260
have fun experimenting with various

0:09:41.140,0:09:47.580
color combinations in all three tonal

0:09:44.260,0:09:50.370
ranges until you get the look you want

0:09:47.580,0:09:54.029
this is Marty from Blue Lightning TV

0:09:50.370,0:09:54.029
thanks for watching

standard: en

0:00:08.300,0:00:14.200
Hi. This is Marty from Blue Lightning TV.
I've done many tutorials showing how to use

0:00:14.200,0:00:20.120
the 3-D filter in Photoshop to create the
look of powerful and effective 3-D images.

0:00:20.720,0:00:27.580
In this tutorial, I'm going to show you how
to create the look of 3-D text with deep shadows

0:00:27.580,0:00:35.880
and bright reflections without using the 3-D
filter. We'll begin by creating a new document.

0:00:36.140,0:00:44.340
Press Ctrl + N on Windows or Cmd + N on a
Mac. Give your document a name and make its

0:00:44.340,0:00:55.220
Width: 1550 pixels, its Height: 870 pixels
and its Resolution: 300 pixels per inch. The

0:00:55.220,0:01:02.780
Color Mode is RBG and 8 bits per channel.
Click the small box to open the Color Picker.

0:01:03.140,0:01:10.220
In the Brightness field, type in 5% and click OK on both windows.

0:01:13.260,0:01:16.500
Click the New Layer icon to make a new layer.

0:01:16.500,0:01:21.200
We'll fill the empty
layer with black. To do this, press Shift

0:01:21.209,0:01:32.169
+ F5 at the top of your keyboard to open the Fill window. Open the flyout list. Click Black and click OK.

0:01:35.000,0:01:38.240
Change the Blend Mode to "Screen".

0:01:41.100,0:01:46.280
Go to FIlter, Render and Lens Flare.

0:01:47.380,0:01:54.640
Make the Brightness: 125% and the Lens Type: 50-300mm Zoom.

0:01:55.340,0:02:00.519
Drag the lens flare approximately here in the preview window and click OK.

0:02:03.580,0:02:10.240
Click the icon at the upper, right of the Layers panel and click "Convert to Smart Object".

0:02:11.200,0:02:14.239
The reason for this is so we can adjust, change

0:02:14.239,0:02:23.519
or remove the effects that we'll be adding
to it. Go to Filter, Blur and Gaussian Blur.

0:02:24.600,0:02:32.620
Make the Radius: 90 pixels and click OK or
press Enter or Return. We're ready to set

0:02:32.620,0:02:43.160
our text. Open your Horizontal Type Tool and
pick a font. I'm using "Agency FB Regular".

0:02:43.160,0:02:48.900
If you'd like to use it, I provided its link
in my video's description or project files.

0:02:49.329,0:02:54.689
I'll make its size: 100 points, but you may
want to adjust this amount based on the font

0:02:54.689,0:03:02.929
you choose and the amount of characters in your text. The aliasing is Sharp and the Alignment is centered.

0:03:03.820,0:03:12.380
Click the color box. In the Brightness
field, type in 35%. Then, click OK.

0:03:14.500,0:03:21.739
Click on your doucment and type out your text. To
center it on your document, click your Move

0:03:21.739,0:03:25.879
Tool and press Ctrl or Cmd + A.

0:03:28.440,0:03:32.160
Click the "Align Horizontal Centers" icon

0:03:33.940,0:03:36.800
and the "Align Vertical Centers" icon.

0:03:37.880,0:03:43.139
Then, deselect it
by pressing Ctrl or Cmd + D. SInce, we'll

0:03:43.139,0:03:48.239
be adding deep shadows to the bottom of the
text, let's slide it up a bit by pressing

0:03:48.239,0:03:56.499
the "Up" arrow key on your keyboard approximately
this much. Convert the text into a Smart Object.

0:03:57.720,0:04:03.060
Click the "fx" icon and click "Bevel & Emboss".

0:04:08.180,0:04:16.420
Make the Style: Inner Bevel, the Technique: Chisel Hard and the Depth: 100% .

0:04:16.800,0:04:21.880
Make the Direction: Up and the Size: 3 pixels.

0:04:22.720,0:04:33.319
Make the Angle: 135 degrees and the Altitude: 50
degrees. The Highlight mode is Screen with

0:04:33.319,0:04:45.879
an Opacity of 75% and the Shadow mode is
Linear Burn and its opacity is also 75%. Then, click OK.

0:04:49.400,0:04:54.740
Make the lens flare layer active
and make a copy of it by pressing Ctrl or

0:04:54.740,0:05:06.400
Cmd + J. Drag the copy above your text layer
and hide its blur filter. Presently, the lens

0:05:06.400,0:05:11.580
flare is showing through the text and the
background, however, we want it to only show

0:05:11.580,0:05:17.550
through the text and NOT the background. To
do this, we'll make the lens flare copy into

0:05:17.550,0:05:22.560
a clipping mask, which will clip it to the
one layer below it, which is the text. To

0:05:22.560,0:05:29.260
do this, press Ctrl + Alt + G on Windows or
Cmd + Option + G on a Mac.

0:05:31.040,0:05:35.620
Next, we'll begin the process of making the deep, 3-dimentional shadows.

0:05:36.880,0:05:39.180
Ctrl-click or Cmd-click the thumbnail

0:05:39.180,0:05:48.320
of your text to make a selection of it. Hide
the text layer and make Layer 1 active.

0:05:49.320,0:05:56.480
Click the New Layer icon to make a new layer above
the active layer. In this empty layer, we'll

0:05:56.480,0:06:03.080
fill the selection with black. Open the Fill
window. It remembers the last Fill content,

0:06:03.080,0:06:09.020
which was black, so just press Enter or Return. Then, deselect it.

0:06:11.020,0:06:14.620
Next, we'll create an action to build our deep shadow.

0:06:16.480,0:06:21.560
Open your Action panel. If you don't see it, go to Window and Actions.

0:06:22.000,0:06:34.120
Click the icon on the right and click "New Set". Name it, "Shadows" and click OK or press Enter or Return.

0:06:35.400,0:06:39.760
Immediately, a new
action set was added to your Actions panel.

0:06:40.220,0:06:47.960
Click the icon again and this time, click
"New Action". The New Action window will pop

0:06:47.970,0:06:55.289
up. Click the "Record" button. Now, every
step you do will be added to this action.

0:06:55.289,0:07:00.810
It doesn't record the time between your steps;
it only records the steps themselves, so take

0:07:00.810,0:07:07.110
your time. The first step in your action is
to make a copy of Layer 2 which is the selection

0:07:07.110,0:07:12.750
of our text that we filled with black. Press
Ctrl or Cmd + J to make the copy.

0:07:14.420,0:07:17.500
Double-click the copy to open its Layer Style window.

0:07:18.060,0:07:26.660
Click Drop Shadow. The Blend Mode is Multipy and the Opacity is 100%.

0:07:27.420,0:07:34.980
Uncheck Global Light
and make the angle: 135 degrees. The Distance

0:07:34.990,0:07:42.130
is 2 pixels and the Spread and Size is 0. Then click OK.

0:07:45.640,0:07:51.660
Merge the Layer 2 copy with Layer 2 by pressing Ctrl or Cmd + E.

0:07:54.820,0:07:58.120
Then, click the "Stop" button to stop recording

0:07:58.120,0:08:05.580
your actions. Click the Action to make it
active and click the "Play" button. Each time

0:08:05.580,0:08:11.900
you click the Play button, it will add 2 more
pixels to the depth of your shadow. I'll click

0:08:11.900,0:08:16.420
it approximately 30 times to make a solid
shadow this deep.

0:08:17.740,0:08:21.640
Let's rename this layer, "3-D shadow".

0:08:22.600,0:08:30.900
Make a copy of it by pressing
Ctrl or Cmd + J. Name the copy, "Blur shadow"

0:08:32.099,0:08:40.759
and reduce its opacity to 60%. Make your text
layer visible, but keep your Blur shadow layer active.

0:08:41.620,0:08:52.060
Go to Filter, Blur and Gaussian Blur.
Blur it 10 pixels and click OK.

0:08:54.060,0:08:57.240
Drag the blurred shadow down and to the right.

0:08:58.440,0:09:03.760
Next, Ill show
you how to change its colors. Scroll to the

0:09:03.760,0:09:13.740
top and make your top layer active. Click
the Adjustment Layer icon and click, "Color Balance".

0:09:18.440,0:09:25.340
There are 3 tonal ranges: Shadow,
Midtones and Highlights. Within each tonal

0:09:25.350,0:09:31.990
range, there are 3 color bars that show the
color changes for the red, green, and blue channels.

0:09:32.400,0:09:37.580
By dragging a slider toward a color,
you'll increase that color in the image.

0:09:39.540,0:09:47.180
Have fun experimenting with various color combinations in all three tonal ranges until you get the look you want.

0:09:48.400,0:09:51.920
This is Marty from Blue Lightning
TV. Thanks for watching!

Profiles

Profile 1

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

Profile 2

Purpose Tutorial
Content Text
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 Text
Participants
Form
Time
Place