Guide: Watermarking your photographs + Automation

[Barry123]

Hi Everyone,

Here's a quick guide to watermark your photographs with a copyright - copyrighting is important particularly if you're sharing over the internet, placing a lightly opaque copyright image/text/logo over the image makes it difficult for a would-be photo-thief to edit the image or pass it off as their own.

Sooooo, here's a run down of how to do a basic watermarking and save your setup so that you can automate the process on future images to save time and maintain consistency.

Grab a photo - Made my sister take this so I could check lights were in the right position
http://i69.photobucket.com/albums/i52/adsayer/Guide/Watermark/Untitled-1.jpg

Then select from the top 'Window > Actions'
http://i69.photobucket.com/albums/i52/adsayer/Guide/Watermark/Untitled-2.jpg
This brings up the Actions Panel that will allow you to automate you watermarking process :)

In the Action Panel, press the 'Create New Action'
http://i69.photobucket.com/albums/i52/adsayer/Guide/Watermark/Untitled-3.jpg
From this point on WHATEVER YOU DO in Photoshop you'll record... so be careful or you'll have stop the recording and delete what entry it's recorded :err:

Select the Horizontal Type Tool on the left hand pane.
http://i69.photobucket.com/albums/i52/adsayer/Guide/Watermark/Untitled-4.jpg
This will enable you to write specific text on your photo - like a watermark! :fcuk:

Click on the image and begin to type - then press the Enter key next to the numeric keypad (not the other Enter, that'll create a new paragraph!)
NOTE: if you want the Copyright Logo (©) then hold down the Alt key and enter the number '0169' :)
http://i69.photobucket.com/albums/i52/adsayer/Guide/Watermark/Untitled-5.jpg
Notice once you're done you will have created a 'Layer' on the bottom right hand side pane. Notice that the lettering is a bit small and bit naff...

So what now we'll transform the text (change the size) and move it's position. Press Ctrl+T, this will bring up a box around your text.
http://i69.photobucket.com/albums/i52/adsayer/Guide/Watermark/Untitled-6.jpg
By resting your pointer over one of the corners of the box you can now click and drag the text to adjust it's size

Once you're happy with the size, press Enter
http://i69.photobucket.com/albums/i52/adsayer/Guide/Watermark/Untitled-7.jpg
Now let's position the text in a better area.

Press Ctrl+T again. Then place the pointer inside the box around the text then click and drag the text to where you want it, then press enter.
http://i69.photobucket.com/albums/i52/adsayer/Guide/Watermark/Untitled-8.jpg

Done.

Now you have several option available to you. If you're happy with this simple Watermark then press STOP on the Actions Panel. Now when you want to Watermark and image simply select the action (which I called 'My Watermark') then press the Play button. And it's done near instantly.
http://i69.photobucket.com/albums/i52/adsayer/Guide/Watermark/Untitled-9.jpg

Or we can jazz up the text a bit...

In the bottom right hand corner we have the Layers Panel. Making sure the Text Layer is highlighted, press the 'Add Layer Style' at the bottom of the panel ('fx' logo).
http://i69.photobucket.com/albums/i52/adsayer/Guide/Watermark/Untitled-10.jpg

You'll now be presented with several options - I'm going to a single effect, Bevel and Emboss. But you can combine as many of these as you wish - Just follow the steps below.
http://i69.photobucket.com/albums/i52/adsayer/Guide/Watermark/Untitled-11.jpg

This will bring up the Layers Style, you'll notice the same options as you were given when you press the 'Add Layer Style' button, but with your selection highlighted and with a check in the checkbox.
http://i69.photobucket.com/albums/i52/adsayer/Guide/Watermark/Untitled-12.jpg

You've got loads of options under each one and I can't really go into all the options, but it's straight forward and if you have a play you can see what is actually changing :) so play around until you find something you're happy with. Click 'OK' when you're done.
http://i69.photobucket.com/albums/i52/adsayer/Guide/Watermark/Untitled-13.jpg

Now to finish it off you can make it slightly opaque... In the Layers Panel (Bottom Right Corner), make sure your Text Layer is still selected/highlighted. Then 'Opacity' Box and drag the slider away from 100% until you have a depth of transparency that you're happy with.
http://i69.photobucket.com/albums/i52/adsayer/Guide/Watermark/Untitled-14.jpg

And it's done, make you stop your Action Recording. Then for future images press the Play button to repeat process and save you time.

Go File > Save As and save the image as a JPG and it's ready to go to the web.

Cheers

Ads

[oz_borne]

Nice one dude, very explanatory.........

How about the little black border that people get with the camera info date etc....

:A:

[mattchewone]

Nice one Sayer!

Here you go Oz, i guide for bordering. Im sure its been done a million times lol

Open up a Picture, open up the actions palette, create new action:
http://i140.photobucket.com/albums/r1/mattchewone/Picture1.png

Then Select the square Marquee tool, and highlight select the picture:
http://i140.photobucket.com/albums/r1/mattchewone/Picture2.png

Then go to Edit, and Stroke:
http://i140.photobucket.com/albums/r1/mattchewone/Picture3.png

Select border colour, and size:
http://i140.photobucket.com/albums/r1/mattchewone/Picture5.png

Click ok and your done. Stop recording the Action and save the picture.


Before:
http://i140.photobucket.com/albums/r1/mattchewone/IMG_0702.jpg

After:
http://i140.photobucket.com/albums/r1/mattchewone/IMG_0702B.jpg

[Barry123]

nice one matt! saved me a job :y:

[mattchewone]

nice one matt! saved me a job :y:

Thought i'd help you out dude! Since you have done a lot for me i thought i would do something for you lol.

Building up a decent amount of guides now! Still cant work out the hair colour and BG changing one you was talking about in your thread of your sister.

[Matto]

Thanks for the tutorials Sayer and Matt!

Do you know of any guides that explain how to do a batch of resizing,watermarking and saving as a jpeg from Raw files?

Atm I have to import them all to Lightroom, then export them all as jpegs, then open them all in CS3 and add the watermark to each and then save it. Pain in the arse and takes to long.

[Barry123]

Thanks for the tutorials Sayer and Matt!

Do you know of any guides that explain how to do a batch of resizing,watermarking and saving as a jpeg from Raw files?

Atm I have to import them all to Lightroom, then export them all as jpegs, then open them all in CS3 and add the watermark to each and then save it. Pain in the arse and takes to long.

I actually do that man lol

Although I understand you can directly watermark in LR

Batch resizing is easy...
Open an image
Start a new action (Record)
Resize the image to the desired amount
stop the action

and there you :y:

[kristel10589]

Soooo how would the watermark thing work on GIMP? Can't find how you can make it automatic instead of doing it on every image one by one :n:

[djrem]

top guide.
downloading photoshop just to do this :)

[Amiee]

Good Guide Ads :y: Will come in usefull if I ever get Photoshop sorted on me pc lol

[Barry123]

cheers gang :)

[bullit]

thanks ads

[Noddy]

how do i go about batch watermarking etc in photoshop? I've got the watermarking sorted (assigned to a macro key on my keyboard :D) Is there any way of batch processing in CS4?

[Barry123]

how do i go about batch watermarking etc in photoshop? I've got the watermarking sorted (assigned to a macro key on my keyboard :D) Is there any way of batch processing in CS4?

File> Automate> Batch

choose the appropriate Action :)

[Prickle]

really good guides there :)

all i do use the normal text and change the opacity :p

[Shellz]

Both really helpful!

Thanks!! :D

[Viper]

is there any chance someone could repeat Adam's guide but with CS4? and also to show how to but borders on.

Cheers :y:

[danzman1991]

watermark doesn't work for me.

[haz_pro]

your hair is awesome lol