Jump to content

[TUT]Making images transparent(Beginners)


Michael.

Recommended Posts

 

user posted image

 

(Removing the white background)

 

 

user posted image

 

(ANY VERSION)

 

 

I bet most of the GTAForums users know how to make images transparent.

Like it says in the title of this topic, this is for the beginners - so it's gonna teach novice

Photoshop users how to do it, so they don't have to request it.

 

We're gonna start with this image:

 

user posted image

 

Let's remove the white background:

 

STEP NUMBER
INSTRUCTIONS
SCREENSHOTS

 

Step 1Open Adobe Photoshop and import your image.
-
Step 2Double click on your image layer to unlock it.Click OK.
Click->Click

 

Step 3Pick the "Magic wand" tool.
Click
Step 4Click on the background you want to remove to make a selection.
Click
Step 5Press the Delete key on your keyboard to delete the background.
Click
Step 6Press CTRL and D on your keyboard to deselect. Save it as a PNG file format.
-

Here's the final result:

user posted image

 

The edges turned out really bad, let's edit them!

(Let's add an inner stroke)

 

 

user posted image

 

To add a stroke, Right click on your image layer and go to blending options.

Choose the "stroke", make the color similar to the edge of your original image,

and use the settings:

 

• Size: 1px

• Position: Inside

• Blend mode: Normal

• Opacity: 100%

• Fill Type: Color

 

You should get something like this:

(Save it as a PNG file)

 

user posted image

Edited by Michael.
  • Like 1
Link to comment
Share on other sites

Narcis_speed6

good for begginers, the transparency can be made in different ways

 

-magic wand

-eraser tool

-pen tool

Link to comment
Share on other sites

 

good for begginers, the transparency can be made in different ways

 

-magic wand

-eraser tool

-pen tool

I know.

But this is the way i first learned this, so i made it this way.

It's good for beginners anyway....like you said.

Edited by Michael.
Link to comment
Share on other sites

Narcis_speed6

or you can give it an inner stroke to mask the edges

 

user posted image

 

http://i49.tinypic.com/1yr3op.png

 

 

Link to comment
Share on other sites

or you can give it an inner stroke to mask the edges

 

 

I know, this were just the basics to remove the white.

But thanks anyway, maybe i include it in the tutorial.

Link to comment
Share on other sites

Is there a poliganal select tool or such (maybe an alternative) in PS? (Ie it gives you the ability to physically draw in each point of the marquee? )

Thats what I use in Fireworks to make a selection around the thing I want to delete (and so far thats by far the best way Ive found of doing it for me anyway)

 

Using a wand is lazy, and will produce generally bad results, as it wont remove (in your case) where the black edge has blended with the white background, so your left with a grey halo around every edge.

Link to comment
Share on other sites

Using a wand is lazy, and will produce generally bad results, as it wont remove (in your case) where the black edge has blended with the white background, so your left with a grey halo around every edge.

I know that wand doesn't produce very good results, but when you mask the edges a little bit - it's not that bad.

Link to comment
Share on other sites

Just a little add, I'm using CS1 before and this works.

Thanks.

Useful information.

It means you can do it with all versions.

Link to comment
Share on other sites

Benjimino234

I use the wand most of the time, but masking does produce better results. And you can always use the lasso to add or take from the wand selection to fix it. The Magic Wand is not lazy.

 

But anyway, good beginner tut.

Link to comment
Share on other sites

Here are 2 nice free plugins for Windows which I have found quite useful time-to-time to make some complex images transparent fast.

Called EraserClassic and EraserGenuine:

http://www.mehdiplugins.com/english/eraserclassic.htm

http://www.mehdiplugins.com/english/erasergenuine.htm

 

They should work on any .8b plugin host, tested with Corel Photo-Paint, Photoshop CS11, Jasc Paint Shop Pro 7.04...and IrfanView.

spacer.png

Link to comment
Share on other sites

  • 2 weeks later...
LosAngelesTime

How does this work on GIMP?

 

Free

 

free

 

free

 

Gimp

user posted image

user posted image

user posted image

user posted image

 

If you click my userbars, it will link you to their official sites

Link to comment
Share on other sites

  • 2 months later...
The person who asked the question is banned. Why did you bump the topic to answer to a person who clearly won't see this topic again?

The butcher, the baker, time to meet your maker

Tell you to your face, you ain't nuttin but a faker

Link to comment
Share on other sites

The person who asked the question is banned. Why did you bump the topic to answer to a person who clearly won't see this topic again?

My bad, didn't see he was banned.

Link to comment
Share on other sites

Narcis_speed6

 

Added to GFX Library

you have made a mistake on the name

M|chael instead of Michael.

Link to comment
Share on other sites

Another quick tip - as opposed to using the inner stroke. Once the background color is removed, go to the Layer menu. Layer>Matting>Defringe. Usually a one or two pixel setting will do the trick.

Link to comment
Share on other sites

Another quick tip - as opposed to using the inner stroke. Once the background color is removed, go to the Layer menu. Layer>Matting>Defringe. Usually a one or two pixel setting will do the trick.

Wow, thanks. That works too biggrin.gif

The butcher, the baker, time to meet your maker

Tell you to your face, you ain't nuttin but a faker

Link to comment
Share on other sites

Another quick tip - as opposed to using the inner stroke. Once the background color is removed, go to the Layer menu. Layer>Matting>Defringe. Usually a one or two pixel setting will do the trick.

Ok, thanks for the tip

Link to comment
Share on other sites

  • 2 months later...

Is "magic wand tool" in Photoshop same as "eraser tool" in GIMP? I mean do you have to crop the wanted picture manually?

 

W3WQuU9.jpg

All the kids that surrounded me had superheroes - superman, spiderman etc. Paul was my superhero.

Damn you, Carrera GT.

Link to comment
Share on other sites

Narcis_speed6
magic wand tool is not doing the job always, if you want a clean cut you should remain to erase or pen tool
Link to comment
Share on other sites

Don't worry, I've just installed Photoshop. I found the answer. happy.gif

W3WQuU9.jpg

All the kids that surrounded me had superheroes - superman, spiderman etc. Paul was my superhero.

Damn you, Carrera GT.

Link to comment
Share on other sites

will this work in gimp too as it is very similar to photoshop

I'm not sure as i'm not that good in gimp, but you can try.

Link to comment
Share on other sites

 

will this work in gimp too as it is very similar to photoshop

I'm not sure as i'm not that good in gimp, but you can try.

Bumpity

 

Yeah, for GIMP, its: (After Using the Paths Tool)

 

"Select", "From Path"

"Layer", "Transparency", "Add Alpha channel"

"Select", "Invert"

"Edit", "clear", Save as .PNG

* And if you need to,

"Image", Autocrop Image"

 

At least that's how I've been doing it.

Edited by Blizzard14
Link to comment
Share on other sites

  • 5 months later...

Right mouse click on selected area and left mouse click on delete. Make sure you actually select the area you want to make transparent.

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • 1 User Currently Viewing
    0 members, 0 Anonymous, 1 Guest

×
×
  • Create New...

Important Information

By using GTAForums.com, you agree to our Terms of Use and Privacy Policy.