Loading...


bookmark - Help With Images how 2 make it transperent

Help With Images - how 2 make it transperent

 
 Discussion by Jackel with 6 Replies.
 Last Update: July 24, 2005, 10:39 pm
 
bookmark - Help With Images how 2 make it transperent  
Quickly Post to Help With Images how 2 make it transperent w/o signup Share Info about Help With Images how 2 make it transperent using Facebook, Twitter etc. email your friend about Help With Images how 2 make it transperent Print
Reply / Comment New Discussion / Topic Share / Bookmark E-Mail a Friend Print

Ok. On a website, how do you make it so that an image is transparent (see through)? Ive heard something about you can only do it in photoshop. Please help if u know how to.











   Mon Jun 13, 2005    Reply         

okay..well the basic file types that support transparency are .gif and .png...there are many others though..
i think that gif files are more commonly used on websites..
and by transparent are you talking about making some parts of the picture transparent or the whole picture semi-transparent or what excatly...
i tried using 24bit png files on sites and they dont seem to work so well..perhaps im not doing it right though.
there are some sites i have seen that look as though they use some type of mask for true mutilevel transparency.. not a clue as to how they do this though it might be something to look into.

and you can do it in alot of different programs..not only photoshop.






   Mon Jun 13, 2005    Reply         

The most common transparent graphics I have seen is GIF images.

Transparency is acquired by using several methods including:

1 Using the same color for the background of the graphic as the page back ground color it is placed in.

2 Making you graphic background color black and set the transparency to black. Then select save as and set the file as a “GIF89a” in the options tab.

   Mon Jun 13, 2005    Reply         


... Or are you asking about how to make an image seem transparent on the actual page, like with a css filter?

   Tue Jun 28, 2005    Reply         

To make it transparent, I use Adobe Photoshop (paint doesn't have transparent ability). You first create a file, make the background 'transparent'. Click ok, design your picture, etc, etc. Save it as a .gif (or .png I think) and put it on a page! When the page changes color, the parts of the picture that you left transparent will be that page's color(therefore transparent)

   Tue Jun 28, 2005    Reply         

If the image has a distinctly different background (such as a jpeg with a white background) you can simply use the magic wand tool, then save it as a gif file. If the background isn't very different from the colors of the main image, you can use the extract tool in the filter menu

   Sat Jul 16, 2005    Reply         


If you are referring to a css filter for making IMAGES on your website appear transparent then here's the code:

CODE

<style type="text/css">a img{filter:alpha(opacity=50);}</style>


That will make all the images on your webpage 50 percent transparent. Of course, you can change the opacity number to your liking, where the lower the number the more transparent the image will be.

You can also choose to make the images on your page transparent with mouseover:

CODE

<style type="text/css">a:hover img{filter:alpha(opacity=50);}</style>

   Sun Jul 24, 2005    Reply         

Quickly Post to Help With Images how 2 make it transperent w/o signup Share Info about Help With Images how 2 make it transperent using Facebook, Twitter etc. email your friend about Help With Images how 2 make it transperent Print
Reply / Comment New Discussion / Topic Share / Bookmark E-Mail a Friend Print

Similar Topics:

Photoshop Tutorial Sharpening A ...

Hey again, Just in case some of you are out there wondering why your pictures never look clear when you open them in photoshop, it's probably because you aren't adding a little bit of sharpening to your photos. Sharpening will make your images look clearer, which is wha ...more

   08-Aug-2005    Reply         

To Display Images With Links In A R...

hai this is my first post and i really hope someone finds it useful. i was looking for this trick for long and finally found out today... to rotate images in your page automatically in a sequence without having to refresh the page. i find it particualry useful ...more

   20-Mar-2006    Reply         

Png Images Trancpercy

i got script of trancpercy png images with opacity property in css, But when i insert content in that div it also apply opcity css to that content this is the actually problem mine, give me solution for this problem Reply me....! ...more

   23-Sep-2009    Reply         

Acehtml anyone use this program???!!!!   Acehtml anyone use this program???!!!! (6) (1) Microsoft Acrylic (opinions) A new grafic tool from Microsoft  Microsoft Acrylic (opinions) A new grafic tool from Microsoft