Member Avatar for usmanabb

I need immediate help please

I have made a logo and client wants it in different formats. One of them is .gif(transparent) Logo contains Gradient as well when i convert it into transparent .gif the gradient disappears.

In attachments you can see the jpeg file which is OK but .gif is not fine. Need urgent help please. I have to send tomorrow and must finish it by now.

Thanks

Logo_Final_copy.GIF 10.31 KB Logo_Final_copy.jpg 49.12 KB
  • 3 Contributors
  • 8 Replies
  • 285 Views
  • 6 Hours Discussion Span
  • Latest Post Latest Post by Airshow

Dani AI

Generated

Practical, no-nonsense options to preserve the gradient and still satisfy a client asking for a "transparent GIF."

Building on 's points and 's GIMP test, the most robust approach is to deliver a vector and a full-alpha raster first: an SVG (or AI/EPS/PDF) plus a PNG-24 exported with true alpha. Those keep the gradient intact and scale cleanly. For a 136x160 logo the PNG file will be small and will visually match the original gradient far better than any indexed format.

If a GIF is absolutely required, prepare it as a purpose-built fallback rather than trying to force full alpha into GIF. In Photoshop: flatten the logo onto a transparent canvas, then use File > Export > Save for Web (Legacy) -> GIF. Set Colors high, use Diffusion dithering to preserve smoothness, and pick a Matte color that matches the page background where the logo will sit. Adding a tiny amount of noise (1-3%) to the gradient before indexing reduces banding after palette reduction. Each matte requires its own GIF export, so create 1–3 variants named with the matte color.

GIMP workflow (useful given 's attempt): add an alpha channel (Layer -> Transparency -> Add Alpha Channel) and export as PNG for the best result. To make a GIF, convert to Indexed (Image -> Mode -> Indexed) with an adaptive palette and dithering, then export — choose the appropriate matte/background in the export dialog.

Package recommendation: provide SVG/AI/EPS, a transparent PNG-24, plus 1–3 pre-matted GIFs (file names indicate matte color). Include small preview images placed over the real page colors so the client can pick the best matte. This covers modern needs while satisfying any legacy GIF requirement.

Recommended Answers

All 8 Replies

Member Avatar for Airshow

usmanabb,

What size is the original in px?

It's hard to tell from the way Daniweb serves image attachments.

Airshow

Member Avatar for Airshow

Problems problems. Can't separate the gradient from white background, which means it will look wrong on any other color.

Can you post the original PSD?

Airshow

Member Avatar for usmanabb

the size is

Width:136
Height:160

If I send you the PSD can you do it or can you tell me how to cuz I have tried every thing and nothing seems to get working for me.

Member Avatar for usmanabb

I have attached the PSD please download to see it.

Thanks

usman

Logo_Final_copy.psd (333.74 KB)
Member Avatar for Airshow

In fact it's worse than that!

Even with the original PSD, I would need to choose a matt color for the gradient to sit on. ie. would need to pre-emp the background color on which the gif will be placed.

You need to tell your client that transparent gif can be created but it's a nonsense due to the gradient.

Maybe offer to make several versions on different matts but they will need to tell you the colors.

Airshow

Member Avatar for usmanabb

Yeah Ok mate, thanks for your time.

Happy thread solving

Member Avatar for Member #46692

tried this in the gimp

shoot.gif 12.79 KB
Member Avatar for Airshow

Here's a selection on different matts (file names give matt colors)

Airshow

Logo_333333_matt.gif 9.21 KB Logo_999999_matt.gif 9.38 KB Logo_black_matt.gif 9.45 KB Logo_e0e0e0_matt.gif 9.75 KB Logo_white_matt.gif 9.94 KB
Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.