Description

Photoshop CC tutorial showing how to create effective watermarks for your photos and other images. Unlike others I've seen, the watermarks that I'll show you how to make are equally effective against black, white and grays.

How to Save PNG files:
http://goo.gl/5niOeb
(Go to 2:44 in the video)

Black, white and gray background:
http://goo.gl/65vCNM

Click below to SUBSCRIBE!
http://www.youtube.com/subscription_center?add_user=bluelightningtv

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

Twitter: https://twitter.com/BlueLightningTV

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

Metadata

Video ID 308
Youtube URL Photoshop Tutorial: How to Create Effective Watermarks
Captions Available Yes
Captions Downloadable Yes
Playlists
Duration 00:05:47
Definition hd
Keywords
License youtube
Embeddable Yes
Views 35585
Likes 428
Dislikes 5
Favourites 0
Comments 38
Created 2017-05-04 1:00:44 PM
Updated 2017-05-04 1:13:50 PM

Captions

ASR: en

0:00:07.400,0:00:13.019
hi this is Marty from Blue Lightning TV

0:00:10.340,0:00:15.330
there are many ways to make watermarks

0:00:13.019,0:00:17.070
in Photoshop however i'm going to show

0:00:15.330,0:00:20.220
you what i think is the most effective

0:00:17.070,0:00:22.949
for this example we'll use text however

0:00:20.220,0:00:25.289
if you want to transform a logo or an

0:00:22.949,0:00:27.630
image into a watermark make sure it's

0:00:25.289,0:00:30.179
black on a white background and then

0:00:27.630,0:00:32.520
remove the background I covered how to

0:00:30.179,0:00:35.040
do this in my tutorial showing how to

0:00:32.520,0:00:38.040
make pink files I provided its link

0:00:35.040,0:00:40.140
located in the video's description open

0:00:38.040,0:00:44.780
a photo you'd like to place a watermark

0:00:40.140,0:00:47.700
on to open your horizontal type tool and

0:00:44.780,0:00:51.390
choose a font that's easy to read I'm

0:00:47.700,0:00:55.670
using aerial regular I'll choose a size

0:00:51.390,0:00:59.609
of 80 points sharp and center alignment

0:00:55.670,0:01:02.910
click on the color box and for the

0:00:59.609,0:01:05.760
brightness type in fifty percent this

0:01:02.910,0:01:10.140
gives us a medium gray color then click

0:01:05.760,0:01:15.330
OK or press Enter or return type out

0:01:10.140,0:01:19.229
your text to reposition it open your

0:01:15.330,0:01:21.390
move tool and move it I'll leave room on

0:01:19.229,0:01:23.850
the left to place a copyright symbol

0:01:21.390,0:01:28.350
next to it click on the new layer icon

0:01:23.850,0:01:31.860
to make a new layer open your custom

0:01:28.350,0:01:35.130
shape tool and choose pixels if you're

0:01:31.860,0:01:39.810
working on cs5 or earlier the pixels

0:01:35.130,0:01:42.390
icon is here open your shape preset

0:01:39.810,0:01:45.960
icons if you don't see the copyright

0:01:42.390,0:01:51.930
symbol click the gear icon and click

0:01:45.960,0:01:54.869
reset shapes then click ok click the

0:01:51.930,0:01:58.649
symbol and click the gear icon at the

0:01:54.869,0:02:01.590
top tick define proportions and check

0:01:58.649,0:02:03.659
from centre place your cursor to the

0:02:01.590,0:02:08.849
left of your text and drag out the

0:02:03.659,0:02:11.160
symbol open your move tool and drag it

0:02:08.849,0:02:13.830
so it's centered next to your text

0:02:11.160,0:02:16.170
merge the two layers by shift-clicking

0:02:13.830,0:02:21.180
on the text to highlight both layers and

0:02:16.170,0:02:22.560
then pressing ctrl or command e double

0:02:21.180,0:02:27.720
click on it to open its layer style

0:02:22.560,0:02:30.900
window click bevel and emboss the style

0:02:27.720,0:02:35.400
is outer bevel the technique is chisel

0:02:30.900,0:02:40.020
hard the depth is 50% the direction is

0:02:35.400,0:02:43.590
up and the size is 5 pixels uncheck

0:02:40.020,0:02:48.510
global light make the angle 145 degrees

0:02:43.590,0:02:50.610
and the altitude 26 degrees make the

0:02:48.510,0:02:52.790
highlight opacity a hundred percent and

0:02:50.610,0:02:57.170
the shadow opacity a hundred percent

0:02:52.790,0:03:00.480
make the highlight blend mode normal as

0:02:57.170,0:03:04.920
well as the shadow blend mode check

0:03:00.480,0:03:06.660
contour and then click ok click the icon

0:03:04.920,0:03:09.770
at the upper right corner of the layers

0:03:06.660,0:03:12.360
panel and click convert to smart object

0:03:09.770,0:03:14.450
I'll show you why we're doing this in a

0:03:12.360,0:03:17.160
minute to open the smart object

0:03:14.450,0:03:22.170
double-click the thumbnail when you see

0:03:17.160,0:03:26.310
this message click OK reduce the fill to

0:03:22.170,0:03:28.709
fifty percent go to the tab of the smart

0:03:26.310,0:03:31.410
object and click the small box with the

0:03:28.709,0:03:36.020
X in it to close it when you see this

0:03:31.410,0:03:36.020
message click yes to save the changes

0:03:36.230,0:03:42.810
reduce the opacity to taste I'll reduce

0:03:39.420,0:03:45.660
it to 75 percent I'll show you why we

0:03:42.810,0:03:47.970
made it into a smart object first let's

0:03:45.660,0:03:52.500
make a copy of the watermark by pressing

0:03:47.970,0:03:56.489
ctrl or command J open your transform

0:03:52.500,0:03:58.560
tool by pressing ctrl or command T to

0:03:56.489,0:04:01.860
move it click inside the transform and

0:03:58.560,0:04:05.130
drag it to a new location to enlarge or

0:04:01.860,0:04:07.980
reduce its size go to a corner and press

0:04:05.130,0:04:12.680
and hold shift as you drag it out or in

0:04:07.980,0:04:15.150
then press Enter or return to accept it

0:04:12.680,0:04:18.000
notice that the bevel and emboss layer

0:04:15.150,0:04:20.729
style reduced in size with the text if

0:04:18.000,0:04:24.060
we didn't convert the text into a smart

0:04:20.729,0:04:30.060
object the bevel and emboss layer style

0:04:24.060,0:04:32.580
I've kept its original pixel size the

0:04:30.060,0:04:35.250
watermark is readable over black white

0:04:32.580,0:04:39.590
and grays if you like to make it more

0:04:35.250,0:04:39.590
transparent simply reduce its opacity

0:04:39.980,0:04:45.870
for now i'll put the opacity back to 75

0:04:43.440,0:04:48.780
percent once you're happy with your

0:04:45.870,0:04:56.160
watermark to save it hide all the other

0:04:48.780,0:04:58.260
layers and go to image and trim as long

0:04:56.160,0:04:59.880
as the trim away boxes are checked it

0:04:58.260,0:05:06.540
doesn't matter which option you choose

0:04:59.880,0:05:15.180
for based on then click OK go to file

0:05:06.540,0:05:20.250
and save as name your file and save it

0:05:15.180,0:05:22.350
as a PNG or ping file save it to a

0:05:20.250,0:05:26.389
location in your computer where you can

0:05:22.350,0:05:30.240
easily find it and then click Save when

0:05:26.389,0:05:32.039
the PNG options appear I generally click

0:05:30.240,0:05:34.740
none for both the compression and

0:05:32.039,0:05:38.930
interlace I explain these settings in

0:05:34.740,0:05:41.620
depth in my tutorial about PNG files

0:05:38.930,0:05:45.190
this is Marty from Blue Lightning TV

0:05:41.620,0:05:45.190
thanks for watching

standard: en

0:00:00.089,0:00:05.160


0:00:07.400,0:00:10.870
Hi. This is Marty from Blue Lightning TV.

0:00:10.870,0:00:13.910
There are many ways to make watermarks
in Photoshop,

0:00:13.910,0:00:17.190
however, I'm going to show you what I
think is the most effective.

0:00:17.190,0:00:20.439
For this example, we'll use text, however,

0:00:20.439,0:00:24.410
if you want to transform a logo or an
image into a watermark,

0:00:24.410,0:00:27.849
make sure its black on a white background and then,

0:00:27.849,0:00:31.779
remove the background.
I covered how to do this in my tutorial

0:00:31.779,0:00:35.460
showing how to make "Ping" files.
I provided its link

0:00:35.460,0:00:40.910
located in the video's description. Open a
photo you'd like to place a watermark onto.

0:00:40.910,0:00:44.410
Open your Horizontal Type Tool

0:00:44.410,0:00:47.680
and choose a font that's easy to read.

0:00:47.680,0:00:51.649
I'm using "Arial Regular". I'll choose a size

0:00:51.649,0:00:55.410
of 80 points, Sharp and Center alignment.

0:00:55.410,0:01:00.430
Click on the color box and for the Brightness,

0:01:00.430,0:01:03.530
type in 50%. This gives us

0:01:03.530,0:01:08.140
a medium, gray color.
Then, click OK or press Enter or Return.

0:01:08.140,0:01:16.100
Type out your text.
To re-position it, open your Move Tool

0:01:16.210,0:01:22.040
and move it. I'll leave room on the left
to place a copyright symbol next to it.

0:01:22.040,0:01:25.840
Click on the New Layer icon
to make a new layer.

0:01:25.840,0:01:29.210
Open your Custom Shape Tool

0:01:29.210,0:01:34.290
and choose "Pixels".
If you're working on CS5 or earlier,

0:01:34.290,0:01:40.729
the Pixels icon is here.
Open your Shape preset icons.

0:01:40.729,0:01:44.840
If you don't see the copyright symbol,
click the gear icon

0:01:44.840,0:01:48.909
and click "Reset Shapes". Then,

0:01:48.909,0:01:52.479
click OK. Click the symbol

0:01:52.479,0:01:58.000
and click the gear icon at the top.
Tick "Define Proportions"

0:01:58.000,0:02:02.820
and check "From Center".
Place your cursor to the left of your text

0:02:02.820,0:02:07.460
and drag out the symbol.
Open your Move Tool

0:02:07.460,0:02:10.920
and drag it, so it's centered next to your text.

0:02:10.920,0:02:16.010
Merge the two layers by Shift-clicking
on the text to highlight both layers

0:02:16.010,0:02:16.819
and then

0:02:16.819,0:02:23.480
pressing Ctrl or Cmd + E.
Double-click on it to open its Layer Style window.

0:02:23.480,0:02:27.890
Click Bevel & Emboss. The Style

0:02:27.890,0:02:31.440
is Outer Bevel, the Technique is Chisel Hard,

0:02:31.440,0:02:36.200
the Depth is 50%, the Direction is Up

0:02:36.200,0:02:40.920
and the Size is 5 pixels. Uncheck Global Light.

0:02:40.920,0:02:44.170
Make the Angle: 145 degrees

0:02:44.170,0:02:47.410
and the Altitude: 26 degrees.

0:02:47.410,0:02:50.560
Make the Highlight Opacity: 100%

0:02:50.560,0:02:54.450
and the Shadow Opacity: 100%.
Make the Highlight

0:02:54.450,0:02:59.500
Blend Mode: Normal,
as well as the Shadow Blend Mode.

0:02:59.500,0:03:03.159
Check "Contour" and then, click OK.

0:03:03.159,0:03:07.360
Click the icon at the upper, right corner
of the Layers panel

0:03:07.360,0:03:12.159
and click "Convert to Smart Object".
I'll show you why we're doing this

0:03:12.159,0:03:16.220
in a minute. To open the Smart Object,
double-click the thumbnail.

0:03:16.220,0:03:23.019
When you see this message, click OK.
Reduce the Fill to 50%.

0:03:23.019,0:03:27.090
Go to the tab of the Smart Object

0:03:27.090,0:03:32.200
and click the small box with the "x" in it
too close it. When you see this message,

0:03:32.200,0:03:38.790
click "Yes" to save the changes.
Reduce the Opacity to taste.

0:03:38.790,0:03:44.700
I'll reduce it to 75%. I'll show you why we made it into a Smart Object.

0:03:44.700,0:03:48.720
First let's make a copy of the watermark by pressing Ctrl or

0:03:48.720,0:03:55.439
Cmd + J. Open you Transform Tool by
pressing Ctrl or Cmd + T.

0:03:55.439,0:03:58.549
To move it, click inside the Transform

0:03:58.549,0:04:01.830
and drag it to a new location. To enlarge

0:04:01.830,0:04:06.480
or reduce its size, go to a corner and
press and hold "Shift"

0:04:06.480,0:04:13.290
as you drag it out or in.
Then, press Enter or Return to accept it.

0:04:13.290,0:04:18.419
Notice that the Bevel & Emboss layer style
reduced in size with the text.

0:04:18.419,0:04:21.699
If we didn't convert the text into a Smart Object,

0:04:21.699,0:04:28.699
Bevel & Emboss layer style would
have kept its original pixel size.

0:04:29.910,0:04:34.100
The watermark is readable
over black, white and grays.

0:04:34.100,0:04:40.690
If you'd like to make it more transparent,
simply reduce its Opacity.

0:04:40.690,0:04:44.590
For now,I'll put the Opacity back to 75%.

0:04:44.590,0:04:47.850
Once you're happy with your watermark,
to save it,

0:04:47.850,0:04:52.490
hide all the other layers

0:04:52.490,0:04:55.729
and go to Image and Trim.

0:04:55.729,0:04:59.380
As long as the "Trim Away" boxes are
checked, it doesn't matter which option

0:04:59.380,0:05:01.750
you choose for "Based On".

0:05:01.750,0:05:05.610
Then, click OK.

0:05:05.610,0:05:11.720
Go to File and Save As.

0:05:11.720,0:05:16.669
Name your file and save it as a PNG.

0:05:16.669,0:05:21.900
or "Ping" file.
Save it to a location in your computer

0:05:21.900,0:05:26.910
where we can easily find it
and then, click "Save".

0:05:26.910,0:05:30.750
When the PNG Options appear,
I generally click "None".

0:05:30.750,0:05:35.310
for both the Compression and Interlace.
I explained these settings in depth

0:05:35.310,0:05:39.700
in my tutorial about PNG files.

0:05:39.700,0:05:43.140
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, Scene
Participants Photoshop (m) geek
Form Tutorial (how)
Time Real time
Place Desktop

Profile 3

Purpose
Content
Participants
Form
Time
Place

Profile 4

Purpose
Content
Participants
Form
Time Medium
Place Desktop

Profile 5

Purpose
Content Text, Scene
Participants
Form
Time
Place