Welcome to the MacNN Forums.

If this is your first visit, be sure to check out the FAQ by clicking the link above. You may have to register before you can post: click the register link above to proceed. To start viewing messages, select the forum that you want to visit from the selection below.

You are here: MacNN Forums > Other Topics > Art & Graphic Design > Coder needs graphic help...

Coder needs graphic help...
Thread Tools
Senior User
Join Date: Feb 2003
Location: USA
Status: Offline
Reply With Quote
Feb 26, 2004, 03:39 PM
 
I am strictly a programmer who is doing a web site for a friend. Since we're doing it on a budget I'm trying to avoid having to hire a pro. The site is very basic but adequate. But I have one particular question: How can I take a black and white line art image and inverse the black/white and make it transparent? If you go to http://www.nationalpackers.com/ you'll see the logo. I am hoping to change what's black to white and make it transparent so it can go on the blue header. For apps all I have is Photoshop Elements 2 and Fireworks.
The logo was given to me as a scanned bmp. I'm assuming I'll have to inverse the logo, select the white areas and copy/paste them into a new image that has a transparent layer? I know enough about PS to be dangerous...
Many thanks in advance for any advice!
     
Senior User
Join Date: May 2001
Location: Nottingham, UK
Status: Offline
Reply With Quote
Feb 26, 2004, 04:29 PM
 
Use the 'magic wand' tool. Open the scanned image in photoshop, choose the magic wand tool, and make sure these options are selected: tolerance:10, anti-aliased:on, contiguous:off. You can find these options in the grey bar just below the menu bar.

Now click on any of the white, and it should all be selected. Now hit command-i, to invert the selection so the black is selected. Do a command-c to copy, create a new document, and paste it in. You can now make it smaller by hitting command-t, and dragging any of the corner handles with the shift key held down.
     
Senior User
Join Date: May 2001
Location: Nottingham, UK
Status: Offline
Reply With Quote
Feb 26, 2004, 04:33 PM
 
sorry that should be command-shift-i to invert the selection.

Also, make sure you're in RGB colour mode (Image > Mode > RGB Colour)
     
Senior User
Join Date: Feb 2003
Location: USA
Status: Offline
Reply With Quote
Feb 26, 2004, 04:47 PM
 
Thanks a lot derbs, will try it out as soon as I get home.
     
Dedicated MacNNer
Join Date: Nov 2001
Location: Are Eye
Status: Offline
Reply With Quote
Feb 26, 2004, 10:24 PM
 
While the Magic Wand will get the job done more or less, you will achieve a much more accurate (and anti-aliased if applicable) selection by using Photoshop's Channels Palette.

Open the Channels palette, and view each channel individually. When you have found the channel with the most contrast, Command-click it in the channels palette. (with an all black and white logo such as this, you could probably just command-click the composite channel)

Anyway, once that's done, you will have selected all of the white... or black... I always get that confused. Use the Command-Shift-I command to invert the selection if necessary. Anyway, once you have the selection, and you can invert it at as needed. Then, just use the fill command (Shift-f5) to fill the selection with the foreground color. You can do that on a new layer too and hide the background to save for web with transparency.

I am presuming that you can command-click channels in Elements... If not, then kindly disregard.
     
Senior User
Join Date: Feb 2003
Location: USA
Status: Offline
Reply With Quote
Feb 28, 2004, 08:22 AM
 
Ok, the layer trick worked, thanks! It doesn't look that great when I shrink the image down to about 200 x 200 pixels, but I'll keep plugging away.
PS Elements lacks Channels...Even though I'm not an artist I am getting more and more of this kind of work and may need to get a little more serious about graphics. I'm going to the Apple Store today, may just have to come out of there with Photoshop CS. I almost bought Fireworks to do web buttons etc. but as I understand PS comes with ImageReady which does similar things.
Many thanks for the advice!
MacBook 2.0 160/2GB/SuperDrive
Lots of older Macs
     
   
Thread Tools
Forum Links
Forum Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts
BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On
Top
Privacy Policy
All times are GMT -5. The time now is 01:06 PM.
All contents of these forums © 1995-2009 MacNN. All rights reserved.
Branding + Design: www.gesamtbild.com
vBulletin v.3.8.4 © 2000-2009, Jelsoft Enterprises Ltd., Content Relevant URLs by vBSEO 3.3.2