What's new
By:
Photoshop Gurus Forum

Welcome to Photoshop Gurus forum. Register a free account today to become a member! It's completely free. Once signed in, you'll enjoy an ad-free experience and be able to participate on this site by adding your own topics and posts, as well as connect with other members through your own private inbox!

Help in removing the white background from this image


R

RachealHitchcock

Member
Messages
5
Likes
0
Hi I really want to be able to use this logo on various colours / patterned backgrounds for use in flyer design. The issue I have is its a low quality image and the person does not have any other logo available for me to play around with. i'm quite new to photoshop and want to be able to remove this white background can someone assist me?


institution.jpg
 
The logo is for a very small event it has no copyright against it and was made by a friend. It is for a very small club night and i run a club night myself we are running an event together and he wants me to do something with it as it is very basic hence the low quality.
 
A friend made this for you for this event, you should get that friend to just remove the background he is obviously capable, and it would be much easier if he has the PSD file
 
no he is not capable I have already asked he does not have a psd file he only has a jpg he told me he made it in paint. he wants me to change this logo for him as he does not use photoshop . If you would like me to provide his contact details he can confirm this. this is for an event we are running together and i cannot create a flyer if I cant remove this background as its going to look amateur!!! is there no way you can help?
 
First I am not saying it's not possible, but at that low resolution the edges are very rough it'll take some skill with the pen tool to get a nice even edge, somebody with the skill will probably be along soon enough
 
Hi Racheal.

I made a duplicate of the original an turned it off.

On the Original copy layer, I used the Pen Tool to isolate the the lettering in order to preserve it. I stayed close to the black and outlined it. I did the "Institution" first. When done I right clicked and chose "make a selection", since the selection was in reverse, I inverted it by pressing Shift + Command + I, I then hit Command + J to copy the selection to it's own layer.

I then highlighted the Original copy layer again, an repeated the process for "Hardhouse".
I repeated it a last time for "NRG"

You should now have the Original layer, an Original copy layer, an Institution layer, a Hardhouse layer, and a NRG layer.
Screen Shot 2014-01-19 at 11.13.39 AM.png

Here are the isolated word layers with the Original copy layer turned off...
Screen Shot 2014-01-19 at 11.15.26 AM.png

Next, I highlighted the Original copy layer. I then double clicked the layer to open a layer style. On the layer style and under blending options and the Blend if section located at the bottom, on this layer I held the Option key and clicked the slider to make a separation, using the separated slider i moved it to the left to a setting of about 277. This removes the white background from the selected layer.
Screen Shot 2014-01-19 at 11.14.29 AM.png

Your left with a fairly nice image (even though the original was poor quality).
Screen Shot 2014-01-19 at 11.24.02 AM.png

If you now ant to combine all the layers, simply highlight the uppermost layer and hit Shift + Option + Command + E to merge all the visible layers into one separate layer. This preserves all the others just in case you need to come back and make any changes. Turn off all the other layers except the merged one, and group them if you like.
 
There's another way to do this.

Convert the jpg to Grayscale mode.

Create new layer. Fill White. Then create another layer . Hide these two layers.

In the Channels palette, CTRL + click grayscale channel . CTRL+Shift+I to inverse selection.

Unhide the two layers. Select the empty new layer in layer palette to make it the active layer. Fill selection Black. DESLECT.

Dar she blows.... save as a non background gif or png.



I forgot something... lol

Hide the original background image layer.

CTRL+click the logo layer to select the black pixels.

Inverse the selection.

Make the white background layer active.

With eraser tool , delete the white areas you don't need.

Another way is to use the lasso tool to create a selection around the logo clicking the selection points along the black lines. Inverse and delete white background.

Dar be da logo... save as previously suggested.
 
Great idea dv8, but when your done your transparent layer looks like this...

Screen Shot 2014-01-19 at 11.41.13 AM.png

Did I do it wrong?

edit: wait you added something!
 
This worked great dv8! The second step improved the black.
Screen Shot 2014-01-19 at 11.49.36 AM.png

I must be wrong, I thought she (the OP) wanted to preserve the coloration of the lettering.
 
You can make the logo darker by duplicating the logo layer and lowering the opacity to get the tone you want.


Another variation is to convert the image to LAB. This produces a darker tone on the logo. I sometimes prefer this method.

Convert to LAB.

In Channels palete, click/select the Lightness channel. this hides the other channels. Remember to CTRL+click the lightness channel to select the logo in the background layer to fill with black on the empty new layer.

proceed with the creation of layers , fills and background deletes.

Afterwhich you convert to grayscale or RGB (if desired).
 
IamSam said:
This worked great dv8! The second step improved the black.
View attachment 41281

I must be wrong, I thought she (the OP) wanted to preserve the coloration of the lettering.
Click to expand...

Which was covered in my addition.... to delete the surrounding background around the logo and unneeded areas in the white back-filled layer leaving a sort of mask within the text and parts of logo to use to change color or add texture if desired.

inst.jpg
 
Yeah, I skipped the invert selection step in the second set of instructions. Just found that mistake!

Great job and thanks!
 
IamSam said:
This worked great dv8! The second step improved the black.
View attachment 41281

I must be wrong, I thought she (the OP) wanted to preserve the coloration of the lettering.
Click to expand...


I see what you did on this one... you selected the logo , unhid the white layer , Inversed and deleted everything.

The white backing left behind will darken the logo. Which is why this try is darker.

The above additions I made is to delete unwanted areas surrounding and within the logo.
 


Write your reply...
Back
Top