Photoshop Tutorial: How to Make a Stunning, Glossy Black Text Effect

ASR: en

0:00:10.530,0:00:16.260
hi this is Marty from Blue Lightning TV

0:00:13.490,0:00:19.230
I'm going to show you how to create this

0:00:16.260,0:00:22.380
powerful glossy black text effect and

0:00:19.230,0:00:26.130
then how to replace the text quickly and

0:00:22.380,0:00:27.630
painlessly I provided this texture for

0:00:26.130,0:00:30.809
you to download so you can follow along

0:00:27.630,0:00:34.050
it's located in the video description or

0:00:30.809,0:00:37.500
project files make a copy of it by

0:00:34.050,0:00:40.680
pressing ctrl J on Windows or command J

0:00:37.500,0:00:42.600
on a Mac click off the eyeball next to

0:00:40.680,0:00:44.579
the copy to temporarily hide the layer

0:00:42.600,0:00:47.699
and click the thumbnail of the

0:00:44.579,0:00:50.999
background to make it active well darken

0:00:47.699,0:00:54.510
it by adjusting its levels press ctrl or

0:00:50.999,0:00:57.569
command L to open the levels window for

0:00:54.510,0:01:01.530
the high light output level type in 100

0:00:57.569,0:01:07.490
for the shadow input type in 90 then

0:01:01.530,0:01:10.470
click OK make layer 1 visible and active

0:01:07.490,0:01:13.220
click the layer mask icon to make a

0:01:10.470,0:01:16.909
layer mask next to the active layer

0:01:13.220,0:01:19.890
invert it by pressing ctrl or command I

0:01:16.909,0:01:22.320
your image looks dark again because the

0:01:19.890,0:01:24.960
black layer mask is masking out or

0:01:22.320,0:01:26.969
hiding the layer that's next to it we're

0:01:24.960,0:01:29.579
going to brush white over the layer mask

0:01:26.969,0:01:33.119
to reveal the lighter background over

0:01:29.579,0:01:36.570
the darker background open your brush

0:01:33.119,0:01:39.409
tool and make sure the hardness is zero

0:01:36.570,0:01:42.270
percent will adjust the size in a moment

0:01:39.409,0:01:46.229
reduce the opacity to fifty percent and

0:01:42.270,0:01:49.020
press Enter or return press the f5 key

0:01:46.229,0:01:52.229
at the top of your keyboard to open the

0:01:49.020,0:01:55.320
brush tip shape panel make sure nothing

0:01:52.229,0:01:58.619
is checked except smoothing press f5

0:01:55.320,0:02:00.659
again to close the panel to increase the

0:01:58.619,0:02:03.390
size of your brush press the right

0:02:00.659,0:02:04.950
bracket key keep pressing it until your

0:02:03.390,0:02:09.240
brush is approximately the height of

0:02:04.950,0:02:12.020
your documents then left click twice go

0:02:09.240,0:02:15.240
to the left a bit and left-click once

0:02:12.020,0:02:19.200
repeat this on the right we're ready to

0:02:15.240,0:02:22.890
set our text open your horizontal type

0:02:19.200,0:02:26.460
tool and choose a funds

0:02:22.890,0:02:28.770
i'm using Abaddon to regular if you'd

0:02:26.460,0:02:34.020
like to use it I provided its link as

0:02:28.770,0:02:36.990
well I'll make the size 250 points sharp

0:02:34.020,0:02:38.640
and center alignment the color is

0:02:36.990,0:02:42.300
irrelevant since we're going to replace

0:02:38.640,0:02:45.930
the color with a gradient overlay type

0:02:42.300,0:02:48.560
out your text to Center it on your

0:02:45.930,0:02:52.800
document click your move tool and press

0:02:48.560,0:02:55.590
ctrl or command a to select it all then

0:02:52.800,0:03:02.340
press the align horizontal centers icon

0:02:55.590,0:03:07.100
and the align vertical centers icon to

0:03:02.340,0:03:10.890
deselect it press ctrl or command D

0:03:07.100,0:03:14.790
click the FX icon and choose gradient

0:03:10.890,0:03:17.519
overlay the blend mode is normal and the

0:03:14.790,0:03:20.250
style is linear make sure align with

0:03:17.519,0:03:24.810
layer is checked and make the angle 90

0:03:20.250,0:03:27.690
degrees click the gradient bar and click

0:03:24.810,0:03:30.600
the black-white preset click below the

0:03:27.690,0:03:33.360
gradient bar to add a color stop type in

0:03:30.600,0:03:35.190
fifty percent for its location this will

0:03:33.360,0:03:38.700
place the stop in the center of the

0:03:35.190,0:03:41.459
gradient click the color box and for

0:03:38.700,0:03:44.730
brightness type in seventy percent then

0:03:41.459,0:03:47.810
click ok click the lower right stop and

0:03:44.730,0:03:51.450
for the location type in ninety percent

0:03:47.810,0:03:55.370
click the color box again and for

0:03:51.450,0:03:58.170
brightness type in forty five percent

0:03:55.370,0:04:00.870
click the lower left stop to create this

0:03:58.170,0:04:03.930
tiny icon in the middle drag it to the

0:04:00.870,0:04:07.410
right as far as it'll go make another

0:04:03.930,0:04:10.739
stop and for the location type in thirty

0:04:07.410,0:04:12.540
five percent click the color box and for

0:04:10.739,0:04:17.190
the brightness this time type in

0:04:12.540,0:04:20.190
forty-five percent create another stop

0:04:17.190,0:04:23.910
and for its location type in twenty

0:04:20.190,0:04:26.700
percent click the color box and for the

0:04:23.910,0:04:32.129
brightness type in forty percent then

0:04:26.700,0:04:35.369
click OK on both windows click satin

0:04:32.129,0:04:38.639
change the blend mode to color burn the

0:04:35.369,0:04:42.739
opacity is 50% and changed the angle to

0:04:38.639,0:04:46.819
160 degrees the distance is 5 pixels

0:04:42.739,0:04:51.089
open contour and check the first preset

0:04:46.819,0:04:54.659
make the size 0 make sure invert is

0:04:51.089,0:04:58.919
checked as well as anti alias check

0:04:54.659,0:05:01.589
bevel and emboss and check contour the

0:04:58.919,0:05:04.889
style is inner bevel and the technique

0:05:01.589,0:05:07.399
is chisel hard the depth is three

0:05:04.889,0:05:11.219
hundred percent and the direction is up

0:05:07.399,0:05:14.459
the size is three pixels the angle is

0:05:11.219,0:05:17.159
120 degrees and the altitude is 30

0:05:14.459,0:05:19.709
degrees the highlight mode is color

0:05:17.159,0:05:22.919
dodge and its opacity is seventy-five

0:05:19.709,0:05:27.889
percent the shadow mode is multiply and

0:05:22.919,0:05:31.349
its opacity is also 75% click inner glow

0:05:27.889,0:05:34.319
the blend mode is color dodge and the

0:05:31.349,0:05:38.009
opacity is thirty-seven percent click

0:05:34.319,0:05:40.860
the color box and pick a bright color

0:05:38.009,0:05:47.639
for your bevels accent I'm picking a

0:05:40.860,0:05:51.689
bright aqua color 00 FF EA the technique

0:05:47.639,0:05:55.219
is softer the source is edge the choke

0:05:51.689,0:05:58.649
is zero and the size is eight pixels

0:05:55.219,0:06:03.809
open contour and click the lower left

0:05:58.649,0:06:07.229
preset click stroke the size is three

0:06:03.809,0:06:10.349
pixels the position is inside and the

0:06:07.229,0:06:15.689
fill type is gradient click the gradient

0:06:10.349,0:06:19.439
bar click the gear icon and choose

0:06:15.689,0:06:21.329
metals when this warning appears click

0:06:19.439,0:06:24.360
OK so we can just see the metals

0:06:21.329,0:06:29.429
gradient in the preset window choose the

0:06:24.360,0:06:32.490
steel bar preset and click ok click drop

0:06:29.429,0:06:35.610
shadow the blend mode is multiply the

0:06:32.490,0:06:38.129
opacity is 50% and the angle is a

0:06:35.610,0:06:41.819
hundred twenty degrees make the distance

0:06:38.129,0:06:43.830
5 pixels and the size 5 pixels then

0:06:41.819,0:06:46.470
click OK

0:06:43.830,0:06:49.440
next we're going to add deeper drop

0:06:46.470,0:06:52.200
shadows first we'll convert it into a

0:06:49.440,0:06:54.870
smart object so we can change the text

0:06:52.200,0:06:56.670
and even the font without having to redo

0:06:54.870,0:06:59.850
the effects that we'll be adding on to

0:06:56.670,0:07:01.350
it i'll show you an example later click

0:06:59.850,0:07:04.110
the icon at the upper right of the

0:07:01.350,0:07:10.590
layers panel and click convert to smart

0:07:04.110,0:07:13.920
object click the FX icon and choose drop

0:07:10.590,0:07:18.120
shadow the blend mode is multiply and

0:07:13.920,0:07:23.580
the opacity is 50% make the distance 25

0:07:18.120,0:07:26.190
pixels and the size 30 pixels make a

0:07:23.580,0:07:27.990
copy of it and double click on drop

0:07:26.190,0:07:30.960
shadow to open it in its layer style

0:07:27.990,0:07:35.160
window increase the distance to 50

0:07:30.960,0:07:38.430
pixels and click OK if you're working on

0:07:35.160,0:07:40.620
version CC 2014 I'll show you a simple

0:07:38.430,0:07:43.440
way to add a bevel with inward curved

0:07:40.620,0:07:45.210
corners but first if you're working on

0:07:43.440,0:07:47.460
an earlier version of Photoshop I'll

0:07:45.210,0:07:50.970
show you how to add a simple rectangular

0:07:47.460,0:07:53.730
bevel into the metal background make the

0:07:50.970,0:07:55.920
lighter background active will create a

0:07:53.730,0:08:00.600
new layer above it by clicking the new

0:07:55.920,0:08:03.750
layer icon open your rectangular marquee

0:08:00.600,0:08:09.050
tool and drag a rectangular selection

0:08:03.750,0:08:12.540
over your text go to edit and Stroke

0:08:09.050,0:08:17.340
make the width 8 pixels and the location

0:08:12.540,0:08:22.980
inside to deselect it press ctrl or

0:08:17.340,0:08:25.470
command D reduce the fill 20 this makes

0:08:22.980,0:08:28.350
the border disappear but any effects we

0:08:25.470,0:08:30.240
add to it will be visible double-click

0:08:28.350,0:08:33.960
the border layer to open its layer style

0:08:30.240,0:08:36.630
window click bevel and emboss the

0:08:33.960,0:08:40.260
technique is chisel hard the direction

0:08:36.630,0:08:43.950
is down and the size is 5 pixels then

0:08:40.260,0:08:47.280
click OK reduce the opacity of the

0:08:43.950,0:08:50.070
border to eighty percent to Center it

0:08:47.280,0:08:53.220
use the same steps as you did earlier to

0:08:50.070,0:08:55.950
review click your move tool press ctrl

0:08:53.220,0:08:57.480
or command a to select it all and click

0:08:55.950,0:09:01.860
the align centers

0:08:57.480,0:09:05.190
icons then deselect it if you're working

0:09:01.860,0:09:08.370
on version CC 2014 make the lighter

0:09:05.190,0:09:14.550
background visible and make a new layer

0:09:08.370,0:09:18.410
above it go to edit and fill choose

0:09:14.550,0:09:23.670
pattern check scripted patterns and

0:09:18.410,0:09:26.190
choose picture frame then click OK the

0:09:23.670,0:09:29.010
frame window will appear open the flyout

0:09:26.190,0:09:33.810
list of frames and choose inverse

0:09:29.010,0:09:38.459
rounded corners I'll make the margin 25

0:09:33.810,0:09:41.850
the size 1 the thickness 35 and the

0:09:38.459,0:09:46.980
angle 25 when you've entered your

0:09:41.850,0:09:51.269
settings press Enter or return make the

0:09:46.980,0:09:54.300
fill 0 and double-click the border to

0:09:51.269,0:09:57.209
open its layer style window click bevel

0:09:54.300,0:09:59.490
and emboss use the same settings as we

0:09:57.209,0:10:02.310
had for the other border the style is

0:09:59.490,0:10:05.819
inner bevel and the technique is chisel

0:10:02.310,0:10:11.100
hard the direction is down and the size

0:10:05.819,0:10:15.440
is 5 pixels reduce the opacity to eighty

0:10:11.100,0:10:17.940
percent if you want to change the text

0:10:15.440,0:10:21.420
double-click the thumbnail of any smart

0:10:17.940,0:10:23.819
object to open it if we want it to be a

0:10:21.420,0:10:26.040
longer word we first need to widen the

0:10:23.819,0:10:28.850
canvas which is represented by the light

0:10:26.040,0:10:33.569
checkerboard background behind the text

0:10:28.850,0:10:36.389
go to image and canvas size change the

0:10:33.569,0:10:39.750
inches two percent and for the width

0:10:36.389,0:10:44.300
type in 150 you can always increase it

0:10:39.750,0:10:46.500
later to fit your text then click OK

0:10:44.300,0:10:49.079
double-click the large T of the

0:10:46.500,0:10:53.130
thumbnail to highlight the text and type

0:10:49.079,0:10:56.579
your new word click the checkmark to

0:10:53.130,0:10:58.380
accept it and then click the small X on

0:10:56.579,0:11:01.199
the right side of the smart object tab

0:10:58.380,0:11:05.730
when you see this warning click yes to

0:11:01.199,0:11:08.130
save the changes immediately your text

0:11:05.730,0:11:11.020
is updated with all the effects and deep

0:11:08.130,0:11:13.300
drop shadows to widen the border

0:11:11.020,0:11:16.210
click the border layer to make it active

0:11:13.300,0:11:20.410
and open your transform tool by pressing

0:11:16.210,0:11:22.330
ctrl or command T go to the middle of

0:11:20.410,0:11:25.090
one of the sides and when you see a

0:11:22.330,0:11:28.240
horizontal double-arrow hold down shift

0:11:25.090,0:11:31.270
and alt on windows or shift + option on

0:11:28.240,0:11:36.790
a mac as you drag out the transform then

0:11:31.270,0:11:41.580
press Enter or return this is Marty from

0:11:36.790,0:11:41.580
Blue Lightning TV thanks for watching