HOME | DD
ocsurfer — Invisible Watermark Tutorial
Published: 2004-06-07 04:27:58 +0000 UTC; Views: 36019; Favourites: 286; Downloads: 2759
Redirect to original
Description
As title states. Example Here [link]Related content
Comments: 67
doesn't work in ie9 anymore.. so is that a good thing?
👍: 0 ⏩: 1
also, if you shrink the image by 50%, it disappears. not sure what's the limit of shrinking before it's gone because i didnt try.
compressing the jpg will blur the watermark, but will still be there
👍: 0 ⏩: 0
I have a problem that instead of showing up when I select all, the invisible watermark disappears but I can see it perfectly when I don't have it selected. What am I doing wrong?
👍: 0 ⏩: 0
Great tutorial! I heard of this method and have seen a few tutorials for it, but yours is the first one that actually worked. Thanks so much!
👍: 0 ⏩: 0
Yatta !
I finally manage to make it work. Thanks for the tut.
A few point that I notice:
-You should do the whole process at the final size (e.g. do not resize your image afterwards)
- this only work when your image is display at its originale size on the screen (you should choose the option original size in DA and it only work in full view apparently)
- It does not seems to work on white background
Hope this help someone !
👍: 0 ⏩: 0
Does it matter what color text we have in the text layer?
For some reason its not working for me D:
Checked my test pic on IE and everything lols
I must just be missing something :/
👍: 0 ⏩: 0
I've tried to do this many times, I'm using PS cs4, and following your steps exactly I can't get it to work at all.
👍: 0 ⏩: 1
It only works in Internet Explorer, so if you use Firefox or anything else other than IE it will not work.
👍: 0 ⏩: 0
Hey, what about invisible watermaking? DigiMarc or much cheaper SignMyImage? Both of them are designed to protect photo and thats the basic goal, right?
👍: 0 ⏩: 0
It's a drame!
I make all you say but my watermark appeared when the image is normal and disappeared when I press CTRL+A -_-'
👍: 0 ⏩: 0
i did it and it work... but as a simple image... doesn't look like the image you have on the example, anyways... i opened on IE and highlighted it and it shows up the watermark, but it does not work on Firefox...
thanx! very helpfull
👍: 0 ⏩: 0
Maybe it's because I'm a noob with photoshop... but it won't let me invert the text layer. =/ Am I doing something wrong?
👍: 0 ⏩: 1
you have to rasterize it first. right click on the text layer, and rasterize it.
anyway, I also have some sort of problems. I followed every step as you said, but:
# the "invisible" watermark is very visible, in firefox and in IE as well. if i lower the opacity of the top layer [the copy of the background], the watermark is pretty visible, even at 97% opacity. if I don't lower it, the the image looks normal when i select it with ctrl+a, in IE and firefox as well.
# I use CS3 and the image is 1600x1200...
# your invisible watermark shows perfectly in IE, after I select the picture. mine definitely doesn't....
👍: 0 ⏩: 1
I'm having the same issues. =/
Let me know if you resolved it.
👍: 0 ⏩: 1
Here are some tips that may resolve the issues.
First steps- Make sure that when you make the pattern that you open your 2x2 pixel document with a WHITE background, not a transparent background.
Second steps- After you fill the middle Layer with the pattern you made(edit/fill/pattern);
Make sure that you set the blending mode to Exclusion. Once you select Exclusion, your pattern should look like a light gray layer.If it looks transparent, then you did it wrong.
After you create your text layer, right click the layer and select rasterize. This will allow you to Invert your text layer.
Highlight your text layer and type and hold down Ctrl+I to invert your text layer.
Then simply lower the Opacity on the top picture layer to your desired level. About 95-90 works well.
Save as Jpeg. Open image with Internet Explorer.
If your image is too large you must click it on the browser to zoom to actual size. This may obscure your perception and you will not see the hidden watermark.
To fix this, you must resize your image on Photoshop before you do any of the steps. Resize image to a suitable web image size and then proceed with the instructions on the tutorial. DO NOT resize image after doing the steps on tutorial, as this will corrupt the image and it will not work.
Hope this helps.
👍: 0 ⏩: 0
I am wondering what makes this display in IE and not in FF. Quite a discovery.
👍: 0 ⏩: 1
If IE markes an image it overlays some kind of raster. FF and most of the other browsers online hilight the selected object.
Create a 2x2 px chessboard, save it as a pattern and create a new layer (mode:multiply) with the chessboard. You will see the same effect.
👍: 0 ⏩: 0
when making a pattern, you make 2 black boxes but the other 2 boxes are they suppose to be transparent or white?
👍: 0 ⏩: 0
I tried following the tutorial, but I don't know what I'm doing wrong. The photograph I used was April Showers . In IE I'm still unable to see it! Any tips would help.
👍: 0 ⏩: 0
Thanks for posting this. It really helps. I try to put in something visible but I don't want to obscure the image. At least I know this is there.
👍: 0 ⏩: 0
Hmm... I wonder, is there a way to do this with Paint Shop Pro 8? It would be great to be able to add invisible watermarks to my pics, but I don't have Photoshop, and I'm not allowed to download stuff off of the internet on this computer, so no gimp...
👍: 0 ⏩: 0
I'll try this out, your exemple is stunning !
but indeed with firefox it doesn't work ^^
👍: 0 ⏩: 0
Not sure about the MACs or Elements, sorry. I know it works with PCs and with Adobe PS 7, CS, and CS2.
👍: 0 ⏩: 1
As far as I can see, I have Adobe Elements 4.0, and it's not letting me make a rasterized text layer. :/
👍: 0 ⏩: 0
having trouble with using this technique in PhotoshopCS2 @ my Mac, even though I opened the file using an IE from a PC, but it works with PhotoshopCS2 on my IBMPC..???
👍: 0 ⏩: 0
AMAZING !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
👍: 0 ⏩: 0
Saw this a while ago, then forgot how to do it 
👍: 0 ⏩: 0
Excuse me, which photoshop is this? I'm using Adobe Photoshop Elements 4.0. I'm on step 7, and I'm doing what's in that step. However, when I click on "image", I don't see anything called "Adjustments". That's why I'm wondering...
👍: 0 ⏩: 1
in Phototshop elements you can find the invert at LAYER>new adjustment layer>invert hope that helps
👍: 0 ⏩: 1
It's alright. I figured it out already...^-^;;
👍: 0 ⏩: 1
👍: 0 ⏩: 0
Thank you for making the tutorial, this is really come in handy but I agree with lilyas, I cannot invert a text layer unless I rasterized it, my question would be the same though.
👍: 0 ⏩: 0
Wow thanks! O_O This is a brilliant tutorial ^^ this is the best watermark tutorial yet!!
👍: 0 ⏩: 0
Thank you for this tutorial. I was happy to find it but unfortunately after hours of trying and reading your tut again and again I couldn't make any invisible watermark in a jpg-image, make to be visible in Internet Explorer. Maybe there was something I got wrong. For this reason I have some questions.
To point 2 paragraph 2:
Creating a text layer, does it mean create a real text layer or a normal rasterized image layer with text? Because I cannot invert a text layer (point 6 image adjustments). What colour should have the text?
To point 5 paragraph 2:
The layer for the pattern, should it be transparent or filled with any colour? I suppose without any filling you cannot see any applied layer style. In this case the pattern overlay. Or misunderstood I your words "fill it with the pattern you just created"? Does it mean go to the layer menu -->layer style and fill it....?
I hope you can make things more clear! Thanks for the help.
Lily
👍: 0 ⏩: 1
Rasterized text layer. The color of the text can be black or whatever color you choose, experiment around as some colors look better on some images. Go to Edit-->Fill to fill it with the pattern you just chose.
👍: 0 ⏩: 0
Is it just me that this doesn't seem to work for? I even tried looking at ocsurfer's other pics to see the watermark in action, but its not there either...?
👍: 0 ⏩: 1
You have to be using Inernet Explorer or a browser based off of it, Firefox doesn't work with this.
👍: 0 ⏩: 1
Sheer brilliance, I'm glad someone's actually put this out into the digital wilderness! Thank you so much
👍: 0 ⏩: 0
Thank you very much! I might have to start doing this! ^_^
👍: 0 ⏩: 0
| Next =>