How to extract logo from an image?

TR
Posted By
Tony_Rabiee
Jul 22, 2008
Views
1266
Replies
34
Status
Closed
Hi everyone, I have an image with our company logo on it that I need to single out so that I can use it on other documents. How would I extract the "Inverness Landing" logo from this image?

<http://www.invernesslandingapts.com/images/lgproperty.jpg>

need to have it on a blank background…is this possible in photoshop?

Thanks in advance

Must-have mockup pack for every graphic designer 🔥🔥🔥

Easy-to-use drag-n-drop Photoshop scene creator with more than 2800 items.

JJ
John Joslin
Jul 22, 2008
You can extract it by cropping and then selecting it and erasing the background but it will be a rather smudgy collection of pixels.

<http://imageshack.us>

If you have access to the original (which was probably vector art or at least a clean copy) you would be better served.
P
Phosphor
Jul 22, 2008
Looks pretty straightforward and simple. If you can’t find an original vector version of the logo, it’d be pretty easy to rebuild from scratch.

I’d use Illustrator, but that’s just me. I’m more adept with the vector tools and functions in AI than I am with the vector tools in PS.
O
OldBob
Jul 22, 2008
The font is a version of the Optima family and the ‘swooshes’ (for lack of a better term) are fairly basic. I too would vote rebuild in your favorite vector program (I’d use AI). Rebuilding would probably take the same or less time than cleaning up that logo and the result would be much, much better.
TR
Tony_Rabiee
Jul 22, 2008
I guess it does make more sense to rebuild it. I do have access to Illustrator, I’ve just never used it…but I’ll give it a shot. Thanks for the help

– Anthony
O
OldBob
Jul 22, 2008
Total time: 4 min. 27 sec. (I couldn’t resist 😉 )

It’s an AI version 10 (56.3 kb Black & white). The questions are;

1) Do you want it?

2) How do I get it to you?

My email address is currently visible in my profile.
P
PTWO
Jul 22, 2008
wrote in message
Hi everyone, I have an image with our company logo on it that I need to single out so that I can use it on other documents. How would I extract the "Inverness Landing" logo from this image?

<http://www.invernesslandingapts.com/images/lgproperty.jpg>
need to have it on a blank background…is this possible in photoshop?

Instead of trying to extract, perhaps it is easier to paint black everything outside the logo. However, you’d lose the shadow effect and it would look flat.

Assuming you have hired someone to create the logo, couldn’t you ask them to give you a vector version? Why duplicate the work yourself?
JJ
John Joslin
Jul 22, 2008
Bloody newsreaders!
DM
dave_milbut
Jul 22, 2008
what john meant to say ptwo, is can you please turn off your autoquote when posting here?

feel free to quote a single relevant line or 2 but there’s no need to repost the entire post you’re responding to. this is basically a web forum that’s echoed to the newsgroups not really a pure newsgroup.
TR
Tony_Rabiee
Jul 29, 2008
Here is what ended up working best for me. First, I did find a much better copy of the logo, which I scanned from a sheet with our letterhead. I loaded that into Illustrator, and used Live Trace. Since it was mostly black and white, it made a great copy. Then, I just used the paint bucket to fill in the black logo with white and make the background black.

OldBob: I’d love to see what you came up with. If you don’t mind, please email me at this address:

Thanks everybody
DM
dave_milbut
Jul 29, 2008
that kind of defeats the purpose of this forum tony, which is to share and help as many people as possible. please keep it on forum if it’s related (and not sensitive material).

thanks, dave
J
jcates
Jul 29, 2008
If you can identify that font or already know what it is, recreating the whole thing in Illy would be a snap; all you’d have to do is create one of the waves and copy it.

If you don’t know the font, crop around it and upload it to: <http://www.myfonts.com/WhatTheFont/>

They’ve helped me figure out font identities more than I’d like to admit.
TR
Tony_Rabiee
Jul 29, 2008
Dave, not sure if you’re referring to asking Oldbob to email it to me privately, but if he does send it, I will upload it and post a link.

By the way, here is what I came up with:

< http://farm4.static.flickr.com/3202/2714180805_38772196c9_b. jpg>

< http://farm4.static.flickr.com/3020/2714180201_98178507d0_o. jpg>
P
Phosphor
Jul 29, 2008
OUCH!

That’s not acceptable!!!

Go find the font and try again.
J
jcates
Jul 29, 2008
Hehe… Live Trace at work.

Yeah, find the font and do the wave manually. It’s not a complex piece so it shouldn’t take too long to do if you’re familiar with the pen tool.
TR
Tony_Rabiee
Jul 29, 2008
Do those look grainy/choppy? I guess so.

Ok, I loaded the image into illustrator, and zoomed way in, and now am putting the vector points around the waves. I guess this is what you guys mean buy "hand tracing". I’ll post a link when I have something to show.
TR
Tony_Rabiee
Jul 29, 2008
Here is one of the waves that I traced:

< http://farm4.static.flickr.com/3124/2714526283_f3cf1b0ea0_b. jpg>

What do you guys think?

Also, I have a question. Like I said, I’m not too familiar with Illustrator. How do I move an individual point of the object around to reshape the object?
P
Phosphor
Jul 30, 2008
It’s not the waves that were so bad (although they weren’t great, and could be fixed without much work), it was the auto-traced letters.

This is the problem with auto-trace. For some things, and with the proper settings, it can work out OK. But almost always the vector objects produced as a result will need manual tweaking.

And it’s always best to find the font used wherever possible.
JM
J_Maloney
Jul 30, 2008
Tony:

It’s Optima-bold I think, with some kerning tweaks. It does appear that the "original" logo has lost some detail and been fattened slightly compared with the vector font work. Maybe a quick stroke style will fix this. Probably best to set it on top of your hires scan (and not the live trace) to be sure.

I’ve got the type set at work and can post a GIF for you in the AM. Touch up the curves and you’re in business. Write me at photoshop.forums /at/ gmail.com for a layer file.

J
F
Freeagent
Jul 30, 2008
How do I move an individual point of the object around to reshape the object?

Click on the point with the direct selection tool (the white arrow) – you’ll notice all the other (non-selected) points on that path turn white. You can then click-drag that point around.

Edit: that’s AI CS3. Not using the pen tool in PS.
TR
Tony_Rabiee
Jul 30, 2008
Free Agent: thanks, that helped shape up the wave a little bit

J Maloney: a couple of questions.

1) I don’t have the Optima Font, is there anywhere I could find it online? If not, I guess I could just try find the closest match to one I already have.

2) I sent you an email about the layer file, and I’m not really sure what you mean by using a "quick stroke style" in photoshop. Is that an effect for text?
JM
J_Maloney
Jul 30, 2008

1) Probably not free online. Maybe you have Zapf Humanist instead?
<http://www.myfonts.com/fonts/adobe/optima/>
<http://www.myfonts.com/fonts/bitstream/zapf-humanist-601/>

2) The logo online just appears "fatter". A tiny stroke might fix this. It also appears to have been scaled down vertically compared with your LH scan.

J
TR
Tony_Rabiee
Jul 30, 2008
Thanks J Maloney, I will try to trace that PNG and see how it turns out…I might just buy the Optima Font if I can’t get the lettering to look similar enough, because that one is exactly the same.

thanks for everyone’s help…I will post a link when I have something to show
TR
Tony_Rabiee
Jul 31, 2008
Here is the final:

< http://i299.photobucket.com/albums/mm288/ilanding/ILLogo-Mas ter2copy.jpg>

Worked out great…Thanks again
F
Freeagent
Jul 31, 2008
I hate to spoil the fun, but is this really the same font? Look at the R and the S (I’m comparing to the OP). Also your version looks more condensed. I’m not a typography professional, but the "ligatures" ES – LA don’t sit to well with me either.

The waves seem to be a good match.
F
Freeagent
Jul 31, 2008
Just took a closer look, I was wrong, it is the same font. Or close enough. But it’s definitely condensed, and that changes the whole visual feel of the logo. And I still don’t like the ligatures.

Otherwise you’re in business.
JJ
John Joslin
Jul 31, 2008
I agree with Freeagent.

The font is maybe near enough for what you want but the kerning (space between letters) is shot to hell.

Try resetting the type tool before you set the text and then adjust the kerning to match the original.
F
Freeagent
Jul 31, 2008
Yes, the kerning, absolutely.

With typography, the devil is in the details. Fascinating subject, all the time you can spend learning is well spent.
J
jcates
Jul 31, 2008
I agree with the others on the font. Kerning and height percentage are off enough to be noticeable; probably a condensed font, too.

It may actually be Optima in the original. It wouldn’t be the first time a designer started with a standard font, made outlines out of it, and made detailed changes to avoid being copied too easily. I have many times.

And I’d replace the top wave with a copy of your bottom one.

Purchasing Optima is a good call. You’ll very likely use it elsewhere as well.
TR
Tony_Rabiee
Jul 31, 2008
Hey guys, I agree that the font looks a little different. It’s from the Optima family that I bought. I couldn’t find a closer match. The letters look exactly the same, but I am going to do a little research into font spacing and see if I can get it spaced a little better. If I can’t get it to look better though, I think this will definitely work.
JJ
John Joslin
Jul 31, 2008
Here’s the tool in the Character Palette that you need:

<http://imageshack.us>
JM
J_Maloney
Jul 31, 2008
Tony:

You got the scaling wrong. You scaled up vertically (making the letters taller) instead of scaling down vertically (making the letters shorter).

J

< http://www.pixentral.com/show.php?picture=11L8I64W1Ypls18SGc d5rNi7JPt85p>
BC
Bart_Cross
Jul 31, 2008
The font is Optima Black (with really crappy kerning) and there is no scaling involved, it has really tight leading.
JM
J_Maloney
Jul 31, 2008
Nice one Bart.
BC
Bart_Cross
Jul 31, 2008
Thanks, 30 years and still goin’ strong!

How to Improve Photoshop Performance

Learn how to optimize Photoshop for maximum speed, troubleshoot common issues, and keep your projects organized so that you can work faster than ever before!

Related Discussion Topics

Nice and short text about related topics in discussion sections