how to create watermark effect

31
HOW TO CREATE WATERMARK EFFECT

Upload: ban-markus

Post on 15-Jan-2017

171 views

Category:

Art & Photos


0 download

TRANSCRIPT

Page 1: How to create watermark effect

HOW TO CREATE WATERMARK

EFFECT

Page 2: How to create watermark effect

Created By

TheTypesofPhotography.comWriteaneBookAZ.com

Page 3: How to create watermark effect

We'll use this photo as our example:

Page 4: How to create watermark effect

Let's say this was a photo I took for a client and I want to show it to them as a proof. Before I go showing it to them or anyone else, I'm going to first take a couple of minutes and add my copyright information as a

watermark across the image. Let's get started!

Page 5: How to create watermark effect

Step 1:Open A New Blank Document With A Transparent Background

Page 6: How to create watermark effect

Go up to the File menu at the top of the screen and select New... to bring up the New Document dialog

box. I'm going to enter 6 inches for the width, 4 inches for the height, and300 pixels/inch for the

resolution. For Background Contents, make sure you set it to Transparent by clicking on the down-

pointing arrow and selecting it from the list:

Page 7: How to create watermark effect

Click OK, and the new blank document appears:

Page 8: How to create watermark effect

The new blank document with a transparent background.

Page 9: How to create watermark effect

Step 2: Type Your Copyright Information

Grab your Type tool from the Tools palette or by pressing T on your keyboard. Then press D on your keyboard to set

black as your foreground color if it isn't already, and enter your copyright information.

To access the copyright symbol "©", press Option-G on a Mac, or hold down the Alt key on Windows and enter 0169

on the numeric keypad. I'll enter "© 2007 Patterson Photography":

Page 10: How to create watermark effect

Typing my copyright information.

Page 11: How to create watermark effect

Step 3: Rotate The Text With Free Transform

The copyright watermark tends to look better with the text rotated a bit, so once you've entered your text, press Ctrl+T (Win) / Command+T (Mac) to bring up the Free Transform handles around your text, then

place your mouse cursor just outside one of the corner handles and drag left or right with your mouse to

rotate the text. Hold down the Shift key as you drag to rotate in nice, even increments:

Page 12: How to create watermark effect

Rotate the text with Photoshop's Free Transform command.

Press Enter (Win) or Return (Mac) to apply the rotation when you're done.

Page 13: How to create watermark effect

Step 4: Trim The Document Around The Text

Go up to the Image menu next and select Trim. This brings up the Trim dialog box. We want to trim away all the extra space around the text, and since all the extra space is made up of transparent pixels, select the first option at the

top of the Trim dialog box, Transparent Pixels:

Page 14: How to create watermark effect

Photoshop's "Trim" dialog box.

Page 15: How to create watermark effect

Click OK, and Photoshop trims away all the extra space around the text:

The extra space around the text is now gone.

Page 16: How to create watermark effect

Step 5: Define The Text As A Pattern

Go up to the Edit menu at the top of the screen and select Define Pattern. We're going to create a pattern out of our copyright

information. The Pattern Name dialog box appears

Photoshop's "Pattern Name" dialog box.Name your new pattern "copyright" and then click OK.

Page 17: How to create watermark effect

Step 6: Close The Copyright Document

We've done everything we need to do with our copyright document, so go ahead and close out of

it at this point, leaving just your original image open on the screen.

Page 18: How to create watermark effect

Step 7: Add A New Layer In The Original Image DocumentBack in our original image document, we currently

have one layer, the Background layer, which contains our image. We don't want to add our copyright

information directly to the Background layer, so either click on the New Layer icon at the bottom of the

Layers palette or use the keyboard shortcut Shift+Ctrl+Alt+N (Win)/ Shift+Command+

Option+N (Mac) to create a new layer above the Background layer, which Photoshop names "Layer 1":

Page 19: How to create watermark effect

Click the New Layer icon at the bottom of the Layers palette or use the keyboard shortcut to add

a new layer above the Background layer.

Page 20: How to create watermark effect

Step 8: Fill The New Layer With The Copyright PatternWith our new layer selected in the Layers

palette, go up to the Edit menu at the top of the screen and select Fill, which brings up the

Fill dialog box. For "Contents", click on the down-pointing arrow and select Pattern from

the list:

Page 21: How to create watermark effect

Choose "Pattern" as the Fill contents.

Page 22: How to create watermark effect

Then, with Pattern selected, click on the little thumbnail image beside the

words Custom Pattern and then choose your copyright pattern from the list that appears. It will be the last pattern at the

bottom:

Choose your copyright pattern from the list of custom patterns.

Page 23: How to create watermark effect

Click OK, and your new layer is filled with a repeating pattern of your copyright information:

Page 24: How to create watermark effect

Step 9: Change The Blend Mode To "Overlay" and Lower The Opacity

The only problem now is that the text is too prominent. It's blocking much of the image from view. To fix that, with the new layer

selected, go up to the layer blend mode options in the top left of the Layers

palette, click on the down-pointing arrow beside the word "Normal" and select Overlay from the

list. Then move over to the Opacity option beside it and reduce the opacity as needed. I'm

going to lower mine to 50%:

Page 25: How to create watermark effect

Change the blend mode to "Overlay" and lower the blend mode as needed.

Page 26: How to create watermark effect

And here's my final result:The final result with the copyright watermark.

Page 27: How to create watermark effect

Check out our website/blog at WriteaneBookAZ.com For more tutorials, how to

learn photo editing…

Page 28: How to create watermark effect

Please download your FREE copy of Mastering Photoshop, 10 simple effects to get you creating

jaw-dropping photos!

Page 29: How to create watermark effect

Facebook.com/WriteaneBookAZ where we share useful tips periodically and to interact with our

growing community.

Follow us in Facebook:

Page 30: How to create watermark effect

Keep coming back and make use of more great Photoshop tutorials, any time!

 Thank you for checking us out!

Page 31: How to create watermark effect

www.WriteaneBookAZ.com