| Home | “Therefore, I’ve decided to create my own tutorial web page on the subject.” |

Tutorial: Make an Image’s Background Transparent using Photoshop

By Howard Charles Best, April 8, 2009

(LLBest.com)

Every few years, I find the need to use an image in one of my web pages of something that I've purchased. Usually, the image that I find has a white background. Because of the rainbow background of my web pages, I then want to change the background of the image to transparent. Since it’s been years since I’ve done it, I invariably have to do a search on the Internet in order to relearn how to do it. Either the tutorials are not very clear, or they don’t work with the latest versions of Photoshop. Therefore, I’ve decided to create my own tutorial web page on the subject. Here it is:

1. Load Photoshop.

2. Open the image file. For example:

Lexar 2GB FireFly USB JumpDrive

3. Right click on the Photoshop Eraser Tool (), and select Magic Eraser Tool.

4. Make sure that “Opacity” is set to 100%

5. Click on the part(s) of the image that you want to make transparent. (The transparent areas will show as a light gray and white checkerboard pattern.) If a particular area didn’t turn out the way that you wanted it to, undo it, and try a different “Tolerence” setting. (In this particular case, I used a tolerence setting of 23 for both areas.)

6. Click Image / Trim….

7. Make sure that Transparent Pixels, Top, Bottom, Left and Right are all checked.

8. Click “OK“.

9. Save the image as a .png file, selecting either “None” or “Interlaced.” (The interlace selection will determine how the image loads onto your web page and will only be noticeable if the image loads slowly) For example:

Lexar 2GB FireFly USB JumpDrive

---

| Home | THIS WEB PAGE URL: http://LLBest.com/?P=6n |