smooth shadow

I would like to know if there is a way to do a smooth shadow (with transparency) in a format for the web. I have been trying with the PNG format, suported by Photoshop and Image Ready, but when imported in the html code I cant see in the browsers (4.0)
jcisneAsked:
Who is Participating?
 
HohmannConnect With a Mentor Commented:
As in my comment.  But I forgot to mention that you need to choose a color in the fill pattern as transparent when you export it as a GIF.
0
 
UndertowCommented:
Only Netscape supports .PNG.  That would be the only way to do it w/ transparency.
0
 
maradonaCommented:
You have to export your psd as Gif 87/89, selecting the transparente colour.
0
Cloud Class® Course: Microsoft Windows 7 Basic

This introductory course to Windows 7 environment will teach you about working with the Windows operating system. You will learn about basic functions including start menu; the desktop; managing files, folders, and libraries.

 
lvalicsCommented:
Smooth shadows never will be see with transparancy. Try to export with that background where you will be use the picture.
In else way you will get some colors around the shadows.
If you have background with texture the problem is more complicated, because the HTML background and picture background will be hardly to seamless together.

Best wishes,
Valics Lehel
0
 
jcisneAuthor Commented:
About maradona´s answer, the point is to do a smooth gradient transparency, not just a flat color. Does anyone knows if there is a plug in to view the PNG format in Explorer?
0
 
x30Commented:
The only way to that efect es via java programming, you'll have to make a have program that let you transparent the images (tough), another way wich is easier, is putting a backgorund color that can be equalized with and independet smoth shadow images, foe ex. you make an image with a shadow, over a blue bakground, then, you put the image on the web page, set the bakground color to blue, and you'll have the efect.
0
 
jcisneAuthor Commented:
The background is not a flat color, so I need the shadow be independent of the background.
There is posible that a java routine make the alpha channel be a gradient from black to white?
0
 
HohmannCommented:
In Photoshop: Select your shadow area. Do a gradient fill, so that the dark part of the shadow is near the beginning of the shadow.  (Or do it however ou want... You know what shadows look like)

"But wait, Hohmann... You can't have a gradient fill in an image with an indexed pallette!"  Is probably what ou're saying...  well you're right.  You don't use a gradient color to color, you fill it with a pattern.  A pattern of black dots really close together, to a pattern of dots further apart.

Its not the smoothest gradient you'll see, but it works and looks fairly decent for transparent PNGs or GIFs.  (I can't take all the credit for this,  a friend of mine discovered the method while madly trying to finish a project on time)

My apologies, if this message is a little muddled.  But its late here, and well... You'll probably get the gist of it.
0
 
jcisneAuthor Commented:
I think the Hohmann answer is the most close to solve the problem, so I sugest submit it like a proposed answer.
0
 
tfpCommented:
The problem is that your shadow won't be transparent. It will be, for example, with different shades of gray. If you've got a background which is not single colored:
In layer 1 : your image
In layer 2 : your background
then you make the shadow (copy layer 1 -> layer 1 copy), play with the contrast and the blur. and change the mode of the layer to something like "Screen".
Now your shadow will be "on" the layer 2.
Now put your image with something like Fusion 3 exactly over the backgound. People won t notice the difference between your background and your image. Your image is not transparent BTW.
0
 
HohmannCommented:
heh. I would but its not given as an option.  I'm assuming its because the question is locked.
0
 
jcisneAuthor Commented:
For tfp:  I need the image float over the background, and that the shadow looks fine all time, no matter the position.
0
 
tfpCommented:
Then you can't make it. The shadow is not something transparent, it is gray for example (and it has different shades of gray, whereas you can only have one transparent color). It cannot "mix" with the background like you would do with Photoshop.
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.