Photoshop Tutorial: Create Awesome, CRT Monitor, Digital-glitch, Scan-line Text

ASR: en

0:00:09.230,0:00:14.790
hi this is Marty from Blue Lightning TV

0:00:12.059,0:00:18.390
I'm going to show you how to create the

0:00:14.790,0:00:24.570
look of text seen through a vintage CRT

0:00:18.390,0:00:29.220
monitor create a new document by going

0:00:24.570,0:00:32.750
to file and new make its width 1550

0:00:29.220,0:00:36.540
pixels its height 870 pixels and the

0:00:32.750,0:00:40.260
resolution 150 pixels per inch the color

0:00:36.540,0:00:42.620
mode is RGB and 8 bits per channel then

0:00:40.260,0:00:42.620
click OK

0:00:43.590,0:00:47.280
if your foreground and background colors

0:00:45.960,0:00:50.880
aren't black and white respectively

0:00:47.280,0:00:52.650
press D on your keyboard we'll fill the

0:00:50.880,0:00:56.070
background with black which is the

0:00:52.650,0:00:58.190
foreground color press alt or option +

0:00:56.070,0:00:58.190
delete

0:00:58.829,0:01:05.549
open your horizontal type tool and

0:01:01.579,0:01:08.220
choose a font i'm using tiresias info

0:01:05.549,0:01:10.049
font regular if you'd like to use it I

0:01:08.220,0:01:12.899
provided its link in the video's

0:01:10.049,0:01:17.009
description or project files i'll make

0:01:12.899,0:01:20.100
the size 90 points sharp center text and

0:01:17.009,0:01:23.510
white for its color click on your

0:01:20.100,0:01:25.520
document and type out your text

0:01:23.510,0:01:27.890
if you have more than one line of text

0:01:25.520,0:01:31.080
and the space between the lines are too

0:01:27.890,0:01:35.220
close or too far apart from each other

0:01:31.080,0:01:38.970
go to window and character the character

0:01:35.220,0:01:42.750
panel will open highlight your lines of

0:01:38.970,0:01:45.470
text and slide the letting icon to the

0:01:42.750,0:01:45.470
left or right

0:01:48.900,0:01:56.600
then close the panel

0:01:52.190,0:01:59.480
to Center the text in your document open

0:01:56.600,0:02:02.630
your move tool and press ctrl or command

0:01:59.480,0:02:05.509
a to select it all

0:02:02.630,0:02:10.489
click the align horizontal centers icon

0:02:05.509,0:02:13.540
and the align vertical centers icon to

0:02:10.489,0:02:16.340
deselect it press ctrl or command D if

0:02:13.540,0:02:19.670
you'd like to move it up a bit press the

0:02:16.340,0:02:21.980
up arrow key on your keyboard will

0:02:19.670,0:02:24.560
convert it into a smart object so we can

0:02:21.980,0:02:27.019
apply editable effects to it as well as

0:02:24.560,0:02:29.150
allow us to edit the text or change the

0:02:27.019,0:02:32.870
font without having to redo all the

0:02:29.150,0:02:34.930
effects to do this click the icon at the

0:02:32.870,0:02:39.250
upper right of the layers panel and

0:02:34.930,0:02:39.250
click convert to smart object

0:02:39.980,0:02:50.549
let's name the layer green

0:02:44.400,0:02:54.799
go to filter blur and Gaussian blur blur

0:02:50.549,0:02:54.799
it to pixels and click OK

0:02:55.590,0:02:59.910
click or command click on the thumbnail

0:02:57.690,0:03:04.709
of the green layer to make a selection

0:02:59.910,0:03:07.890
of its shape go to select and save

0:03:04.709,0:03:12.030
selection when this window appears just

0:03:07.890,0:03:14.940
click ok then deselect it

0:03:12.030,0:03:19.610
make two copies of the green layer by

0:03:14.940,0:03:19.610
pressing ctrl or command J twice

0:03:20.040,0:03:28.049
named the top layer RGB and the layer

0:03:24.209,0:03:30.950
under it red let's hide these two layers

0:03:28.049,0:03:33.510
by clicking off their eyeball icons

0:03:30.950,0:03:36.569
click the thumbnail of the green layer

0:03:33.510,0:03:39.090
to make it active and double-click on an

0:03:36.569,0:03:42.569
empty area of the layer to open its

0:03:39.090,0:03:44.939
layer style window under advanced

0:03:42.569,0:03:49.260
blending notice all the channels are

0:03:44.939,0:03:52.620
checked red green and blue uncheck the

0:03:49.260,0:03:57.520
red and blue channels but leave the

0:03:52.620,0:04:00.930
green channel checked then click OK

0:03:57.520,0:04:04.090
make the red layer visible and active as

0:04:00.930,0:04:06.540
before double-click on an empty area of

0:04:04.090,0:04:10.480
the layer to open its layer style window

0:04:06.540,0:04:13.090
this time uncheck the green and blue

0:04:10.480,0:04:16.900
layers but leave the red layer checked

0:04:13.090,0:04:19.180
then click OK even though we have the

0:04:16.900,0:04:21.520
red channel checked at this point your

0:04:19.180,0:04:24.220
text should look yellow we're going to

0:04:21.520,0:04:26.440
move the layer 4 pixels to the left I'll

0:04:24.220,0:04:29.710
zoom in closer so you can see the effect

0:04:26.440,0:04:33.360
better press the left arrow key on your

0:04:29.710,0:04:33.360
keyboard four times

0:04:34.440,0:04:43.699
make the RGB layer visible and active

0:04:39.120,0:04:43.699
move it four pixels to the right

0:04:45.120,0:04:50.280
make the green layer active and make a

0:04:48.120,0:04:52.680
copy of it

0:04:50.280,0:04:55.770
drag the copy to the top of the layers

0:04:52.680,0:04:58.230
panel to save space let's group the

0:04:55.770,0:05:02.390
other text layers into a folder to do

0:04:58.230,0:05:04.790
this make the RGB layer active

0:05:02.390,0:05:06.620
and shift click on the thumbnail of the

0:05:04.790,0:05:10.250
green layer to highlight the three

0:05:06.620,0:05:12.830
layers then press ctrl or command G to

0:05:10.250,0:05:17.330
group them into a folder

0:05:12.830,0:05:21.230
name the folder text double click on

0:05:17.330,0:05:23.770
Gaussian blur and make the radius 10

0:05:21.230,0:05:23.770
pixels

0:05:25.860,0:05:31.129
make a copy of the layer

0:05:29.420,0:05:34.849
double click on gas

0:05:31.129,0:05:37.599
blur and this time increase the radius 2

0:05:34.849,0:05:37.599
30 pixels

0:05:37.699,0:05:44.759
next we'll add scanlines first let's

0:05:42.419,0:05:47.520
group these green glow layers into a

0:05:44.759,0:05:49.759
folder use the same steps as you use

0:05:47.520,0:05:49.759
before

0:05:50.680,0:05:57.069
name the folder glows

0:05:54.460,0:05:59.470
click the new layer icon to make a new

0:05:57.069,0:06:01.270
layer we'll fill the empty layer with

0:05:59.470,0:06:06.560
white and since white is the background

0:06:01.270,0:06:11.180
color press ctrl or command + delete

0:06:06.560,0:06:14.380
go to filter and filter gallery open the

0:06:11.180,0:06:18.470
sketch folder and click halftone pattern

0:06:14.380,0:06:22.750
make the pattern type line the size 2

0:06:18.470,0:06:22.750
and the contrast 50

0:06:23.150,0:06:30.770
open your transform tool by pressing

0:06:25.610,0:06:32.900
ctrl or command T at the top there's the

0:06:30.770,0:06:35.960
percentages of the transform width and

0:06:32.900,0:06:38.270
height in the height field type in fifty

0:06:35.960,0:06:42.550
percent make sure the chain link isn't

0:06:38.270,0:06:45.470
highlighted then press Enter or return

0:06:42.550,0:06:49.940
twice

0:06:45.470,0:06:53.449
go to view and make sure Snap is checked

0:06:49.940,0:06:56.659
if it isn't just click on it

0:06:53.449,0:06:58.819
press and hold shift as you drag it to

0:06:56.659,0:07:00.819
the bottom of your document it'll snap

0:06:58.819,0:07:05.210
to it because we have snapped checked

0:07:00.819,0:07:08.419
make a copy of it and press and hold

0:07:05.210,0:07:11.509
shift as you drag the copy up until it

0:07:08.419,0:07:13.969
snaps to the top of your document merge

0:07:11.509,0:07:16.420
these two layers by pressing ctrl or

0:07:13.969,0:07:20.670
command E

0:07:16.420,0:07:23.670
change the blend mode to soft light

0:07:20.670,0:07:27.350
the scan lines are a bit too sharp so

0:07:23.670,0:07:32.370
will blur them a bit by going to filter

0:07:27.350,0:07:35.220
blur and Gaussian blur blur it point

0:07:32.370,0:07:39.030
five pixels and click OK or press Enter

0:07:35.220,0:07:42.540
or return next we'll add subtle scan

0:07:39.030,0:07:47.030
lines inside our text make a copy of the

0:07:42.540,0:07:50.030
scan lines and change the blend mode to

0:07:47.030,0:07:50.030
subtract

0:07:51.090,0:07:57.000
reduce its opacity to twenty-five

0:07:53.520,0:08:00.260
percent open the channels panel if you

0:07:57.000,0:08:02.550
don't see it go to window and channels

0:08:00.260,0:08:05.610
ctrl-click or command click on the

0:08:02.550,0:08:08.760
thumbnail of alpha one this opens the

0:08:05.610,0:08:11.240
selection that you saved earlier click

0:08:08.760,0:08:14.340
the tab of the layers panel to open it

0:08:11.240,0:08:16.650
click the layer mask icon to make a

0:08:14.340,0:08:20.160
layer mask of the selection next to the

0:08:16.650,0:08:22.169
top scan line layer the layer mask is

0:08:20.160,0:08:24.630
revealing the scan lines inside the

0:08:22.169,0:08:27.270
shape of the text while masking out the

0:08:24.630,0:08:30.030
areas outside the text think of layer

0:08:27.270,0:08:33.089
masks as stencils white reveals and

0:08:30.030,0:08:35.580
black masks out group the scanline

0:08:33.089,0:08:39.260
layers into a folder

0:08:35.580,0:08:42.719
and name it scan lines

0:08:39.260,0:08:46.680
next on the ends will give the inside of

0:08:42.719,0:08:49.320
our text a subtle soft green glow

0:08:46.680,0:08:51.810
click the new layer icon to make a new

0:08:49.320,0:08:55.140
layer will fill the empty layer with a

0:08:51.810,0:08:58.080
bright iridescent green color click the

0:08:55.140,0:09:05.130
foreground color and in the hexadecimal

0:08:58.080,0:09:09.180
field type in 5a FF 0 0 then click OK or

0:09:05.130,0:09:12.019
press Enter or return press alt or

0:09:09.180,0:09:15.699
option + delete

0:09:12.019,0:09:20.640
change its blend mode to multiply and

0:09:15.699,0:09:23.250
reduce its opacity to 25 percent

0:09:20.640,0:09:26.490
click the layer mask icon to make a

0:09:23.250,0:09:28.980
layer mask next to the green layer press

0:09:26.490,0:09:31.140
D on your keyboard to make your

0:09:28.980,0:09:34.020
foreground and background colors revert

0:09:31.140,0:09:38.130
to black and white open your brush tool

0:09:34.020,0:09:42.240
and open your brush picker make its size

0:09:38.130,0:09:46.020
a thousand pixels the hardness 0% and

0:09:42.240,0:09:48.450
the opacity fifty percent go to the

0:09:46.020,0:09:50.630
center of your text and click four or

0:09:48.450,0:09:54.310
five times

0:09:50.630,0:09:57.380
next we'll add glitches to air text

0:09:54.310,0:10:00.680
first make a composite snapshot of your

0:09:57.380,0:10:04.340
image by pressing ctrl shift alt e on

0:10:00.680,0:10:06.700
windows or command shift option e on a

0:10:04.340,0:10:06.700
mac

0:10:08.499,0:10:14.790
open your rectangular marquee tool

0:10:12.120,0:10:16.800
and drag a relatively thin selection

0:10:14.790,0:10:20.160
across to the opposite side of your

0:10:16.800,0:10:22.320
document press and hold shift to add

0:10:20.160,0:10:24.210
another selection and continue these

0:10:22.320,0:10:27.410
steps to make three or four selections

0:10:24.210,0:10:27.410
over your text

0:10:30.480,0:10:40.279
go to select modify and feather feather

0:10:36.329,0:10:40.279
it to pixels and click OK

0:10:40.300,0:10:45.520
click the layer mask icon to make a

0:10:43.210,0:10:49.000
layer mask of the selections next to the

0:10:45.520,0:10:51.760
composite snapshot click off the chain

0:10:49.000,0:10:54.090
link this unlinked the layer mask and

0:10:51.760,0:10:57.190
the layer which allows us to resize

0:10:54.090,0:10:59.620
reposition and effect both independently

0:10:57.190,0:11:03.040
of the other click the thumbnail of the

0:10:59.620,0:11:08.810
layer to make it active go to filter

0:11:03.040,0:11:11.900
distort and zigzag

0:11:08.810,0:11:15.500
I'll make the amount five the ridges

0:11:11.900,0:11:17.570
five and the style pond ripples however

0:11:15.500,0:11:19.580
feel free to experiment with these

0:11:17.570,0:11:21.990
settings

0:11:19.580,0:11:25.320
next I'll show you how to quickly create

0:11:21.990,0:11:27.690
these video interference glitches first

0:11:25.320,0:11:31.350
make a new layer

0:11:27.690,0:11:35.940
we'll fill it with black press D on your

0:11:31.350,0:11:38.040
keyboard and press alt or option +

0:11:35.940,0:11:44.040
delete

0:11:38.040,0:11:46.769
go to filter noise and add noise make

0:11:44.040,0:11:48.860
the amount thirty percent gaussian and

0:11:46.769,0:11:48.860
monochromatic

0:11:49.520,0:11:53.290
open your transform tool

0:11:53.680,0:12:00.220
and in the width field type in five

0:11:57.100,0:12:04.480
hundred percent then press Enter or

0:12:00.220,0:12:07.300
return twice since this image extends

0:12:04.480,0:12:12.190
way beyond our canvas on both sides will

0:12:07.300,0:12:17.050
crop it off press ctrl or command a

0:12:12.190,0:12:19.170
and go to image and crop then deselect

0:12:17.050,0:12:23.590
it

0:12:19.170,0:12:26.590
change the blend mode to color dodge

0:12:23.590,0:12:30.450
another effect is to change the blend

0:12:26.590,0:12:30.450
mode to linear dodge

0:12:35.340,0:12:41.910
this is Marty from Blue Lightning TV

0:12:38.310,0:12:41.910
thanks for watching