TeamPhotoshop
Reviews, updates and in depth guides to your favourite mobile games - AppGamer.com
Forum Home Latest Posts Search Help Subscribe

transparent buttons against background on website

Page: 1 Reply
Jun 6th 2002#51942 Report
Member since: Jun 6th 2002
Posts: 2
Hi!

I am new to photoshop (normally use fireworks!) and am developing a site with a graphic designer(who lives in another city). Each page on the site has a different background image. On top of this image there are buttons. The graphic designer has created transparent buttons which, when I upload them, have jagged edges. The client is unhappy and basically the onus is falling on me to fix the problem - the graphic designer is not too clued up on images for the web...but then nor am I. I have now purchased Photoshop and am trying to recreate these buttons but not having any luck at all.

Can anyone offer some guidance(ie. basic as I am new to this) on how I can go about creating these buttons. The buttons are just black or blue (mouseover)text. Here's a link to the site if you want to see what I mean. Surely it can't be that difficult??

http://www.ollyweb.co.uk/newollyweb/create_ventures/index1024.html

Thanks, I really appreciate this.
Lee
Reply with Quote Reply
Jun 6th 2002#51943 Report
Member since: Mar 24th 2002
Posts: 3114
Gifs tend to have jagged edges.....not much you can do, really... :/
You could try using .PNG, but that´s not very covered yet by browsers... :(
Reply with Quote Reply
Jun 6th 2002#51944 Report
Member since: Mar 24th 2002
Posts: 3114
..or, if you DL the font from him, you could make them NON-antialiazed, but as gifs still.. That would get rid of the jaggines..
Reply with Quote Reply
Jun 6th 2002#51962 Report
Member since: May 21st 2002
Posts: 537
i just manually smooth out my gif's. after I take out all the unneeded colors I just put it against different color backgrounds and eliminate the excess unneeded colors with the eraser tool. then I save it again.
Reply with Quote Reply
Jun 8th 2002#52144 Report
Member since: Apr 12th 2002
Posts: 438
They don't need to be transparent. Just give them a white backround, and the anti-aliasing should smooth them out.
Reply with Quote Reply
Jun 8th 2002#52186 Report
Member since: Jun 6th 2002
Posts: 2
thanks, for all the help. the non anti-aliasing didn't work too well - jaggies!

frito bandito
not sure what you mean by they don't need to be transparent. the last 3 of the links / buttons on the left go over a bg img and need to let the colors of the bg img show through.

I have come up with a new approach.
I do not have a bg img. rather, I bring the bg img image(box) into photshop, place the links/buttons over the image and save it. I then image map it(if that's the word?)/hotspot it. just not sure I can do a rollover if it's image mapped/hotpotted.

appreciate any advice.
thanks
lee
Reply with Quote Reply
Page: 1 Back to top
Please login or register above to post in this forum