gifs transparency

C
Posted By
christopher
Jun 11, 2006
Views
470
Replies
7
Status
Closed
I had a problem making my odd shaped web graphics with transparent backgrounds. I tryed google and found the following topic. However, I cannot repsond because it is either too old or has been closed.

http://groups.google.com/group/comp.graphics.apps.paint-shop -pro/browse_thread/thread/40bc0c87b2da4c5d/db77319234ff99cc? lnk=st&q=html+non+square+layers&rnum=1&hl=en

Does anyone have simular instructions for doing this in PS CS 2?

Right now I seem to have odd white parts around the edges although I did achieve some transparency…
Related Tags
transparency

MacBook Pro 16” Mockups 🔥

– in 4 materials (clay versions included)

– 12 scenes

– 48 MacBook Pro 16″ mockups

– 6000 x 4500 px

MR
Mike Russell
Jun 11, 2006
From: "christopher"

I had a problem making my odd shaped web graphics with transparent backgrounds. I tryed google and found the following topic. However, I cannot repsond because it is either too old or has been closed.
http://groups.google.com/group/comp.graphics.apps.paint-shop -pro/browse_thread/thread/40bc0c87b2da4c5d/db77319234ff99cc? lnk=st&q=html+non+square+layers&rnum=1&hl=en

Does anyone have simular instructions for doing this in PS CS 2?
Right now I seem to have odd white parts around the edges although I did achieve some transparency…

The key is "Save for Web". Select Gif and set a matte color close to the color of your background.
http://www.myjanee.com/tuts/save/savexgifs.htm
—
Mike Russell
www.curvemeister.com/forum/
C
christopher
Jun 11, 2006
"Mike Russell" wrote in message
From: "christopher"

I had a problem making my odd shaped web graphics with transparent backgrounds. I tryed google and found the following topic. However, I cannot repsond because it is either too old or has been closed.
http://groups.google.com/group/comp.graphics.apps.paint-shop -pro/browse_thread/thread/40bc0c87b2da4c5d/db77319234ff99cc? lnk=st&q=html+non+square+layers&rnum=1&hl=en

Does anyone have simular instructions for doing this in PS CS 2?
Right now I seem to have odd white parts around the edges although I did achieve some transparency…

The key is "Save for Web". Select Gif and set a matte color close to the color of your background.
http://www.myjanee.com/tuts/save/savexgifs.htm
—
Mike Russell
www.curvemeister.com/forum/

I followed those instructions exactly and still have white on the top edges. I can’t figure out why for the life of me.

you can see the effect here:
http://christopherpisz.freesite.us/newlayout/layered.html

I am just trying to get this transparenct part down before I continue the layout. You can see the simple html in view source if you are an html type person. A copy of the images are located at:
ftp://christopherpisz.freesite.us/pub/images/

Thanks!
T
Tacit
Jun 11, 2006
In article <U3_ig.22563$>,
"christopher" wrote:

I followed those instructions exactly and still have white on the top edges. I can’t figure out why for the life of me.

You have white around the top edges because your picture actually has white pixels around the top edges. If oyu don’t want the pixels aorund the top edges to be white, remove them or change them to a different color.

You can change them to a different color by locking transparency in the Layers palette and painting them with the brush tool. You can remove them by using a layer mask.

—
Art, photography, shareware, polyamory, literature, kink: all at http://www.xeromag.com/franklin.html
Nanohazard, Geek shirts, and more: http://www.villaintees.com
C
christopher
Jun 12, 2006
Ok, If i zoom in to where a pixel is the size of my thumb on the splices I can see some white. What I don’t understand is how it got there. Look at entire-site.psd, there was no white in that one and I spliced the others from that. I hit "edit in image ready" and laid out the splices, then let photoshop export them with the output optimised button.

I also tryed the save for web route with matte color as was suggested earlier in this post and it came out them same.

I don’t know where this evil phantom white is coming from.

"tacit" wrote in message
In article <U3_ig.22563$>,
"christopher" wrote:

I followed those instructions exactly and still have white on the top edges.
I can’t figure out why for the life of me.

You have white around the top edges because your picture actually has white pixels around the top edges. If oyu don’t want the pixels aorund the top edges to be white, remove them or change them to a different color.

You can change them to a different color by locking transparency in the Layers palette and painting them with the brush tool. You can remove them by using a layer mask.

—
Art, photography, shareware, polyamory, literature, kink: all at http://www.xeromag.com/franklin.html
Nanohazard, Geek shirts, and more: http://www.villaintees.com
MR
Mike Russell
Jun 12, 2006
From: "christopher"

Ok, If i zoom in to where a pixel is the size of my thumb on the splices I can see some white. What I don’t understand is how it got there. Look at entire-site.psd, there was no white in that one and I spliced the others from that. I hit "edit in image ready" and laid out the splices, then let photoshop export them with the output optimised button.

I also tryed the save for web route with matte color as was suggested earlier in this post and it came out them same.

I don’t know where this evil phantom white is coming from.

I don’t see a reference to a file named entire-site.psd. If you sent it as an enclosure, it got lost during the news posting operation. Slicing deals only with rectangles, and will not create a fringe.

Be that as it may, the original image does not need to contain white to get evil phantom white syndrome. One way or another, the white comes from the way the edges of your transparent objects were created. The most common way for this to happen is with a save for web, or other GIF save operation with a white matte. There are other ways to get a white fringe.

White fringes also happen from creating the objects on a white background, selecting the white with the magic wand, and deleting. Hint: if you are using the magic wand, you’re probably making a mistake. The magic wand always leaves a fringe.

You may have used a more round about method of creating transparency than Photoshop’s built in layer transparency – cutting and pasting can do this in certain situations, or using an alpha channel whose shape matches that of the edges of the object.

Soon MS Exploder will support PNG transparency, and none of us will have to deal with matte colors at all. Then we can quit this vale of tears called GIF, and use the transparency method of the gods: premultiplied alpha. —
Mike Russell
www.curvemeister.com/forum/
2
2
Jun 12, 2006
The OP created the fringe through a selection/delete or something similar.

Mike – what if he uses layer-defringe next time?
MR
Mike Russell
Jun 12, 2006
"2" wrote in message
The OP created the fringe through a selection/delete or something similar.

Yep.

Mike – what if he uses layer-defringe next time?

That will probably work reasonably well as far as getting rid of the white pixels, but it may leave some dark gray ones. It’s not the best solution because defringe also changes the shape of the object slightly, so it’s better to avoid creating the fringe in the first place.

Creating a shape layer in the first place will result in a perfect shape with no fringe, as opposed to filling a selection, then inverting and deleting the selection, which will leave a fringe whose color matches that of the original background, white in this case.
—

Mike Russell
www.curvemeister.com/forum/

Must-have mockup pack for every graphic designer 🔥🔥🔥

Easy-to-use drag-n-drop Photoshop scene creator with more than 2800 items.

Related Discussion Topics

Nice and short text about related topics in discussion sections