Quantcast

Jump to content

» «
Photo

[TUT]Making images transparent(Beginners)

45 replies to this topic
Michael.
  • Michael.

    Rat

  • Members
  • Joined: 24 Aug 2009

#1

Posted 04 January 2010 - 11:58 AM Edited by Michael., 16 June 2010 - 02:05 PM.

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
  • ten-a-penny likes this

Narcis_speed6
  • Narcis_speed6

    The Saint

  • The Connection
  • Joined: 28 Feb 2008
  • None
  • Most Talented [Expression] 2012
    Most Helpful [Expression] 2012
    Most Helpful 2011
    Most Talented [Expression] 2011
    Most Helpful [Expression] 2011
    Best Member in a Group 2011
    Most Helpful [GTA Series] 2011
    Most Respected 2010
    Most Helpful 2010
    Most Talented [Visual Arts] 2010
    Most Helpful [Visual Arts] 2010
    Most Helpful [GTA Series] 2010

#2

Posted 04 January 2010 - 12:09 PM

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

-magic wand
-eraser tool
-pen tool

Michael.
  • Michael.

    Rat

  • Members
  • Joined: 24 Aug 2009

#3

Posted 04 January 2010 - 12:12 PM Edited by Michael., 04 January 2010 - 12:14 PM.

QUOTE (Narcis_speed6 @ Jan 4 2010, 07:09)
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.

Narcis_speed6
  • Narcis_speed6

    The Saint

  • The Connection
  • Joined: 28 Feb 2008
  • None
  • Most Talented [Expression] 2012
    Most Helpful [Expression] 2012
    Most Helpful 2011
    Most Talented [Expression] 2011
    Most Helpful [Expression] 2011
    Best Member in a Group 2011
    Most Helpful [GTA Series] 2011
    Most Respected 2010
    Most Helpful 2010
    Most Talented [Visual Arts] 2010
    Most Helpful [Visual Arts] 2010
    Most Helpful [GTA Series] 2010

#4

Posted 04 January 2010 - 12:18 PM

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

user posted image
CODE
http://i49.tinypic.com/1yr3op.png


Michael.
  • Michael.

    Rat

  • Members
  • Joined: 24 Aug 2009

#5

Posted 04 January 2010 - 12:21 PM

QUOTE (Narcis_speed6 @ Jan 4 2010, 07:18)
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.

M|chael
  • M|chael

    still cooler than the other side of your pillow

  • Members
  • Joined: 18 Apr 2009

#6

Posted 04 January 2010 - 12:27 PM

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.

Michael.
  • Michael.

    Rat

  • Members
  • Joined: 24 Aug 2009

#7

Posted 04 January 2010 - 12:59 PM

QUOTE (M|chael @ Jan 4 2010, 07:27)

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.

markjaysongalang
  • markjaysongalang

    MarkJ-0699

  • Members
  • Joined: 31 May 2009

#8

Posted 04 January 2010 - 01:09 PM

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

Michael.
  • Michael.

    Rat

  • Members
  • Joined: 24 Aug 2009

#9

Posted 04 January 2010 - 02:01 PM

QUOTE (markjaysongalang @ Jan 4 2010, 08:09)
Just a little add, I'm using CS1 before and this works.

Thanks.
Useful information.
It means you can do it with all versions.

Benjimino234
  • Benjimino234

    ♤ ♡ ♢ ♧

  • Members
  • Joined: 03 Dec 2006

#10

Posted 04 January 2010 - 02:56 PM

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.

Slave Boy
  • Slave Boy

    Enslaved

  • The Connection
  • Joined: 03 May 2008
  • Finland
  • Most Talented GFX Artist 2013

#11

Posted 04 January 2010 - 04:16 PM

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.mehdiplug...aserclassic.htm
http://www.mehdiplug...asergenuine.htm

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

LosAngelesTime
  • LosAngelesTime

    you just got NAILED by Niko Bellic

  • BUSTED!
  • Joined: 31 Dec 2009

#12

Posted 13 January 2010 - 11:01 PM

How does this work on GIMP?

Free

free

free

Gimp

Michael.
  • Michael.

    Rat

  • Members
  • Joined: 24 Aug 2009

#13

Posted 11 April 2010 - 01:11 PM

QUOTE (LosAngelesTime @ Jan 13 2010, 18:01)
How does this work on GIMP?

Free

free

free

Gimp

I don't have gimp.

The Guru
  • The Guru

    Ghetto Star

  • The Connection
  • Joined: 15 Jun 2009
  • None
  • Picture of the Year 2010

#14

Posted 11 April 2010 - 03:06 PM

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?

Cheat
  • Cheat

    the only people for me are the mad ones

  • The Connection
  • Joined: 23 Mar 2009

#15

Posted 11 April 2010 - 03:23 PM

Is it just me or does this actually look better than the Eraser Tool?

Michael.
  • Michael.

    Rat

  • Members
  • Joined: 24 Aug 2009

#16

Posted 12 April 2010 - 10:21 AM

QUOTE (The Guru @ Apr 11 2010, 10:06)
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.

TheBoneCountyButcher
  • TheBoneCountyButcher

    Ain't That Some sh*t

  • Members
  • Joined: 17 Feb 2006
  • United-Kingdom

#17

Posted 12 April 2010 - 11:21 AM

Added to GFX Library

Narcis_speed6
  • Narcis_speed6

    The Saint

  • The Connection
  • Joined: 28 Feb 2008
  • None
  • Most Talented [Expression] 2012
    Most Helpful [Expression] 2012
    Most Helpful 2011
    Most Talented [Expression] 2011
    Most Helpful [Expression] 2011
    Best Member in a Group 2011
    Most Helpful [GTA Series] 2011
    Most Respected 2010
    Most Helpful 2010
    Most Talented [Visual Arts] 2010
    Most Helpful [Visual Arts] 2010
    Most Helpful [GTA Series] 2010

#18

Posted 12 April 2010 - 11:39 AM

QUOTE (gta_talk @ Apr 12 2010, 11:21)
Added to GFX Library

you have made a mistake on the name
M|chael instead of Michael.

EduardKoeleJuck
  • EduardKoeleJuck

    Gangsta

  • Members
  • Joined: 26 Oct 2008

#19

Posted 12 April 2010 - 05:58 PM

Good tutorial, I'm sure a lot of users would find this helpful.

Otter
  • Otter

    sea dwelling madman

  • Moderator
  • Joined: 30 Jan 2003
  • Canada

#20

Posted 12 April 2010 - 06:02 PM

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.

The Guru
  • The Guru

    Ghetto Star

  • The Connection
  • Joined: 15 Jun 2009
  • None
  • Picture of the Year 2010

#21

Posted 13 April 2010 - 12:43 AM

QUOTE (Otter @ Apr 12 2010, 20:02)
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

Michael.
  • Michael.

    Rat

  • Members
  • Joined: 24 Aug 2009

#22

Posted 13 April 2010 - 05:28 PM

QUOTE (Otter @ Apr 12 2010, 13:02)
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

AB0333
  • AB0333

    ___________

  • BUSTED!
  • Joined: 29 Jul 2009

#23

Posted 18 June 2010 - 11:58 AM

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

Narcis_speed6
  • Narcis_speed6

    The Saint

  • The Connection
  • Joined: 28 Feb 2008
  • None
  • Most Talented [Expression] 2012
    Most Helpful [Expression] 2012
    Most Helpful 2011
    Most Talented [Expression] 2011
    Most Helpful [Expression] 2011
    Best Member in a Group 2011
    Most Helpful [GTA Series] 2011
    Most Respected 2010
    Most Helpful 2010
    Most Talented [Visual Arts] 2010
    Most Helpful [Visual Arts] 2010
    Most Helpful [GTA Series] 2010

#24

Posted 18 June 2010 - 12:31 PM

magic wand tool is not doing the job always, if you want a clean cut you should remain to erase or pen tool

AB0333
  • AB0333

    ___________

  • BUSTED!
  • Joined: 29 Jul 2009

#25

Posted 18 June 2010 - 12:34 PM

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

Kuruma.
  • Kuruma.

    turnt up

  • The Yardies
  • Joined: 08 Jan 2010
  • Scotland

#26

Posted 19 June 2010 - 07:38 PM

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

Michael.
  • Michael.

    Rat

  • Members
  • Joined: 24 Aug 2009

#27

Posted 23 June 2010 - 11:06 AM

QUOTE (gta3kuruma @ Jun 19 2010, 14:38)
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.

Blizzard14
  • Blizzard14

    Get out of here STALKER!

  • Members
  • Joined: 14 Sep 2008

#28

Posted 27 June 2010 - 05:32 AM Edited by Blizzard14, 27 June 2010 - 05:36 AM.

QUOTE (Michael. @ Jun 23 2010, 04:06)
QUOTE (gta3kuruma @ Jun 19 2010, 14:38)
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.

pauliux2
  • pauliux2

    Homie

  • Members
  • Joined: 31 Oct 2009

#29

Posted 11 December 2010 - 06:30 PM

when i press delete nothing happens

CCPD
  • CCPD

    Boss

  • Members
  • Joined: 01 May 2006
  • None

#30

Posted 11 December 2010 - 06:34 PM

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




1 user(s) are reading this topic

0 members, 1 guests, 0 anonymous users