View Full Version : Rounded corner and transparency?

12-03-2002, 04:55 PM
I am trying to create a rounded corner, on a table row, where the corner's color and the background color of the table row match. I tried to create the rounded corner as an image in photoshop, but the red color I set it to does not quite match the same color value set in the html. So I wonder if I cant just make the rounded corner a transparent image and then the background will show through, while the remainder (the inverse of the rounded corner) will be white as I will build it that way in photoshop. Is there a way to create such a transparent image in photoshop or other way to do this?


12-03-2002, 05:59 PM
Google (http://www.google.com/search?hl=en&ie=UTF-8&oe=UTF-8&q=tutorial+saving+transparent+gifs+in+photoshop) is your friend :D

12-04-2002, 02:34 PM
Hey, thanks alot. I had already looked through numerous tutorials on transparent gifs found via the serach engines but was not clear that they addressed what I am asking about, and could not get the desired result. However, subsequent to posting, I was able to get the color on the image to match my table color, so that provided a solution. I am still interested in the answer to the original question though, if anyone has done something like this, for possible future use.


12-04-2002, 02:37 PM
Photoshop let's you specify colors by HEX value, just like HTML. So the #FF0000 red on the web is the same red in Photoshop.

Is that was you are asking about?

12-04-2002, 06:09 PM
No, I was asking whether there is a way in photoshop to create a transparent gif so that html based table background color would show through....... I know about setting hex color values in photoshop - the initial question arose because in the save process, photoshop seemed to end up with a different color (by the time the iamge displayed in the browser). I got over that problem (though I still think that photoshop colors don't *always* end up in the saved file the same as speicified when the hex color value is set from within photoshop).... So my only question is aobut creating transparnet gifs that allow background html color to show through.


12-04-2002, 07:11 PM
Uhh, I'm confused

From Webster
transparent adjective
having the property of transmitting light without appreciable scattering so that bodies lying beyond are seen clearly

If you are correctly saving your gifs with transparency, then whatever is underneath the transparent area of the GIF should be visible, whether it be a table's background color, text, or another image.

Oh, and yes, Photoshop colors *do* end up in the final file, if you know what you are doing. Trust me, I've been using Photoshop for 7 years.

12-05-2002, 12:34 AM
Is the arrogance necessary? Last I heard, the forum is open to those who are new to products like photoshop and not expert in them, as well as to lordly folks who have been using them for "7 years". If I take an image and vignette it or alter the opacity, I find that the color as it appears in photoshop vs the color that it appears in the browser ain't always the same. I may have more to learn about photoshop and I would be the first to admit it (you may recall, that's why I started the thread). If you spend some more time in that dictionary of yours you might be able to find a few good words for someone who has a problem with that.


12-05-2002, 02:23 AM
Hey hey hey, slow down there. You misinterpret me.

First off, let me say this: please don't try to extract any emotional meaning from written text. It's impossible. Sure, the emoticons help, but as you notice, I didn't use any, so please don't assume my comments were malicious.

All I wanted to do was convey my confusion. You said you had trasparent GIF's, but that the html table background color wasn't showing through, and asked how to save one so that it would, as if there was more than one type of transparent gif. So allow me to clarify: There is no different type of transparent GIF. The transparent areas of a GIF do not care what is behind them, they are transparent and that's it. However, it is important to understand that a pixel's transparency in a GIF is either 100%, or 0%. If a pixel in photoshop has an opacity of 1% in photoshop, it will be 100% opaque in the GIF, the other 99% being filled in by the matte (chosen at the time of saving). Do you use "Save For Web" ?

About the color consistency, Photoshop displays color much more accurately than many other programs, but if there is a set hex value present in the image, and that hex value isn't thrown out by compression, it will be there and be accurate.

About my arrogance, I apologize. I re-read what I said and took a defensive posture, and indeed, I did sound arrogant. I really just wanted to let you know that I wasn't relating 3rd hand information to you or guessing. I'm pretty experienced and I know what I'm doing.

Unfortunately, Photoshop is a difficult program to discuss in a forum, but I'll to my best to help you. Can you tell me the hex value of the red you are using in Photoshop?

As much as I admit that I could have written differently what I had to say, your reply doesn't do you much credit. Even after re-reading my words several times, I fail to extract where you derived the idea that you were unwelcome here or that I had a problem with your novice status. I appreciate that my post bothered you, but throwing insults right back at me is stooping, and hurts the credibility of what is genuine in your reply.

If you ask and/or look around here, I'll think you'll find that I'm a very nice and helpful person, having made over 1500 posts since August, and only asking for help myself a maybe a couple dozen times.

12-05-2002, 04:44 AM
Oops, sorry. I guess I must have misinterpreted. In combination with other things in the response, I took the dictionary definition of 'transparent' (a word it is hard to imagine anyone not understanding) as sarcastic. My apologies, and thanks for taking the time to respond.

Do I use 'save for web'? I used to, but often do not anymore, because I got the impression that was where the distortion came in. In particular, I refer to the halo effect or degradation I would find in vignetted images or in images faded with opacity. So that could be the source of some of my trouble, I guess.

This part of what you say I am not sure that I follow "There is no different type of transparent GIF. The transparent areas of a GIF do not care what is behind them, they are transparent and that's it. However, it is important to understand that a pixel's transparency in a GIF is either 100%, or 0%. If a pixel in photoshop has an opacity of 1% in photoshop, it will be 100% opaque in the GIF, the other 99% being filled in by the matte (chosen at the time of saving). " It seems like you are saying opacity must be set to 0% to get a transparent gif? If I attempt to create a transparent pixel, for instance, by doing an edit/fill, the option forces a choice of greater than 0 for opacity. As well, when I try save for web, there is no "transparent" option available for a gif file. But this is where I guess I had better hunt down a tutorial.

By the way, as far as whether I "stooped"., apparently I did mis-read, but given the interpretation I gave to the post, I made a pointed effort to respond, but to do so pretty gently.

Thanks again for the help.


12-05-2002, 05:01 AM
Right, Example,
Take the paintbrush, set it's opacity to 1% and draw onto a transparent canvas. Then run the Save for Web. Pick a GIF format and check the Transparency checkbox. This will allow you to specify a matte color. Whatever matte color you pick will pretty much be what you see, because 1% of any color is practically non-distinguishible. Try it a few times with different shapes, opacities, brush softnesses, matte colors, etc. I think you will quickly discover what is happening.

Oh, and to create transparent pixels on a layer, just make a selection and hit Delete or use the Eraser tool at 100%.

12-06-2002, 02:47 AM
Sorry for not getting back, got tied up... Thanks again for the help. I tried this, and got to the point of checking the Transparency checkbox, but unfortunately hit a roadblock there, as that box stayed inhibited and would not let me check it. I will keep playing with it and see if I can get it to free up. Thanks.