*** From the Archives ***

This article is from September 14, 2009, and is no longer current.

Create Gradient Watermarks with Photoshop

When you post a photo online — for example, on a portfolio site — you’re taking the risk that unscrupulous people will steal the file and use it without your permission, and maybe even claim the photo as their own. Watermarks are one way to protect or at least brand your online images. While adding a watermark doesn’t prevent anyone from downloading the image, it can deter some from taking credit for the photo and may be an opportunity for publicizing your work, as well.
You could just slap a copyright symbol and your name in huge type on the middle of the image:

But the less-intrusive option is a gradually transparent watermark that doesn’t detract from the photo. Place it somewhat close to the photo’s edge, and use the same watermark on all of your online images.
Step 1
In Adobe Photoshop, open an image and change its dimensions to the largest possible size you would post online. Double-click the Background layer; Photoshop will then rename the layer “Layer 0.”

Step 2
Click the Create New Layer icon on the bottom of the Layers palette. This will create a new layer called Layer 1.

Step 3
Select the Rectangular Marquee tool and draw out a selection across the image just big enough to hold your text.

Step 4
Click the Foreground color on the bottom of the Toolbar and set it to black.

Step 5
Press Option-Delete (PC: Alt-Backspace) to fill the selected area with black, then deselect the area by pressing Cmmnd-D (PC: Ctrl-D). Select Layer 1 in the Layers palette and click the palette’s Add Layer Mask icon.

Step 6
It’s time to add a gradient to the black area that blends from black to transparency.
Make sure the white box (the mask) of Layer 1 is selected in the Layers palette. Click the Gradient tool in the toolbar, then go up to the Options palette on the top of the screen and choose the black to white gradient from the Gradient picker’s drop-down list. Click-and-drag a gradient out over the black area. Hold shift to maintain a straight line. Depending on how far the gradient was drawn, it should look something like this:

Note that while you could skip the mask creation, you’d give up some flexibility. With a mask, you can adjust the mask or the gradient amount and angle at any time.
Step 7
Select the Move tool and position the gradient bar so it’s closer to the edge of the photo. Now select the Text tool, choose a text color other than black and a font, and click once over the black area to create a new text layer. Type some text: your name, your Web site or e-mail address, copyright information, etc.
If the box behind the text looks too obvious, try adjusting the Opacity setting of the gradient layer in the Layers palette. I set mine to 60%.

Step 8
Now you have a watermark on one image. To apply it to any photo, delete Layer 0 in the Layers palette to remove the original photo and save the file as a PSD with an appropriate name, such as “watermark.psd.” The checkerboard pattern behind the text and masked gradient layers indicates transparency.

Step 9
Open another photo, go to File > Place, and choose the PSD watermark file you just made. Click Place to apply the watermark to a different image.

Step 10
You can also apply your saved watermark to a photo with a dark background. Depending on the image, you may want to adjust the Opacity setting in the Layers palette of the placed watermark. I set the Opacity setting of this watermark to 50%.

Step 11
You don’t have to limit yourself to watermarks. You can also use this technique to add captions. Just make the gradient a little less transparent, and try using the Eyedropper tool to sample a color from the photo that you can then apply to the text.

Beyond Watermarks
Watermarks are only one step in protecting your images. I’m no lawyer, so don’t take my advice as the final word on the subject, but I’ve been told that if you have the only copy of the high-resolution version of the file, you can prove that the image is yours, even if someone tries to pass off a low-resolution copy of your image as their own.
According to United States copyright law, whenever you take a photo, you automatically own the copyright to it, although you can also register works with the Copyright Office. You can also add copyright information to an image’s metadata, although that’s easily changed.
 

  • Anonymous says:

    that’s cool
    DeW

  • Anonymous says:

    Thanks a lot dude, its easy, and i enjoyed it!

  • Anonymous says:

    The instructions were easy.. But i got problem when I “place” it onto a new picture. When I slide up e opacity, the whole picture becomes blurr, but water mark more obvious.. wat should I do to just have a obvious gradient mark without blurring my picture?? PLS HELP!!!!

  • Anonymous says:

    Very elegant solution. Thank you!

  • Anonymous says:

    I tried this several times and I can’t get the area to become partially transparent. I keep starting over and reading the instructions very carefully but it just won’t change. Must be operator-error. It’s a reallly nice effect.

  • Anonymous says:

    First THANK YOU! I have wanted this exact design and could never quite get it right.

    Second, When I open an 8×12 Image and tell it to Place the .psd file, it does so but the .psd file is a tiny square in the center of the photo. Is there a command (keystroke) that I can use to have the .psd file it fit to the image?

    Thanks Again,
    Kelly

  • Anonymous says:

    The instructions were easy.. But i got problem when I “place” it onto a new picture. When I slide up e opacity, the whole picture becomes blurr, but water mark more obvious

  • Anonymous says:

    Very informative and trustworthy blog. Please keep updating with great posts like this one. I have booked marked your site and am about to email it to a few friends of mine that I know would enjoy reading
    sesli sohbet sesli chat

  • Anonymous says:

    Works to step 6 – then a black bar and no progress.

  • bappy shahed says:

    Really it’s a informative and effective tutorial for me.I like the problem solving method to step by step.So it is very easy to uderstand.Thanks a lot for great posting.

    <a href=”https://clippingcreationsindia.com/”>clipping path service</a>

  • >
    Notice: We use cookies on our websites to give you a great online experience. If you keep browsing, we'll assume you're ok with this. For more information, see our privacy policy. By closing this banner, you agree to the use of cookies.I AGREENo