Description

Photoshop CC 2014 tutorial showing how to create shiny text, illuminate it & reflect it onto a dark, shiny surface.

American Captain Font:
http://www.dafont.com/american-captain.font

Royalty Free Music provided by http://www.beatsuite.com
High quality, copyright-free music for YouTube.
Music: "Under the Surface" URL: http://goo.gl/2N2VZ9

Click below to SUBSCRIBE!
http://goo.gl/HEpuJ4

Click below for BLTV's WEBSITE!
http://www.bluelightningtv.com/

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

Twitter: https://twitter.com/BlueLightningTV

Metadata

Video ID 132
Youtube URL Photoshop Tutorial: How to Make Shiny Text and Reflect it on a Dark Surface
Captions Available Yes
Captions Downloadable Yes
Playlists
Duration 00:08:49
Definition hd
Keywords
License youtube
Embeddable Yes
Views 105881
Likes 1030
Dislikes 22
Favourites 0
Comments 110
Created 2017-05-04 1:00:42 PM
Updated 2017-05-04 1:11:11 PM

Captions

ASR: en

0:00:08.570,0:00:14.490
hi this is Marty from Blue Lightning TV

0:00:11.570,0:00:18.980
I'm going to show you how to create a

0:00:14.490,0:00:22.380
simple but effective text reflection

0:00:18.980,0:00:26.760
create a new document by pressing ctrl +

0:00:22.380,0:00:31.140
on windows or command n on a Mac make

0:00:26.760,0:00:34.410
the width 1550 pixels the height 870

0:00:31.140,0:00:37.290
pixels and the resolution 150 pixels per

0:00:34.410,0:00:40.530
inch if your foreground and background

0:00:37.290,0:00:43.530
colors aren't black and white press D on

0:00:40.530,0:00:46.770
your keyboard invert the colors by

0:00:43.530,0:00:49.410
pressing X fill the background with the

0:00:46.770,0:00:54.449
background color by pressing ctrl or

0:00:49.410,0:00:58.980
command + delete open your horizontal

0:00:54.449,0:01:01.620
type tool and pick a font I'm using

0:00:58.980,0:01:04.080
American captain regular if you'd like

0:01:01.620,0:01:06.930
to use it I provided its link in the

0:01:04.080,0:01:09.439
video description for this font I'll

0:01:06.930,0:01:13.500
choose a size of a hundred sixty points

0:01:09.439,0:01:15.990
sharp Center alignment and the color is

0:01:13.500,0:01:19.860
white click on the center of your

0:01:15.990,0:01:23.040
document and type out your text to

0:01:19.860,0:01:27.180
reposition it open your move tool and

0:01:23.040,0:01:30.150
move it let's save it as a smart object

0:01:27.180,0:01:32.189
so if we decide to change the text later

0:01:30.150,0:01:35.759
we won't have to redo most of the

0:01:32.189,0:01:37.320
effects that we'll be adding to it click

0:01:35.759,0:01:40.409
on the icon at the upper right of the

0:01:37.320,0:01:47.159
layers panel and click convert to smart

0:01:40.409,0:01:53.610
object click the FX icon and click bevel

0:01:47.159,0:01:56.939
and emboss check contour the style is

0:01:53.610,0:02:00.719
inner bevel and the technique is chisel

0:01:56.939,0:02:03.780
hard the depth is a hundred percent the

0:02:00.719,0:02:07.439
direction is up and the size is five

0:02:03.780,0:02:11.160
pixels open the gloss contour presets

0:02:07.439,0:02:12.950
and click this icon this contour is

0:02:11.160,0:02:15.090
called ring

0:02:12.950,0:02:19.010
leave the other settings at their

0:02:15.090,0:02:22.650
default positions click gradient overlay

0:02:19.010,0:02:27.090
open your gradient presets and click the

0:02:22.650,0:02:30.180
black to white thumbnail the angle is 90

0:02:27.090,0:02:34.200
degrees and reduce the opacity to sixty

0:02:30.180,0:02:36.450
percent then click OK next we'll add a

0:02:34.200,0:02:40.290
subtle art reflection on the front

0:02:36.450,0:02:44.580
surface click the new layer icon to make

0:02:40.290,0:02:47.820
a new layer go to view and make sure

0:02:44.580,0:02:51.690
rulers and snap are checked if they

0:02:47.820,0:02:55.140
aren't just click on them go to the left

0:02:51.690,0:02:57.750
ruler and drag out a guideline to the

0:02:55.140,0:03:00.000
center it'll snap in place because we

0:02:57.750,0:03:03.140
have snapped checked if you don't see

0:03:00.000,0:03:05.610
the guideline press ctrl or command H

0:03:03.140,0:03:08.670
zoom out of your document by pressing

0:03:05.610,0:03:13.110
ctrl or command + the minus sign on your

0:03:08.670,0:03:16.500
keyboard open your elliptical marquee

0:03:13.110,0:03:19.019
tool and place your cursor on the

0:03:16.500,0:03:21.360
guideline approximately halfway between

0:03:19.019,0:03:24.600
the top of your document and the top of

0:03:21.360,0:03:26.840
your text hold down alt or option as you

0:03:24.600,0:03:30.150
drag out an elliptical selection

0:03:26.840,0:03:32.190
approximately this size and shape fill

0:03:30.150,0:03:34.709
the selection with white which is the

0:03:32.190,0:03:37.950
foreground color by pressing alt or

0:03:34.709,0:03:42.330
option + delete to deselect it press

0:03:37.950,0:03:45.300
ctrl or command D to see your document

0:03:42.330,0:03:50.220
at a hundred percent again press ctrl or

0:03:45.300,0:03:53.250
command one reduce its opacity to twenty

0:03:50.220,0:03:55.290
percent we want to contain the

0:03:53.250,0:03:59.519
reflection just inside the face of the

0:03:55.290,0:04:01.200
text to do this ctrl-click or command

0:03:59.519,0:04:05.040
click on the thumbnail of the text layer

0:04:01.200,0:04:10.860
to make a selection of the text go to

0:04:05.040,0:04:14.489
select modify and contract contract the

0:04:10.860,0:04:17.910
selection by six pixels this contracts

0:04:14.489,0:04:20.340
adjust to the face of the text click the

0:04:17.910,0:04:23.910
layer mask icon to make a layer mask of

0:04:20.340,0:04:24.830
the contracted selection the next series

0:04:23.910,0:04:27.620
of steps

0:04:24.830,0:04:29.240
will be to add the spotlight first let's

0:04:27.620,0:04:32.060
place these two layers into a folder

0:04:29.240,0:04:35.479
since they comprise the elements of just

0:04:32.060,0:04:38.330
the text to do this shift-click on your

0:04:35.479,0:04:40.550
text layer to highlight it now the text

0:04:38.330,0:04:44.030
and its face reflection are both active

0:04:40.550,0:04:46.490
press ctrl or command G to place them

0:04:44.030,0:04:49.370
into a folder we're going to make a new

0:04:46.490,0:04:52.370
layer below the folder go to the new

0:04:49.370,0:04:54.319
layer icon and ctrl-click or command

0:04:52.370,0:04:57.909
click on it to make a new layer below

0:04:54.319,0:05:00.199
the active layer let's name it spotlight

0:04:57.909,0:05:02.539
will fill the empty layer with white

0:05:00.199,0:05:07.639
which is the foreground color by

0:05:02.539,0:05:12.460
pressing alt or option + delete reduce

0:05:07.639,0:05:18.349
its opacity to forty percent go to edit

0:05:12.460,0:05:20.750
transform and perspective go to the top

0:05:18.349,0:05:24.830
corner of the transform and drag it

0:05:20.750,0:05:27.620
across approximately this much to accept

0:05:24.830,0:05:33.979
it click the checkmark or press Enter or

0:05:27.620,0:05:39.460
return go to filter blur and Gaussian

0:05:33.979,0:05:42.650
blur blur it 100 pixels and click OK

0:05:39.460,0:05:46.339
press ctrl or command H to hide the

0:05:42.650,0:05:49.490
guideline next we'll brush over the

0:05:46.339,0:05:52.849
bottom of the spotlight zoom out of your

0:05:49.490,0:05:55.789
document again and click the layer mask

0:05:52.849,0:06:00.919
icon to make a layer mask next to the

0:05:55.789,0:06:04.310
spotlight open your brush tool and make

0:06:00.919,0:06:09.669
the size approximately 800 pixels or the

0:06:04.310,0:06:12.409
hardness of 0% make its opacity 50%

0:06:09.669,0:06:15.650
press the f5 key at the top of your

0:06:12.409,0:06:17.719
keyboard to open the brush presets make

0:06:15.650,0:06:20.930
sure the only setting that's checked is

0:06:17.719,0:06:24.740
smoothing press f5 again to close the

0:06:20.930,0:06:27.379
panel now brush over the bottom a few

0:06:24.740,0:06:31.039
times to gradually fade the spotlight in

0:06:27.379,0:06:34.159
an arc-shaped then brush straight across

0:06:31.039,0:06:36.680
the bottom to fade it even more to view

0:06:34.159,0:06:37.289
it at a hundred percent press ctrl or

0:06:36.680,0:06:40.919
command

0:06:37.289,0:06:43.740
one next we'll add a shadow on the

0:06:40.919,0:06:47.339
bottom of the text click the new layer

0:06:43.740,0:06:52.649
icon to make a new layer let's name it

0:06:47.339,0:06:55.529
shadow reduce the brush size to 20

0:06:52.649,0:06:58.889
pixels and increase its opacity to

0:06:55.529,0:07:01.830
ninety percent place your cursor on a

0:06:58.889,0:07:04.770
lower corner of your text and hold down

0:07:01.830,0:07:06.809
shift as you drag the brush across to

0:07:04.770,0:07:10.589
the opposite corner holding down shift

0:07:06.809,0:07:12.330
keeps the brush in a straight line click

0:07:10.589,0:07:15.509
on your text folder to make it active

0:07:12.330,0:07:18.990
and make a copy of it by pressing ctrl

0:07:15.509,0:07:22.680
or command J named the top folder top

0:07:18.990,0:07:29.969
text and the bottom folder reflection

0:07:22.680,0:07:34.469
text go to edit transform and flip

0:07:29.969,0:07:37.050
vertical go to the flip text and hold

0:07:34.469,0:07:38.909
down shift as you drag it straight down

0:07:37.050,0:07:43.110
until it's flush with the bottom of the

0:07:38.909,0:07:47.249
other text reduce its opacity to twenty

0:07:43.110,0:07:50.249
to thirty percent open the reflection

0:07:47.249,0:07:53.339
text folder and double-click gradient

0:07:50.249,0:07:56.759
overlay to see it in a layer style

0:07:53.339,0:08:00.899
window check reverse which inverts the

0:07:56.759,0:08:04.279
gradient overlay now the grading is

0:08:00.899,0:08:06.809
correct on the flip text then click OK

0:08:04.279,0:08:10.019
next we'll fade out the bottom of the

0:08:06.809,0:08:12.930
reflection collapse the folder of the

0:08:10.019,0:08:15.809
reflected text and click the layer mask

0:08:12.930,0:08:20.669
icon to make a layer mask next to the

0:08:15.809,0:08:25.339
folder press B to open your brush tool

0:08:20.669,0:08:30.509
and increase the size to 800 pixels and

0:08:25.339,0:08:35.069
make its opacity a hundred percent zoom

0:08:30.509,0:08:37.469
out hold down shift and brush straight

0:08:35.069,0:08:41.409
across the bottom of the reflection then

0:08:37.469,0:08:44.220
fit your document back on your screen

0:08:41.409,0:08:46.760
this is Marty from Blue Lightning TV

0:08:44.220,0:08:48.820
thanks for watching

0:08:46.760,0:08:48.820
you

standard: en

0:00:09.480,0:00:15.500
Hi. This is Marty from Blue Lightning TV.
I'm going to show you how to to create a simple,

0:00:15.500,0:00:17.260
but effective text reflection.

0:00:19.600,0:00:24.060
Create a new document by pressing Ctrl + N on Windows or

0:00:24.060,0:00:33.320
Cmd + N on a Mac. Make the Width: 1550 pixels,
the Height: 870 pixels and the Resolution:

0:00:33.329,0:00:35.149
150 pixels per inch.

0:00:36.140,0:00:39.520
If your foreground and
background colors aren't black and white,

0:00:39.900,0:00:46.620
press "D" on your keyboard. Invert the colors
by pressing "X". Fill the background with

0:00:46.629,0:00:50.869
the background color by pressing Ctrl or Cmd + Delete.

0:00:53.560,0:00:56.080
Open your Horizontal Type Tool

0:00:57.020,0:01:03.840
and pick a font. I'm using American Captain Regular. If you'd like to use it, I provided its link

0:01:03.850,0:01:11.830
in the video description. For this font, I'll
choose a size of 160 points, Sharp, center

0:01:11.830,0:01:18.610
alignment and the color is white. Click on
the center of your document and type out your text.

0:01:19.700,0:01:27.920
To reposition it, open your Move Tool
and move it. Let's save it as a Smart Object,

0:01:27.920,0:01:32.630
so if we decide to change the text later,
we won't have to redo most of the effects

0:01:32.630,0:01:34.170
that we'll be adding to it.

0:01:35.660,0:01:38.320
Click on the icon at the upper, right of the Layers panel

0:01:39.080,0:01:41.760
and click "Convert to Smart Object".

0:01:43.160,0:01:45.160
Click the "fx" icon

0:01:46.340,0:01:48.340
and click "Bevel and Emboss".

0:01:50.700,0:01:59.120
Check "Contour". The Style is "Inner Bevel" and
the Technique is "Chisel Hard". The Depth

0:01:59.130,0:02:04.630
is 100%, the Direction is Up and the Size
is 5 pixels.

0:02:05.680,0:02:07.700
Open the Gloss Contour presets

0:02:08.360,0:02:12.320
and click this icon. This contour is called "Ring".

0:02:13.700,0:02:16.340
Leave the other settings at their default positions.

0:02:17.080,0:02:23.360
Click "Gradient Overlay". Open your Gradient presets and click the "black

0:02:23.370,0:02:32.069
to white" thumbnail. The Angle is 90 degrees
and reduce the Opacity to 60%. Then, click

0:02:32.069,0:02:39.400
OK. Next, we'll add a subtle, arced, reflection
on the front surface. Click the New Layer

0:02:39.400,0:02:41.180
icon to make a new layer.

0:02:42.900,0:02:48.060
Go to View and make sure Rulers and Snap are checked. If the they

0:02:48.060,0:02:56.239
aren't, just click on them. Go to the left
ruler and drag out a guide line to the center.

0:02:56.239,0:03:02.099
It'll snap in place because we have Snap checked.
If you don't see the guide line, press Ctrl

0:03:02.099,0:03:09.439
or Cmd + H. Zoom out of your document by pressing
Ctrl or Cmd + the minus sign on your keyboard.

0:03:12.020,0:03:18.260
Open your Elliptical Marquee Tool and place
your cursor on the guide line approximately

0:03:18.260,0:03:24.700
halfway between the top of your document and
your top of your text. Hold own Alt or Option

0:03:24.700,0:03:30.989
as you drag out an elliptical selection approximately
this size and shape. Fill the selection with

0:03:30.989,0:03:38.789
white, which is the foreground color, by pressing
Alt or Option + Delete. To deselect it, press

0:03:38.789,0:03:46.629
Ctrl or Cmd + D. To see your document at 100%
again, press Ctrl or Cmd + 1.

0:03:48.660,0:03:50.800
Reduce its Opacity to 20%.

0:03:52.260,0:03:57.959
We want to contain the reflection just inside the face of the text. To do this,

0:03:57.959,0:04:02.859
Ctrl-click or Cmd-click on the thumbnail of
the text layer to make a selection of the

0:04:02.860,0:04:08.780
text. Go to Select, Modify and Contract.

0:04:10.000,0:04:12.740
Contract the selection by 6 pixels.

0:04:13.760,0:04:16.600
This contracts it just the face of the text.

0:04:17.620,0:04:21.620
Click the Layer mask icon to make a layer mask of the contracted selection.

0:04:23.120,0:04:28.020
The next series of steps will be to add the spotlight. First, let's place these

0:04:28.020,0:04:34.260
two layers into a folder, since they comprise
the elements of just the text. To do this,

0:04:34.260,0:04:39.780
Shift-click on your text layer to highlight
it. Now the text and its face reflection are

0:04:39.790,0:04:46.260
both active. Press Ctrl or Cmd + G to place
them into a folder. We're going to make a

0:04:46.260,0:04:52.850
new layer below the folder. Go to the New
Layer icon and Ctrl-click or Cmd-click on

0:04:52.850,0:04:59.350
it to make a new layer below the active layer.
Let's name it "Spotlight". We'll fill the

0:04:59.350,0:05:05.150
empty layer with white, which is the foreground
color, by pressing Alt or Option + Delete.

0:05:07.240,0:05:09.900
Reduce its opacity to 40%.

0:05:11.200,0:05:15.620
Go to Edit, Transform and Perspective.

0:05:17.660,0:05:19.000
Go to the top corner of the

0:05:19.000,0:05:26.600
Transform and drag it across approximately
this much. To accept it, click the checkmark

0:05:26.610,0:05:28.530
or press Enter or Return.

0:05:30.620,0:05:34.840
Go to Filter, Blur and Gaussian Blur.

0:05:36.020,0:05:38.620
Blur it 100 pixels and click OK.

0:05:40.160,0:05:43.360
Press Ctrl or Cmd + H to hide the guide line.

0:05:45.060,0:05:47.600
Next, we'll brush over the bottom of the spotlight.

0:05:48.660,0:05:50.640
Zoom out of your document again

0:05:52.140,0:05:54.300
and click the Layer Mask icon to make

0:05:54.300,0:05:56.600
a layer mask next to the spotlight.

0:05:58.240,0:06:03.620
Open your Brush Tool and make size approximately 800 pixels

0:06:04.040,0:06:09.680
with a Hardness of 0%. Make its Opacity 50%.

0:06:10.460,0:06:13.240
Press the F5 key at the top of your keyboard

0:06:13.240,0:06:19.500
to open the Brush presets. Make sure the only
setting that's checked is "Smoothing". Press

0:06:19.500,0:06:21.460
F5 again to close the panel.

0:06:22.860,0:06:26.500
Now, brush over the bottom a few times to gradually fade the

0:06:26.510,0:06:32.840
spotlight in an arced shaped. Then, brush
straight across the bottom to fade it even

0:06:32.840,0:06:37.880
more. To view it at 100%, press Ctrl or Cmd + 1.

0:06:39.400,0:06:42.020
Next, we'll add a shadow on the bottom of the text.

0:06:43.200,0:06:45.840
Click the new Layer icon to make a new layer.

0:06:46.860,0:06:48.620
Let's name it "Shadow".

0:06:50.700,0:06:56.800
Reduce the Brush size to 20 pixels and increase its
opacity to 90%.

0:06:57.900,0:07:00.620
Place your cursor on a lower corner of your text

0:07:01.080,0:07:05.540
and hold down "Shift"
as you drag the brush across to the opposite

0:07:05.550,0:07:09.130
corner. Holding down Shift keeps the brush
in a straight line.

0:07:10.380,0:07:11.600
Click on your Text folder

0:07:11.600,0:07:16.660
to make it active and make a copy of it by
pressing Ctrl or Cmd + J.

0:07:17.440,0:07:19.680
Name the top folder, "Top Text"

0:07:20.360,0:07:23.460
and the bottom folder, "Reflection text".

0:07:26.100,0:07:30.740
Go to Edit, Transform and "Flip Vertical".

0:07:32.420,0:07:37.980
Go to the flipped text and hold down Shift
as you drag it straight down until it's flush

0:07:37.980,0:07:39.920
with the bottom of the other text.

0:07:41.200,0:07:44.320
Reduce its opacity to 20 - 30%.

0:07:46.320,0:07:48.100
Open the Reflection text folder

0:07:48.820,0:07:51.160
and double-click "Gradient Overlay"

0:07:52.100,0:07:54.100
to see it in the Layer Style window.

0:07:54.800,0:07:58.140
Check “Reverse”, which inverts the gradient overlay.

0:07:59.580,0:08:01.840
Now, the gradient is correct on the

0:08:01.850,0:08:07.650
flipped text. Then, click OK. Next, we'll
fade out the bottom of the reflection.

0:08:08.740,0:08:11.200
Collapse the folder of the reflected text

0:08:12.180,0:08:16.300
and click the Layer mask icon to make a layer mask next to the folder.

0:08:19.080,0:08:21.440
Press "B" to open your Brush Tool

0:08:22.440,0:08:25.080
and increase the size to 800 pixels

0:08:26.020,0:08:28.300
and make its opacity: 100%.

0:08:29.860,0:08:31.380
Zoom out,

0:08:32.480,0:08:35.940
hold down Shift and brush straight across the bottom

0:08:35.950,0:08:39.910
of the reflection. Then, fit your document
back on your screen.

0:08:42.280,0:08:44.400
This is Marty from Blue Lightning TV.

0:08:45.000,0:08:45.940
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