21.01.2015 Views

How to make a Transparent GIF in Photoshop - MFC home page

How to make a Transparent GIF in Photoshop - MFC home page

How to make a Transparent GIF in Photoshop - MFC home page

SHOW MORE
SHOW LESS

You also want an ePaper? Increase the reach of your titles

YUMPU automatically turns print PDFs into web optimized ePapers that Google loves.

<strong>How</strong> <strong>to</strong> <strong>make</strong> a <strong>Transparent</strong> <strong>GIF</strong> <strong>in</strong> Pho<strong>to</strong>shop<br />

http://www.mediacollege.com/graphics/pho<strong>to</strong>shop/transparent/gif.html<br />

1 of 2 11/20/2005 4:01 PM<br />

Video Audio Graphics Internet Misc Glossary<br />

Forums Downloads Equipment S<strong>to</strong>re L<strong>in</strong>ks Search<br />

Home : Graphics : Pho<strong>to</strong>shop : Transparency : <strong>GIF</strong><br />

<strong>How</strong> <strong>to</strong> Create a <strong>Transparent</strong> <strong>GIF</strong> <strong>in</strong> Pho<strong>to</strong>shop<br />

This <strong>page</strong> demonstrates how <strong>to</strong> use Adobe Pho<strong>to</strong>shop <strong>to</strong> create a transparent area <strong>in</strong> a <strong>GIF</strong> image. The most<br />

common reason for do<strong>in</strong>g this is <strong>to</strong> create a transparent background.<br />

Example<br />

This image has no transparency - the background is white. As long as the image is on a white background there's<br />

no problem - it looks transparent anyway.<br />

If the image is placed on a coloured background, the lack of transparency becomes obvious.<br />

If the white background is made transparent the image will blend nicely <strong>in</strong><strong>to</strong> (almost) any coloured background.<br />

Creat<strong>in</strong>g Transparency<br />

If necessary, zoom <strong>in</strong> on the image so you can clearly see the edges.<br />

Us<strong>in</strong>g the magic wand or lasso <strong>to</strong>ol, select the area you want <strong>to</strong> be transparent.<br />

Note: You may want <strong>to</strong> experiment a few times with the <strong>to</strong>lerance and anti-alias<strong>in</strong>g<br />

sett<strong>in</strong>gs <strong>to</strong> get just the right selection.<br />

Hit the Delete but<strong>to</strong>n. The selected area is removed and a checkered background<br />

becomes visible. This background is not part of the image - it is there <strong>to</strong> show you which<br />

parts of the image will be transparent.<br />

From the File menu select Save As... and save the image as a <strong>GIF</strong>. A w<strong>in</strong>dow will prompt you for colour options -<br />

<strong>make</strong> sure the <strong>Transparent</strong> option is checked.


<strong>How</strong> <strong>to</strong> <strong>make</strong> a <strong>Transparent</strong> <strong>GIF</strong> <strong>in</strong> Pho<strong>to</strong>shop<br />

http://www.mediacollege.com/graphics/pho<strong>to</strong>shop/transparent/gif.html<br />

2 of 2 11/20/2005 4:01 PM<br />

Note: Experiment with the other options <strong>in</strong> this w<strong>in</strong>dow <strong>to</strong> see how various comb<strong>in</strong>ations work. These can <strong>make</strong><br />

a difference <strong>to</strong> th<strong>in</strong>gs such as how smoothly the edges of the image fade <strong>in</strong><strong>to</strong> transparency.<br />

If you have any questions please ask <strong>in</strong> our Graphics Forum.<br />

Pho<strong>to</strong>shop Tu<strong>to</strong>rial<br />

Learn Pho<strong>to</strong>shop visually with this<br />

comprehensive learn<strong>in</strong>g tu<strong>to</strong>rial.<br />

Free Adobe Pho<strong>to</strong>shop<br />

Adobe Pho<strong>to</strong>shop CS Upgrade<br />

Free & easy. Get Yours Now!<br />

Pho<strong>to</strong>shop CS2 - $299<br />

Qualify <strong>to</strong> purchase a full version<br />

of Pho<strong>to</strong>shop CS2 for just $299<br />

11x17 Transparency Film<br />

11x17 & 13x19 All Types All Sizes<br />

Low Prices Buy On L<strong>in</strong>e and Save<br />

www.mediacollege.com - About Us - Contact Us<br />

All content is © Copyright Wavelength Media except where stated otherwise. Usage is subject <strong>to</strong> Terms & Conditions.

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!