User Tools

Site Tools


This page exists within the Old ArtZone Wiki section of this site. Read the information presented on the linked page to better understand the significance of this fact.

Watermark your images

Author: Naniette

Tools Needed

* Paint program

* A picture

Support Files

*cat.zip

Introduction

In this tutorial you will learn how to add a watermark to your images. A watermark is useful to add your signature, logo or copyright to your images it can also be used for thumbnail or preview images that you do not want people to copy. In this tutorial I will use PSP, but this can be easily adapted to any other paint software, I have tried it in TheGimp, a freeware paint program and the final results are the same.

Step 1: The Watermark Image

First we need the logo or text we are going to watermark on our picture. Let's design a simple logo, start your paint program and create a new file, make it a 400×300 pixels to match our picture, you can use your own picture if you want and match it to its size. Make the background color white.

Choose the text tool, make it size 48, select black as the color for your text, and write anything you desire. Create a new layer, using the shape tool create a rectangle, make its fill color be white, and the border black, set the line thickness of the border to 14 px. You will get something like this.

200-0217.jpg

For the purpose of this tutorial I have kept my image simple, but you can use your creativity to create anything you want.

Note: The watermark image MUST be black on white for this effect.

Save your watermark image when you are happy with it.

Ok let's continue.

Step 2: Adding the Watermark

Open the image that is going to be watermarked; I will use this one, the picture of a nice looking cat. I have included it with this tutorial.

200-0218.jpg

Now go back to your watermark image, and merge all layers (flatten) if you haven't already done so, copy it and choose paste as new layer.

Next, with your watermark layer selected, go to filters – texture effects – emboss.

200-0219.jpg

Now change your layer style to Soft Light.

200-021a.jpg

And you will end up with this:

200-021b.jpg

Here's an example using text only :

200-021c.jpg

Step 3: Other Layer Modes

You may also use other layer modes to achieve different effects; the end result will depend on the colors in your image, so go ahead and experiment with these! Here are a few examples using other modes:

Hard Light

200-021d.jpg

Overlay

200-021e.jpg

Dodge

200-021f.jpg

Step 4: Conclusion

Here I have explained the basics on how to get this done, you can use this effect with a more detailed logo or text to get different results, you could try skewing or rotating the image or text, you can also change the opacity settings for different results.

Experiment! Try different settings to see what you can achieve with this! I hope you find this useful, thank you for reading.