Hatrack River Forum: How do I do this? (image help requested)

This is topic How do I do this? (image help requested) in forum Books, Films, Food and Culture at Hatrack River Forum.

To visit this topic, use this URL:
http://www.hatrack.com/ubb/main/ultimatebb.php?ubb=get_topic;f=2;t=050713

Posted by MEC (Member # 2968) on :

I'm trying to figure out how to replace the fox in the firefox logo with the one in this image. Does anyone know how I can do this? (I don't have photo shop)

Posted by erosomniac (Member # 6834) on :

What image editing software do you have?

Posted by MEC (Member # 2968) on :

Well, I could borrow photo shop elements from my mother, or I could download Picasa or Gimp, otherwise I've got paint.

Posted by erosomniac (Member # 6834) on :

Snag Gimp. I'm not familiar with the program's tool names, interface, etc. to give you clear instructions (being a Photoshop/Fireworks user myself), but I'm sure there's someone here who can tell you how through Gimp. It'll also be borderline impossible to do nicely in a program like Paint.

Posted by erosomniac (Member # 6834) on :

Or, you know, I could do it.

Here you go. Just did it real quick, 'cause I wasn't sure how much image fidelity you were going for. The two foxes are also not actually identically proportioned, which made it more difficult.

Posted by Pegasus (Member # 10464) on :

Yes, the exact technique used depends entirely on the tools available, i.e. software.

In this case, the end result you are looking for is simply a change in color, not in the shape. It should be relatively easy to do, however as I don't have much experience in rastor image editing programs besides Photoshop, I probably won't be much help.

My preferred method would be to d/l a vector of the logo, available here, and change the colors in Illustrator. The fox is composed of quite a few shapes, so it could take a while, however, having a nice clean vector for any future use is worth it. [Smile]

Edit: Looks good Eros!

Posted by erosomniac (Member # 6834) on :

I did it by selecting the blue fox, cutting/pasting, then doing some blending because the two weren't exactly the same shape. If this were something I ever planned to use again, though, Pegasus' vector link would definitely be the way to go.

Posted by Pegasus (Member # 10464) on :

quote:
Originally posted by erosomniac:
...impossible to do nicely in a program like Paint.

Hey! Paint is a good program.

.

.

...for teaching my 2 year how a computer mouse works. [Razz]

Posted by erosomniac (Member # 6834) on :

It really bothers me when I think about how much time I spent in 5th/6th grade doing shadow work and 3d shaping in Paint, one pixel at a time.

Posted by DSH (Member # 741) on :

Use GIMP

If I'm seeing what I think I'm seeing, you're replacing an orange/red fox with a grey fox.

Don't replace it, just change the color. This can be done with the bucket fill tool. Choose the color you want to change TO*, then pick the region you want to apply that color to. That's it! GIMP allows you to set the threshold to determine how much of a color change is needed at the edge of a region in order to restrict the spread of the new color. Repeat as needed for different colored areas (looks like about 4 to me)

*To accurately reproduce the colors in the second image, GIMP has a tool to pick colors from an image based on a simple click of the mouse. If you open both images side by side, you could literaly pick from one and apply to the other.

That's how I'd do it. Someone else will probably come up with something much more clever than what I did; they usually do! [Razz]

edit: man, I sure post slow. Problem solved while I'm still pounding away at the keyboard.

Posted by Threads (Member # 10863) on :

quote:
Originally posted by erosomniac:
It'll also be borderline impossible to do nicely in a program like Paint.

Lies! The Firefox logo should be trivial compared to that!

EDIT: Wow

Posted by breyerchic04 (Member # 6423) on :

Eros, I did shadow work pixel by pixel in Paint two months ago. I've since learned to use photoshop though I don't have it at home.

Posted by DSH (Member # 741) on :

Great link Threads, but you know, in the hands of a talented artist even a simple pencil is a powerful tool. [Wink]

Posted by MEC (Member # 2968) on :

Cool, thanks man. I'll try and see if I can do it with the things you guys suggested.

Posted by erosomniac (Member # 6834) on :

<points to where he already did it for you>

Is that not what you were looking for?

Posted by MEC (Member # 2968) on :

That's what I was thanking for, I'd also like to try and learn how to do it on my own though.

Posted by erosomniac (Member # 6834) on :

Gotcha.

Posted by Bokonon (Member # 480) on :

No one should use paint. Everyone on Windows should use no less than Paint.NET, which is actually all 99% of people need for 99% of image work.

-Bok

Posted by adfectio (Member # 11070) on :

Paint.Net is a great program. I grew up on Fireworks, which is what i still use, cause I don't wanna take the time with anything else. Admittedly, I should.

Are you looking for just changing the desktop logo? Or also the one in the upper left corner of the FF window?