The How-To Geek Forums Have Migrated to Discourse


How-To Geek Forums / Tutorials

(Solved) - Extracting Logo

(37 posts)
  • Started 5 years ago by StringJunky
  • Latest reply from StringJunky
  • Topic Viewed 2394 times

StringJunky
Posts: 2454

How do I extract and save my fishing club's logo from the background so when I put it on another page the background shows between the non coloured parts. The logo is simple and one colour. I have Paint.net. I think it needs to be on some sort of transparent layer.

Tony

Posted 5 years ago
Top
 
Enthusiast
Posts: 566

If I remember correctly .PNG files support the color in the upper left pixel being the base for the transparent layer. But it's been a long time and I may be remembering it incorrectly. Try this Google search, it shows many hits for making transparent backgrounds in Paint.Net.

Good luck. I hope this helps.

Posted 5 years ago
Top
 
StringJunky
Posts: 2454

After deleting all the areas I don't want and saving it as PNG then I select all and transfer the image on to a new page with colour the background is white when it should be yellow.

How do I move it to another page with that page's colour in the background?

Posted 5 years ago
Top
 
vistual
Posts: 3135

StringJunky,
is this sorted? - i never saw this.
i'd like to help.

Posted 5 years ago
Top
 
StringJunky
Posts: 2454

Hi vistual

Yes, but not the way I desired it to be done. I eventually filled in the interior with the colour the same as the target page using Magic Wand (to select areas) and Colour Picker (to copy target colour) in Paint.net and a paint brush to colour selected areas and then after cut a square around it and then pasted it to the page. The technique I really want to know is to be able to move just the black parts like it was on a transparency and the gaps would automatically fill with the page colour I moved it to.

Tony

Posted 5 years ago
Top
 
vistual
Posts: 3135

you mean so that the background color shows straight through like so? .....

if thats what you meant then we can do it over but post the original so that i have more to wok with - if i misunderstood - please explain again.

Posted 5 years ago
Top
 
StringJunky
Posts: 2454

That's right.

Can you explain how to do it? I'm not using it at the moment but it has bugged me why I can't do it. Thanks.

I have Paint.net.

Posted 5 years ago
Top
 
vistual
Posts: 3135

well my friend - i have to tell you that you already did it yourself.

the only thing you failed to do was save the image as PNG. you saved it as jpeg which does not retain transparency, whereas PNG does.
so do whatever you did to remove whatever colors there were / backgrounds / etc.,etc.. just as you did before so that you see all those little gray and white boxes and when done - go to file > save as > select PNG.
done

Posted 5 years ago
Top
 
StringJunky
Posts: 2454

Vistual

Gotcha! Will give it a go. Jpeg's a rubbish format really for working with but it's just habit. :)

Tony

Posted 5 years ago
Top
 
StringJunky
Posts: 2454

You were right! :D

Thanks

Posted 5 years ago
Top
 
StringJunky
Posts: 2454

The way I really wanted to do it as you've told me now allows me to do this with a graduated background that the other way didn't.

More interesting than the one above isn't it?

Thanks again Vistual.

How would I go about making the yellow 3D like it was painted in a smooth thick paint on Glass so it had a sort rounded profile? Might be called Bas Relief.

Tony

Posted 5 years ago
Top
 
vistual
Posts: 3135

looks good. you got it.

i'd have to look around online for instructions on how to pull off that other effect you were looking for. if i find anything ill post it here for sure.

Posted 5 years ago
Top
 
StringJunky
Posts: 2454

OK thanks vistual.

Posted 5 years ago
Top
 
hatryst
Posts: 3482

That's my favourite discussion going on, I dropped in a bit late, still in time for some help :)

So, we need Yellow 3D? Kinda' like THIS?

The quality of this may not be very good, just copied your image, and applied some bevel+contour to the yellow part
I used photoshop, but I hope you'll be able to do this in GIMP, or even in Paint.net

Posted 5 years ago
Top
 
StringJunky
Posts: 2454

Yo Hatryst! U da Man! How u do dat? :D

Tony

Posted 5 years ago
Top
 
vistual
Posts: 3135

that looks great Hatryst!!
is there a way to achieve that effect in paint.net. please post back

Posted 5 years ago
Top
 
hatryst
Posts: 3482

I haven't heard of paint.net. Never used that. I just used photoshop :)
GIMP 'might' do this, since it has almost the same capabilities as photoshop

Posted 5 years ago
Top
 
ZakirAhmed
Posts: 133

Just to make it clear, GIMP is also freeware like Paint.NET. Hatryst, if you tell me how you done this, perhaps I can tell them whether it's possible in Paint.NET, just because I use both photoshop and Paint.NET (but for smaller projects though).

Posted 5 years ago
Top
 
vistual
Posts: 3135

ZakirAhmed,
hi - he said he "applied some bevel+contour to the yellow part". those were his exact words.

thanks for chiming in. maybe you can shed some light since youre familiar with both ps & paint.net.

Posted 5 years ago
Top
 
StringJunky
Posts: 2454

I just did this with the bevel tool in Gimp but it's not as good as hatryst's:

Posted 5 years ago
Top
 
vistual
Posts: 3135

definitely some progress.
you can see that with a little tweaking and experimenting you can get it.

always been on my to-do list - to learn how to use gimp. its just ive gotten so used to paint.net that the few times i had gimp loaded - i was LOST!

Posted 5 years ago
Top
 
StringJunky
Posts: 2454

From a user perspective Gimp is a mess and very unintuitive in it's layout...I hate all the panels ..In its next major incarnation the developers are going to give it the option of a single interface which will make make it better in my opinion. It'll never be better than Photoshop though because it's simply got the money behind it. I prefer Paint.net for most of my arty work although it doesn't have Gimp's scope.

It would be great if someone can pin down in Paint how Hatryst did it....I'll keep trying. :)

Tony

Posted 5 years ago
Top
 
hatryst
Posts: 3482

Sorry I'm late, time zone differences :)
Okay, so here's how I did it

Saved the image you posted earlier (one with the gradient background)
Opened it up in PS

.
Used 'selective colour' to make a selection of the greenish background (i learned how to do it here)

.
Then I extracted the logo from the background, and applied the first blending option: Bevel and emboss. No settings altered, kept settings default

.
Then applied 'Contour', for more 3D effect. Default settings

.
This is what it looks like, before the green layer is turned on

.
Voila...

Posted 5 years ago
Top
 
StringJunky
Posts: 2454

Thanks very much for taking the time out to put that tutorial together Hatryst I appreciate it. :D All I need to do now, in the absence of having PS, is to try and cobble those various effects together with the software I have; Gimp and Paint.net. I might just splash out on PS Elements if it's got those same controls in it.

Cheers

Tony

Posted 5 years ago
Top
 
ZakirAhmed
Posts: 133

Sorry I'm late, time zone differences :)
LOL Only kidding.
Anyway, here's a similar thing in Paint.NET, though the result is not as close as good as photoshop as there aren't many options.
http://www.youtube.com/watch?v=e-rQJCs-Klw

Posted 5 years ago
Top
 
StringJunky
Posts: 2454

ZakirAhmed

Thanks for that wicked video tutorial. Although the effect is not as striking as with PS it's still very nice and I would be more than pleased with it that way.

Thanks again. :)

Tony

@Mods

I wonder if it would be worth having a separate "Imaging" section where people could ask questions in a similar vein to mine?

Posted 5 years ago
Top
 
vistual
Posts: 3135

thank you for taking the time ZakirAhmed.

Posted 5 years ago
Top
 
StringJunky
Posts: 2454

I've just found this Paint.net plugin pack with 421 effects...might find what I need here but will be good to have anyway:

http://paint.net.amihotornot.c.....uginsPack/

Tony

Posted 5 years ago
Top
 
StringJunky
Posts: 2454

Just had a play with the Bevel Selection tool (Effects > Selection > Bevel Selection) in that pack I pointed to...it's quite fine controllable. Here's a quick go with it...it's not perfect yet but has the potential to get it like Hatryst's. One thing I've done here is get the RGB figures of the yellow (R = 214 G =217 B = 66) and input those into the RGB boxes of the shadow and highlight controls the same then made each parameter darker or lighter with each slider as required...you can see the two tones in the RGB boxes instead of the default black and white. The depth of bevel is controllable as well.

Posted 5 years ago
Top
 
hatryst
Posts: 3482

That looks pretty nice, Tony. Is there any other 3D effect or something you can apply alongside the bevel?

Posted 5 years ago
Top
 
StringJunky
Posts: 2454

What sort of effect/control should I be looking for Hatryst?

The original image is only 20mm off a notice and done with a 9600 dpi scan. I really need to print and trace the image and make a more solid and smooth new 'original' to get it perfect.

Posted 5 years ago
Top
 
hatryst
Posts: 3482

Try increasing the depth of the bevel. That would do the trick, I hope so.

Posted 5 years ago
Top
 
StringJunky
Posts: 2454

I've increased the bevel and metallised it. Paint.net with that pluginpack is pretty comprehensive now. If I wanted to make it really perfect I need to redo the source image by hand. The original is a scan of a 20mm image!

Posted 5 years ago
Top
 
hatryst
Posts: 3482

Oh, that seems messed up, isn't it?
EDIT: I'm sorry but I'm unable to understand what you mean by 'scan' ?

Posted 5 years ago
Top
 
StringJunky
Posts: 2454

How do you mean messed up? I used my scanner to scan the logo on a letter that was 20mm in size...the resulting edges in a magnified are not as good as I'd like so to get it really sharp I need to manually trace a print with some transparent film and pen, then scan that. The metallic effect is not bad but an opaque glassy one would be better looking at it now...the possibilities are endless. :)

Posted 5 years ago
Top
 
hatryst
Posts: 3482

I mean, have a look at the image in your last post. It looks like something has malfunctioned, why is it black from the sides in no particular symmetry?
Or is it the metallic effect you applied? :)
(because at first glance, it looks a bit, different...)

Posted 5 years ago
Top
 
StringJunky
Posts: 2454

It's the metallic effect. there are couple of controls on it that you can play with...one changes the apparent light angle. I applied the metal after increasing the bevel... it's probably increased the shadow contrast the black...I'm only playing about. :)

Posted 5 years ago
Top
 



Topic Closed

This topic has been closed to new replies.