Description

Photoshop CC 2014 tutorial showing how to create the look of a handwritten message on a foggy, rainy window pane.

Foggy, rainy, window pane image:
http://goo.gl/S1i4B9

Yellowtail Regular Font:
http://goo.gl/0kk3l7

Royalty Free Music provided by http://www.beatsuite.com.
High quality, copyright-free music for YouTube.
Track: "Piano Rain"

Subscribe to Blue Lightning TV!:
http://goo.gl/HEpuJ4

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

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

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

Facebook:
https://goo.gl/fHLJsh

Twitter:
https://twitter.com/bluelightningtv

Metadata

Video ID 102
Youtube URL Photoshop Tutorial: Rain Text! How to Write on a Foggy, Rainy Window Pane
Captions Available Yes
Captions Downloadable Yes
Playlists
Duration 00:04:53
Definition hd
Keywords
License youtube
Embeddable Yes
Views 256853
Likes 2934
Dislikes 30
Favourites 0
Comments 211
Created 2017-05-04 1:00:42 PM
Updated 2017-05-04 1:10:47 PM

Captions

ASR: en

0:00:07.550,0:00:13.380
hi this is Marty from Blue Lightning TV

0:00:10.400,0:00:16.139
I'm going to show you how to quickly and

0:00:13.380,0:00:21.560
easily create the look of handwritten

0:00:16.139,0:00:21.560
words on a foggy rainy windowpane I

0:00:22.250,0:00:27.390
provided this image for you to download

0:00:24.420,0:00:29.490
so you can follow along it's link is

0:00:27.390,0:00:32.759
located in the video description or

0:00:29.490,0:00:34.440
project files open a nighttime outdoor

0:00:32.759,0:00:36.570
photo that you'd like to use to place

0:00:34.440,0:00:40.200
behind the window it'll add color

0:00:36.570,0:00:42.149
contrast and depth to our final image to

0:00:40.200,0:00:45.210
get it into our window pane document

0:00:42.149,0:00:47.309
press V to open your move tool and hold

0:00:45.210,0:00:50.039
down shift as you drag it onto the

0:00:47.309,0:00:53.219
window pane tab without releasing your

0:00:50.039,0:00:55.949
mouse or pen drag it down onto the image

0:00:53.219,0:00:59.039
and release pressing shift will keep it

0:00:55.949,0:01:01.920
centered to reduce or enlarge it open

0:00:59.039,0:01:04.890
your transform tool by pressing ctrl T

0:01:01.920,0:01:07.320
on windows or command key on a Mac if

0:01:04.890,0:01:09.810
your photo is too large to see the

0:01:07.320,0:01:13.409
entire transforms bounding box as in

0:01:09.810,0:01:16.380
this case press ctrl or command 0 to fit

0:01:13.409,0:01:18.380
it onto your screen go to a corner and

0:01:16.380,0:01:21.869
when you see a diagonal double-arrow

0:01:18.380,0:01:24.900
hold down shift and alt on windows or

0:01:21.869,0:01:28.140
shift + option on a Mac as you drag it

0:01:24.900,0:01:30.450
in or out once you're happy with its

0:01:28.140,0:01:33.299
size and position press Enter or return

0:01:30.450,0:01:38.250
to see your image at a hundred percent

0:01:33.299,0:01:39.869
again press ctrl or command 1next will

0:01:38.250,0:01:42.329
blur the photo but to do it

0:01:39.869,0:01:46.110
non-destructively will convert the photo

0:01:42.329,0:01:47.579
into a smart object click the icon at

0:01:46.110,0:01:52.100
the upper right corner of the layers

0:01:47.579,0:01:57.930
panel and click convert to smart object

0:01:52.100,0:02:03.329
go to filter blur and Gaussian blur blur

0:01:57.930,0:02:07.009
it 10 pixels and click OK change its

0:02:03.329,0:02:07.009
blend mode to overlay

0:02:07.980,0:02:12.600
as you can see when I toggle back and

0:02:09.780,0:02:16.350
forth our window now has more contrast

0:02:12.600,0:02:18.380
depth and color click the thumbnail of

0:02:16.350,0:02:23.040
the background to make it active and

0:02:18.380,0:02:26.520
open your horizontal type tool choose a

0:02:23.040,0:02:28.830
font i'm using yellowtail regular if

0:02:26.520,0:02:32.220
you'd like to use it I provided its link

0:02:28.830,0:02:36.030
as well for this font I'll use a size of

0:02:32.220,0:02:38.640
284 points sharp Center alignment and

0:02:36.030,0:02:41.730
black for the color click on your

0:02:38.640,0:02:44.760
document and type out your text to

0:02:41.730,0:02:49.800
reposition it open your move tool and

0:02:44.760,0:02:53.730
move it to angle it open your transform

0:02:49.800,0:02:55.920
tool go to a corner and when you see a

0:02:53.730,0:02:58.920
curved double-arrow rotated

0:02:55.920,0:03:02.550
counterclockwise then press Enter or

0:02:58.920,0:03:04.440
return to add drips to your text you can

0:03:02.550,0:03:07.260
either draw them in with the pencil tool

0:03:04.440,0:03:11.480
or as in this example you can use the

0:03:07.260,0:03:14.190
liquify filter go to filter and liquify

0:03:11.480,0:03:18.890
when you see this message click OK to

0:03:14.190,0:03:22.020
rasterize the type when liquify opens

0:03:18.890,0:03:24.510
the default tool is the forward warp

0:03:22.020,0:03:27.150
tool will use it to make the drips on

0:03:24.510,0:03:30.959
the right you can adjust the brushes

0:03:27.150,0:03:34.770
size and pressure make the pressure 104

0:03:30.959,0:03:37.290
this font I'll use a size of 40 drag the

0:03:34.770,0:03:40.190
tool downward over your type to create

0:03:37.290,0:03:40.190
drip light shapes

0:03:45.560,0:03:56.130
when you're done click OK and change the

0:03:50.850,0:03:58.650
blend mode to overlay if you have a

0:03:56.130,0:04:01.770
couple of lines of text and want to make

0:03:58.650,0:04:05.810
an area pop a bit more make a copy of

0:04:01.770,0:04:08.880
your text by pressing ctrl or command J

0:04:05.810,0:04:12.000
click the layer mask icon to make a

0:04:08.880,0:04:14.280
layer mask next to the text copy invert

0:04:12.000,0:04:18.810
the layer mask by pressing ctrl or

0:04:14.280,0:04:22.049
command I the black layer mask is now

0:04:18.810,0:04:23.790
hiding or masking out the text copy well

0:04:22.049,0:04:26.310
going to brush across the top of the

0:04:23.790,0:04:29.250
text which will reveal the text copy

0:04:26.310,0:04:32.730
through the layer mask make sure white

0:04:29.250,0:04:38.430
is your foreground color open your brush

0:04:32.730,0:04:41.400
tool make the size large the hardness 0%

0:04:38.430,0:04:46.140
and the opacity between 25 and 50

0:04:41.400,0:04:49.050
percent now brush across your text this

0:04:46.140,0:04:51.650
is Marty from Blue Lightning TV thanks

0:04:49.050,0:04:51.650
for watching

standard: en

0:00:08.360,0:00:14.400
Hi. This is Marty from Blue Lightning TV.
I'm going to show you how to quickly & easily create

0:00:14.400,0:00:19.800
the look of handwritten words on a foggy, rainy, window pane.

0:00:22.580,0:00:29.380
I provided this image for you to download, so you can follow along. It's link is located in the video description

0:00:29.380,0:00:34.580
or project files. Open an nighttime, outdoor
photo that you'd like to use to place behind

0:00:34.580,0:00:40.940
the window. It'll add color, contrast and
depth to our final image. To get it into our

0:00:40.940,0:00:46.829
window pane document, press "v" to open your
Move Tool and hold down Shift as you drag

0:00:46.829,0:00:53.489
it onto the window pane tab. Without releasing
your mouse or pen, drag it down onto the image

0:00:53.489,0:00:59.790
and release. Pressing Shift will keep it centered.
To reduce or enlarge it, open your Transform

0:00:59.790,0:01:06.790
Tool by pressing Ctrl + T on Windows or Cmd
+ T on a Mac. If your photo is too large to

0:01:06.790,0:01:13.380
see the entire Transform's bounding box, as
in this case, press Ctrl or Cmd + 0 to fit

0:01:13.390,0:01:19.860
it onto your screen. Go to a corner and when
you see a diagonal, double-arrow, hold down

0:01:19.860,0:01:27.240
Shift + Alt on Windows or Shift + Option on
a Mac as you drag it in or out. Once you're

0:01:27.240,0:01:36.540
happy with its size and position, press Enter or Return. To see your image at 100% again, press Ctrl or Cmd + 1.

0:01:37.520,0:01:45.940
Next, we'll blur the photo, but to do it non-destructively, we'll convert the photo into Smart Object. Click the icon

0:01:45.950,0:01:54.729
on the upper, right corner of the Layers panel
and click Convert to Smart Object. Go to Filter,

0:01:54.729,0:02:05.469
Blur and Gaussian Blur. Blur it 10 pixels
and click OK. Change its Blend Mode to Overlay.

0:02:08.140,0:02:14.020
As you can see when I toggle back and forth,
our window now has more contrast, depth and

0:02:14.020,0:02:20.419
color. Click the thumbnail of the background
to make it active and open your Horizontal

0:02:20.419,0:02:28.719
Type Tool. Choose a font. I'm using Yellowtail
Regular. If you'd like to use it, I provided

0:02:28.719,0:02:36.079
its link, as well. For this font, I'll use
a size of 284 points, Sharp, Center Alignment

0:02:36.080,0:02:42.880
and black for the color. Click on your document
and type out your text. To reposition it,

0:02:43.540,0:02:53.120
open your Move Tool and move it. To angle
it, open your Transform Tool, go to a corner

0:02:53.120,0:02:59.199
and when you see a curved, double-arrow, rotate
it counter-clockwise. Then, press Enter or

0:02:59.199,0:03:04.919
Return. To add drips to to your text, you
can either draw them in with the Pencil Tool

0:03:04.919,0:03:11.919
or, as in this example, you use the Liquify filter. Go to Filter and Liquify.

0:03:12.469,0:03:20.389
When you see this message, click OK to rasterize
the type. When Liquify opens, the default

0:03:20.389,0:03:26.639
tool is the Forward Warp Tool. We'll use it
to make the drips. On the right, you can adjust

0:03:26.639,0:03:33.069
the brush's size and pressure. Make the pressure:
100 and for this font, I'll use a size of

0:03:33.069,0:03:38.609
40. Drag the tool downward over your type
to create drip-like shapes.

0:03:46.260,0:03:57.160
When you're done, click OK and change the Blend Mode to Overlay. If you have a couple of lines of

0:03:57.169,0:04:03.159
text, and want to make an area pop
a bit more, make a copy of your text by pressing

0:04:03.159,0:04:11.699
Ctrl or Cmd + J. Click the Layer Mask icon
to make a layer mask next to the text copy.

0:04:11.709,0:04:19.680
Invert the layer mask by pressing Ctrl or
Cmd + I. The black layer mask is now hiding

0:04:19.680,0:04:25.039
or masking out the text copy. We're going
to brush white across the text which will

0:04:25.039,0:04:31.059
reveal the text copy through the layer mask.
Make sure white is your foreground color.

0:04:32.040,0:04:42.040
Open your Brush Tool, make the Size large, the Hardness: 0% and the Opacity between 25 and 50%.

0:04:42.460,0:04:44.460
Now, brush across your text.

0:04:45.980,0:04:49.620
This is Marty from Blue Lightning TV. Thanks for watching!

0:04:51.820,0:04:52.540


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, Scene
Participants
Form
Time
Place