Advertisement


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


Question

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: http://wordfruit.com

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
2011/07/12
1
8
7/12/2011 11:48:00 AM

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.

2011/07/11
15
7/11/2011 11:30:00 PM