Tycoon Talk
Become a Big fish!
The number 1 forum for online business!
Post topics, ask questions, share your knowledge.
Tycoon Talk is part of Freelancer.com - find skilled workers online at a fraction of the cost.

Graphics Forum


You are currently viewing our Graphics Forum as a guest. Please register to participate.
Login



Reply
How to make png transparent??
Old 02-26-2006, 03:47 PM How to make png transparent??
herbal_ali's Avatar
Extreme Talker

Posts: 156
Location: London, UK
Trades: 0
Hello,

I have this image here and i would like to make the white background transparent. I saved it from jpeg to png using both publisher and photoshop but neither worked. i have done it before with other images.

could someone help me pls? i'm a newb with photoshop (CS2) and any image programs.

Ty
herbal_ali is offline
Reply With Quote
View Public Profile Visit herbal_ali's homepage!
 
 
Register now for full access!
Old 02-28-2006, 01:32 PM Re: How to make png transparent??
herbal_ali's Avatar
Extreme Talker

Posts: 156
Location: London, UK
Trades: 0
bump
herbal_ali is offline
Reply With Quote
View Public Profile Visit herbal_ali's homepage!
 
Old 02-28-2006, 05:36 PM Re: How to make png transparent??
vangogh's Avatar
Post Impressionist

Posts: 10,688
Name: Steven Bradley
Location: Boulder, Colorado
Trades: 0
I'm not entirely sure since I sometimes have trouble with transparency myself, but I think that because jpgs can't handle transparency that the white background is going to be part of this image.

I think to get the transparency you have to select the part of the image you want to see and paste it into a new image with a transparent background.

If the image is always going to be on top of a solid color you could also change the background color of the image to match the color it will be on top of. Not exactly transparency, but it will probably work for that conditon.

Like I said though I'm far from a graphics expert and transparency is something I'm still trying to figure out better. Someone else here might have a better solution.
__________________
l Search Engine Friendly Web Design |
Please login or register to view this content. Registration is FREE

l Tips On Marketing, SEO, Design, and Development |
Please login or register to view this content. Registration is FREE

l
Please login or register to view this content. Registration is FREE
|
Please login or register to view this content. Registration is FREE
vangogh is offline
Reply With Quote
View Public Profile Visit vangogh's homepage!
 
Old 03-01-2006, 12:27 PM Re: How to make png transparent??
herbal_ali's Avatar
Extreme Talker

Posts: 156
Location: London, UK
Trades: 0
thanks for posting anyways vangogh

How do i paste ontop of a transparent background if i don't know how to make it transparent in the first place?? also, i can't make the background of the image the same colour as the image below because i used a gradient, i can never do it spot on twice.

someone help pls
herbal_ali is offline
Reply With Quote
View Public Profile Visit herbal_ali's homepage!
 
Old 03-01-2006, 03:33 PM Re: How to make png transparent??
vangogh's Avatar
Post Impressionist

Posts: 10,688
Name: Steven Bradley
Location: Boulder, Colorado
Trades: 0
When I create a new file in Photoshop I have the option of how I want to set the background. One of the options is tansparent. The options are at the bottom of the window that opens when you create a new file and are setting it's size and giving it a name. I use an older version of Photoshop, but I would think it's still the same.

Sometimes it's hard to work on a trasparent background so I'll create a new layer in the file and give it a white background so I can work on it more eaily and then turn off that layer when I save the file file as something other than a psd file.
__________________
l Search Engine Friendly Web Design |
Please login or register to view this content. Registration is FREE

l Tips On Marketing, SEO, Design, and Development |
Please login or register to view this content. Registration is FREE

l
Please login or register to view this content. Registration is FREE
|
Please login or register to view this content. Registration is FREE
vangogh is offline
Reply With Quote
View Public Profile Visit vangogh's homepage!
 
Old 03-02-2006, 01:02 PM Re: How to make png transparent??
herbal_ali's Avatar
Extreme Talker

Posts: 156
Location: London, UK
Trades: 0
ok the transparency worked, however when deleting the white using magic stick it also deletes tiny bits of the bottle and leaves some bits out, is there a way i can get rid of all and nothing but the surrounding white???

Thankyou

herbal_ali is offline
Reply With Quote
View Public Profile Visit herbal_ali's homepage!
 
Old 03-02-2006, 05:07 PM Re: How to make png transparent??
vangogh's Avatar
Post Impressionist

Posts: 10,688
Name: Steven Bradley
Location: Boulder, Colorado
Trades: 0
I still struggle with that myself. Like I mentioned before transparency sometimes gives me trouble. I think for situations like yours I just tried my best to make as good a selection of the original image as I could.

My approach would have been to spend time selecting just the white background in the origianl image and then inverting the selection so that everything but the white was selected. Then with just the bottle selected I would have copied that into the new file with the trasparent background.

I'm not sure that's the best approach and I do end up often having problems with the edges of my transparencies. Hopefully someone else reading this has a better solution.
__________________
l Search Engine Friendly Web Design |
Please login or register to view this content. Registration is FREE

l Tips On Marketing, SEO, Design, and Development |
Please login or register to view this content. Registration is FREE

l
Please login or register to view this content. Registration is FREE
|
Please login or register to view this content. Registration is FREE
vangogh is offline
Reply With Quote
View Public Profile Visit vangogh's homepage!
 
Old 03-02-2006, 10:02 PM Re: How to make png transparent??
doggyman's Avatar
Novice Talker

Posts: 11
Trades: 0
I'd use the pen tool. Or the Extract filter for this. Pen tool is what i use for extracting stuff from a background. Magnetic Lasso might work. Good luck.
__________________

Please login or register to view this content. Registration is FREE
Cheap Web Design + Coding / Programming

Please login or register to view this content. Registration is FREE
- Designer's Network
doggyman is offline
Reply With Quote
View Public Profile
 
Old 03-07-2006, 11:50 AM Re: How to make png transparent??
Average Talker

Posts: 22
Trades: 0
There are a ton of different ways you can go about making sure you have transparency. The checkered boxes are how Photoshop shows transparency (see http://www.xeuse.com/tutorialfiles/t...ial/image1.jpg for an example).

JPEGs don't have transparency. The only web-safe file formats that support transparency are .gif and .png. To save with transparency you can either go to File > Save As and simply save it that way, or with Photoshop CS and higher you can go to File > Save For Web. I'd advise to use this option, as it creates a better web version of the file with much better compression options. When you're in the "Save For Web" options, just make sure "Transparency" is selected.

As far as making sure you don't have the little white edges around your image, that can be a little more tricky depending on what your image is of and how well it was shot. An easy way to get everything out is to use the pen tool and select your object (if your shape color is black and you switch your layer mode to "Screen" it will become transparent so you can see the edges of your path better). Once you have outlined your object, go to your "Paths" tab in your layer palette and right click on your shape's vector mask and choose "Make selection". An option box will pop up that will allow you to give some feather to your selection if you wish. Once you've done that, you can simply hit "CTRL + J" to make that selection a new layer and delete the other layer. Done!

As a little tip, when you're creating your vector path you might want to make sure to select a little inside of your object. I.E., make sure NOT you select the feathered edges of your subject in the photograph. If you crop those parts off, and then feather your selection it will create a better result and you won't have the dreaded "halo" of whatever your background color is around your image. Good luck! Feel free to let me know if you have any problems/questions.
danlefeb is offline
Reply With Quote
View Public Profile
 
Reply     « Reply to How to make png transparent??
 

Thread Tools Search this Thread
Search this Thread:

Advanced Search

Posting 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 Off
Pingbacks are Off
Refbacks are Off





   
RSS Feed  Feeds: RSS   JS   XML
RSS Feed  Feeds for this forum: RSS   JS   XML



Page generated in 0.31352 seconds with 12 queries