how to make good transparancy?

M
Posted By
Mojtaba
Dec 25, 2003
Views
236
Replies
3
Status
Closed
LEVEL: BEGINNER
I have worked whole day to make a very simple logo in Photoshop 5 and PS levels. After managing to make it almost as as I like, I tried using export gif 89 to make it transparent such that I could use it on different background colors. The result was an ugly transparency with white pieces visible around texts. One may think I have cutthe white background badly. Is there any tricks which I ma not aware of?

Merry Christmess

Mojtaba
Related Tags
good how make transparency

How to Improve Photoshop Performance

Learn how to optimize Photoshop for maximum speed, troubleshoot common issues, and keep your projects organized so that you can work faster than ever before!

E
edjh
Dec 25, 2003
Mojtaba wrote:

LEVEL: BEGINNER
I have worked whole day to make a very simple logo in Photoshop 5 and PS levels. After managing to make it almost as as I like, I tried using export gif 89 to make it transparent such that I could use it on different background colors. The result was an ugly transparency with white pieces visible around texts. One may think I have cutthe white background badly. Is there any tricks which I ma not aware of?
Merry Christmess

Mojtaba

This is caused by anti-aliasing on the logo, which you do want to keep it from being jaggy. The problem is you need a "matte" color which in later versions of Photoshop is easier to do.

Try this: select a color that is close to what you think your major background color will be. Make a layer underneath the logo and fill with this color. Ctri-click on the logo in the Layers Palette to make a selection and inverse the selection (Shift-Ctrl-I) hit Delete. Now merge the the layers. Export as gif. Your white halo will now be similar to the background color of your page and give the illusion of fading into the backgound better.

If you are going to use it on a wide variety of background colors you may have to make more than one version.

—
Comic book sketches and artwork:
http://www.sover.net/~hannigan/edjh.html
PF
Paul Furman
Dec 25, 2003
You might also play with expanding the selection afterwards a few pixels to capture only the fuzzy edge and make it trasparent outside that if it’s going on top of a pattern or background image. This is after following the steps described by edjh.

edjh wrote:

Mojtaba wrote:

LEVEL: BEGINNER
I have worked whole day to make a very simple logo in Photoshop 5 and PS levels. After managing to make it almost as as I like, I tried using export gif 89 to make it transparent such that I could use it on different background colors. The result was an ugly transparency with white pieces visible around texts. One may think I have cutthe white background badly. Is there any tricks which I ma not aware of?
Merry Christmess

Mojtaba

This is caused by anti-aliasing on the logo, which you do want to keep it from being jaggy. The problem is you need a "matte" color which in later versions of Photoshop is easier to do.

Try this: select a color that is close to what you think your major background color will be. Make a layer underneath the logo and fill with this color. Ctri-click on the logo in the Layers Palette to make a selection and inverse the selection (Shift-Ctrl-I) hit Delete. Now merge the the layers. Export as gif. Your white halo will now be similar to the background color of your page and give the illusion of fading into the backgound better.

If you are going to use it on a wide variety of background colors you may have to make more than one version.
M
Mojtaba
Dec 28, 2003
Thanks to both of you. Your soloution solved my problem.

Mojtaba

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