Hi, you all have been so helpful to me in the last couple of weeks, I have another question. do any of you know how to make a transparent overlay gif and how to make it so that when people try to copy an image they will only get a black gif image? also since I'm using Flickr how come when I put a photo on NPN I can copy it,but on flickr people can't? Also is there a way for me to have the flickr transparency carry over in the url?
To make the transparent gif:
In photoshop, create a new file and for the background select transparent. Dimensions don't really matter, but the smaller the better for file size. Then just save it (unless you wanted to add a watermark as well, which I don't recommend), making sure that the preserve transparency box is checked.
To implement the transparency on a webpage, there are a few ways. Sticking with basic HTML, the code could be something like: <table background="yourphoto.jpg"><tr><td><img src="transparent.gif" width="xxx" height="yyy" /> </td></tr></table>
where xxx and yyy are the dimensions of yourphoto.jpg
Anybody that does a right-click save will then end up saving transparent.gif rather than your actual photo.
I'm a bit confused by your last sentence, but if you are asking if you can do this on just any website where you post your photo, then no, you can't. You cannot do it with photoshop alone. It needs to be coded into the website for the transparency to be overlaid, and the only way that will happen is if it's your own website where you have control of the coding, or on a website like NPN that adds the overlay.
Posted by Dan Borzynski on April 13, 2009 at 6:47 PM
Just to add to Kenn's comments: This won't work if you are posting images to someplace like Flickr, since you have no control over the coding that goes on behind the scenes. I think I may have misled you in my response to your previous question. The list of suggestions I provided was generic advice rather than something that applies to every website. As Kenn said, this will only work in a situation where you control the code, such as on a personal website.
By the way, NPN already does this as part of the image hosting so you don't have to do this if you post here. It is where I found out about doing this.
All you have to do is use Grab (on a Mac) to capture a screen image. On a PC I think "print screen" saves it to the clipboard. You can't stop a determined hijacker.
Discussion
3 repliesthank you
In photoshop, create a new file and for the background select transparent. Dimensions don't really matter, but the smaller the better for file size. Then just save it (unless you wanted to add a watermark as well, which I don't recommend), making sure that the preserve transparency box is checked.
To implement the transparency on a webpage, there are a few ways. Sticking with basic HTML, the code could be something like:
<table background="yourphoto.jpg"><tr><td><img src="transparent.gif" width="xxx" height="yyy" /> </td></tr></table>
where xxx and yyy are the dimensions of yourphoto.jpg
Anybody that does a right-click save will then end up saving transparent.gif rather than your actual photo.
I'm a bit confused by your last sentence, but if you are asking if you can do this on just any website where you post your photo, then no, you can't. You cannot do it with photoshop alone. It needs to be coded into the website for the transparency to be overlaid, and the only way that will happen is if it's your own website where you have control of the coding, or on a website like NPN that adds the overlay.
By the way, NPN already does this as part of the image hosting so you don't have to do this if you post here. It is where I found out about doing this.