Whether you take photographs for the purpose of selling them or just for fun, you own the copyright of the images that you take. You may want compensation if someone uses your images or you may just want to be in control of how they are used. It is important for photographers to know their rights as copyright holders, especially those who publish their photos on the Internet.
In the digital age it has become easier than ever for copyright violators to publish an image without paying for it. On most websites you can save an image simply by right clicking on it. Even if the website blocks that method, a savvy computer user knows how to get into the web browser’s cache and find the images anyway. But there are ways to help protect your images. One way is to make it inconvenient for the copyright violators to use your images by applying a copyright notice watermark. The watermark is not a silver bullet against image piracy. With some careful cropping or cloning in Photoshop, a determined violator may be able to remove the watermark. But it is at least a reminder that you do own the copyright and plan to enforce it. Also, it is normally less work for the person to contact the photographer and pay a reasonable fee for the usage than to do a lot of Photoshop work. So in this post I am going to show how to apply a watermark on your images and prepare them for display on websites. I am going to be working with one of my own images. If you want to follow along then you can do so with one of your own images.
Step 1 – Opening Your Image
I begin with an image that I created while walking through the downtown area near my home.
Step 2 – Selecting a Font
I am going to apply a copyright notice watermark in the lower right corner. For starters, I click the Text Tool on the toolbar. In the screen shot, you’ll notice the Text Tool because it is shaped like a capital ‘T’ and is already selected.
After selecting the Text Tool, you will notice the options bar at the top of the window. This has options for the currently selected tool. The options available to us for the Text tool are related to changing the font, size, and other items that affect the appearance of our text.
For my font, I chose the Pristina font with a size of 36 points. You can play around with the fonts and sizes for your own tastes. There is also a swatch showing the color of the text that has yet to be written. Mine is white. If you need to change yours then click that swatch to bring up the Color Chooser dialog.
In the cells next to R, G, and B, I type of the values 255, 255, and 255. That gives me white. Choose OK to dismiss the dialog.
I’ve left the other options in their default state.
Step 3 – Dropping Text On The Image
Next, while the Text tool is still selected, I click anywhere on the image. This will add a vector layer where I can type my text. Then I can adjust my font and position the text anywhere I want.
The text that I used is “© Jeff Suddeth 2009″. To get the copyright symbol on Windows you have to hold the ALT key while typing the numbers 0, 1, 6, and then 9. But you have to type them on the number keypad, not the numbers at the top of your keyboard. Since my laptop doesn’t have a number keypad, I used a different method. I opened a Microsoft Word document and from the “Insert” menu, I picked “Symbol”. From there, I chose the copyright symbol. Then I selected the symbol in my Word document and hit Control-C to copy that symbol to the Windows clipboard. Then I went back to the image in Photoshop, selected the Text Tool, clicked the image to drop the text on there and hit Control-V to paste that symbol in. Then I could type in the rest of the watermark as normal.
My apologies to Mac users, but I do not own a Mac and I cannot verify the method of creating a copyright character on the Mac. A quick Google search pulled up a post that said the keyboard shortcut on the Mac is “Alt/Option + g”. So good luck with that and if anyone wants to buy me a Macbook Pro (the 15 inch one) I promise to make my articles more Mac friendly.
Step 4 – Viewing the Layers Pallet
So here we are. We just dropped some text on the image. If your Layers pallet is not visible then please make it visible from the Window menu. My layers pallet is shown below.
You can see that the text has been added to a new layer. I ended up dropping the text right in the middle of the image, which is not where I want it, but that is okay. I will move it later with the Move Tool. For now, I want to get the watermark looking the way I want.
Step 5 – Making the Text Look More Cool
Right click on the Text layer in the Layers pallet and choose “Blending Options”. You should get the Blending Options dialog.
The first thing I do is check Bevel and Emboss, which gives the text sort of a 3D look, as if it has been punched out of the image. I then lower the opacity of the layer to about 50%. This makes the text translucent so that you can see what is on the layer beneath it. I like doing this because I want the watermark to be there without drawing the eyes away from the actual image. The Layer Style dialog should look like the following.
I also want to add a shadow behind the text, just because I can. So I click on the Drop Shadow text box. But don’t just click on the check box. Click on the words “Drop Shadow” so that you will get the options for that shadow affect.
Now you can see the options that allow you to play with the shadow. The only options I mess with for this purpose are the Angle, Distance, Spread and Size.
The angle sets the angle where the light comes from that is casting the shadow. The distance affects how far that light is from the text, which affects the length of the shadow. The spread and size affect the spread of the shadowed pixels and how dark the shadow is. You can play with this until you get something you like. I generally set my angle to about 150, distance to 20, Spread to 5, and size to 10. If you don’t like it you can always open this Layer Style pallet to change it. So try some settings and click OK to accept them.
Now the image looks like this.
Step 6 – Moving the Watermark
My watermark looks fine to me. But I still want to move it into the lower right corner. I click on the Move Tool for this purpose. The Move Tool is way at the top of the Tool Box. It looks like an arrow next to a crosshair. When you select that Move Tool, make sure that the Text Layer is the active layer. Notice in the screenshot above that in the layer pallet, it is the Text Layer that is selected. That is the layer we want to move. So with the Move Tool selected and the Text Layer selected in the layers pallet, click anywhere on the image and drag until you get that copyright text in the location you want.
Now that my copyright notice is in a position I am happy with, I am ready to save my changes and publish this to the world. But remember, JPG images do not support layers. So before you can save it as a JPG, you must flatten the image. When you do that, the text layer is gone and you will have no way to change the styling of that text. However, if you save the file first as a Photoshop PSD file then you will be able to open the file in Photoshop later and work with the different layers. So save the file now as a Photoshop file if you want to. Otherwise, go ahead and flatten the image by clicking on the “Layer” menu and choosing “Flatten Image”.
If you check your layers pallet, you will see that you now only have one layer, the background layer.
Step 7 – Saving For the Web
Now we want to save the file as a JPG for the web. Before I do that I like to change the resolution of the image so that the file size will not be so large. 72 Pixels per inch is fine for a computer screen. So I am going to the “Image” menu and selecting “Image Size”. This brings up the following Image Size dialog.
I changed the resolution to 72 Pixels per inch and left everything else alone. Then I clicked OK to accept this change. When the dialog goes away, the image “shrinks” on the screen. Well, yes. I shrunk it when I lowered the resolution to 72 PPI. At the same zoom level, that would result in a smaller image. If this disturbs you (and it does disturb me for some reason) then you can zoom in some more by holding down the Control key and pressing the ‘+’ character a few times.
Finally, I am ready to save the image. From the “File” menu, I choose “Save As” and type an appropriate file name in the File Save dialog box.
When I click the Save button I will be presented with another dialog that will allow me to specify the quality of the image. This setting will affect how much the image is compressed. JPG files use a “lossy” compression algorithm, which means that every time you save a JPG image it will be compressed and some data will be lost, affecting the quality of the image. For publishing to the web, my main concern is file size. The image quality will be good enough for a computer screen. So I choose a quality setting of about 8 or less. If I were saving a file that I might want to print I would have saved it with a much higher resolution and I would go with the highest quality.
Step 8 – Done.
So I set the quality to 8 and click OK. I now have a JPG file that is reasonable in size and quality for the web with my copyright watermark prominently displayed, yet not impacting the overall affect of the image. The final result is below.