Jump to content


Photo

Making Backgrounds of Images Transparent


  • Please log in to reply
303 replies to this topic

#1 Hannah Prower

Hannah Prower
  • Members
  • 50 posts
  • LocationUnited States
  • Reputation:1

Posted 19 January 2007 - 11:23 PM

I have no clue if some of you know how to do this already, but I will show you how to make the backgrounds of images with solid white backgrounds transparent.

Step 1: Go to File-->Open :FileOpen: and open the image in which you want to make the background transparent.

Before:

Posted Image
Step 4: Select the Magic Wand tool :MagicWandTool: and set the Tolerance level to 25% (or anything depending on your image. I would recommend 25% for sprites/pixel images.). Click somewhere on the background.

Step 5: Go to Edit-->Cut. :EditCut: You should see a "checkerboard" pattern where the image is now transparent.

Step 6: File-->Save As... :SaveAs:

Select a file type of PNG or GIF before clicking the Save button.

After:

Posted Image

This is a good tut for newbies who want to learn how to do this.
  • 1

#2 Illnab1024

Illnab1024
  • Members
  • 1,300 posts
  • LocationMiddle Tennessee
  • Reputation:6

Posted 19 January 2007 - 11:27 PM

Steps 1 2 and 3 can be achieved by simply opening th file

And This is simply a how-to on the magic wand.
  • 3
~~

#3 Hannah Prower

Hannah Prower
  • Members
  • 50 posts
  • LocationUnited States
  • Reputation:1

Posted 19 January 2007 - 11:34 PM

Hey, work with me here. I'm still kinda new to PDN.
  • 0

#4 Rick Brewster

Rick Brewster

    Paint.NET Author and Developer

  • Administrators
  • 13,115 posts
  • LocationKirkland, WA
  • Reputation:230

Posted 20 January 2007 - 12:01 AM

We are working with you :)
  • 0
The Paint.NET Blog: http://blog.getpaint.net/
Donations are always appreciated! http://www.getpaint.net/donate.html

Posted Image

#5 Hannah Prower

Hannah Prower
  • Members
  • 50 posts
  • LocationUnited States
  • Reputation:1

Posted 20 January 2007 - 12:39 AM

LOL yeah. This tut will be good for newbies to PDN who desperately want to know how to make the backgrounds of images transparent. I was desperate, until I discovered how to do it myself.
  • 0

#6 FoolNamedJon

FoolNamedJon
  • Newbies
  • 7 posts
  • Reputation:0

Posted 04 February 2007 - 06:45 AM

Get rid of the white somehow. Use the eraser, or use any selection tool to select the white and delete it.

Then save as whatever file type you need..
  • 0

#7 Hannah Prower

Hannah Prower
  • Members
  • 50 posts
  • LocationUnited States
  • Reputation:1

Posted 11 February 2007 - 04:18 AM

Re Hannahs tut
I tried it to remove the box from behind the image but it did not work - using the magic wand. I am VERY new to this program and would really like to know how to just have the image that I have cropped out and not the box in the back ground. In "dummy" language please :?

Posted Image


Your image is going to be a little bit harder because part of the Wolf's face is somewhat white. I would recommend using a tolerance level of about 15%
  • 0
Posted Image

#8 El Sid

El Sid
  • Members
  • 50 posts
  • LocationSydney, NSW, Australia
  • Reputation:0

Posted 11 February 2007 - 01:29 PM

As Long As It's Not A Crappy Jpeg Or Maybe A Crappy Gif, A Tolerance Level Of 0% Would Work....

EDIT: NEVER Save As Jpeg, Those Things Are <No cursing.>, PNG FTGDMFW
  • 0

#9 aatwo

aatwo
  • Members
  • 563 posts
  • Reputation:0

Posted 11 February 2007 - 03:53 PM

PNG FTGDMFW


Lol so true.
  • 0

#10 George5

George5
  • Newbies
  • 7 posts
  • Reputation:0

Posted 17 March 2007 - 03:09 AM

Lol, Awwwww
  • 0

#11 faileas

faileas
  • Members
  • 21 posts
  • Reputation:0

Posted 17 March 2007 - 04:00 AM

Its a lot more time consuming but the method i used in my icons tutorial is more foolproof. Create a background layer that is a contrasting colour. erase an area around the subject. Delete unwanted areas. select background layer again and delete- you will have your image in a transparent BG. Use as needed.

As for saves. right until the final version, i tend to use the native format, and THEN when needed, i save as whats needed. makes more sense that way ;p
  • 0

#12 Oscar Enix

Oscar Enix
  • Newbies
  • 6 posts
  • LocationEngland
  • Reputation:0

Posted 18 March 2007 - 02:44 AM

Is there a way to make the background of a bmp file transparent?
Maybe I'm doing something wrong!!
  • 0

#13 faileas

faileas
  • Members
  • 21 posts
  • Reputation:0

Posted 18 March 2007 - 02:51 AM

BMP seems to support transparency, but in a limited sense... your better off with PNG
  • 0

#14 Helio

Helio
  • Members
  • 1,954 posts
  • LocationMichigan, USA
  • Reputation:2

Posted 18 March 2007 - 01:54 PM

BMP does not support transparency. Period. It is possible to save an alpha channel in a separate file, but, 'tis much easier to use PNG. And, BMP's are usually not compressed, making them much larger than compressed file formats.
  • 0

v An excellent open–source strategy game—highly recommended.
Posted Image

"I wish I had never been born," she said. "What are we born for?"
"For infinite happiness," said the Spirit. "You can step out into it at any moment..."


#15 Oscar Enix

Oscar Enix
  • Newbies
  • 6 posts
  • LocationEngland
  • Reputation:0

Posted 18 March 2007 - 02:09 PM

Thanks...you guys.....

It not that I haven't considered saving it as different file format...it just that it is the mandatory file format for a guild emblem I'm making for a online game I'm playing.
  • 0

#16 thatguy72001

thatguy72001
  • Newbies
  • 6 posts
  • Reputation:0

Posted 05 April 2007 - 12:13 AM

Edit by Rick: Removed SPAM. thatguy72001 is now banned.
  • 0

#17 Illnab1024

Illnab1024
  • Members
  • 1,300 posts
  • LocationMiddle Tennessee
  • Reputation:6

Posted 05 April 2007 - 12:14 AM

Stop spamming.
  • 0
~~

#18 startreksuite

startreksuite
  • Members
  • 295 posts
  • LocationBoston, MA , USA
  • Reputation:1

Posted 05 April 2007 - 03:17 AM

Hannah's method works easy with images that do have a stark contrast, such as a brown bear on a white background. I don't always have a steady hand when tracing around something, but I probably will mainly use the cutout approach. :wink:
  • 0

#19 RW-1

RW-1
  • Newbies
  • 9 posts
  • LocationDFB, FL.
  • Reputation:0

Posted 05 April 2007 - 01:03 PM

I've done with the wand, but also by just pasting it in a layer and the eraser for areas I don't want.

Hard to do on a smaller image, have to blur or feather to get a nice edge. If possible always try to use a large image you can edit the surrounding areas and then rescale it down IMO.
  • 0
Posted Image

#20 McRebelz

McRebelz
  • Newbies
  • 8 posts
  • LocationLawrence, Kansas
  • Reputation:0

Posted 06 April 2007 - 05:04 AM

Posted Image
  • 0
Edit by Rick: Your sig was way too big, so I have removed it. Please read the rules.