How do I create a gif with a transparent background using Adobe Photoshop?

How do I create a .gif with a transparent background using Adobe Photoshop?

It’s a bit late in the evening to ask my web developer to do this. Here’s a screenshot of the image I’ve created:

example image

But I don’t want white around the letters — it should look more like it does here:

Here’s what I’ve done:

  • I downloaded the original .gif from the website files.
  • When I open it in Photoshop, the layer is locked and I can’t create a new layer…
  • … so I copy pasted it into a new .psd document and edited that
  • finally saved it as a .gif


When you save a GIF (export for web) you have the option to select a color to make it transparent. note that you only get to pick ONE color, so you will typically end up with halo’s around your image where it blends from your image into the original background color.

You’re better off getting the original PSD file and then saving it as a transparent PNG.

Source : Link , Question Author : Richard Clunan , Answer Author : DA01

Leave a Comment