dcsimg
www.webdeveloper.com
Results 1 to 4 of 4

Thread: Creating buttons in Photoshop on transparent bg

  1. #1
    Join Date
    Jan 2007
    Location
    Shropshire, UK
    Posts
    77

    Creating buttons in Photoshop on transparent bg

    Hi,

    I am trying to create some ellipse shaped buttons in photoshop to use as navigation buttons on a website. My problem is that although using transparent background the program seems to be filling the feathered edges of each ellipse with white. Thus when its on the website on a blue background there is a white haze. I have tried manually erasing the white but it looks so messy. Is there a setting i need to change to keep everything transparent out side of the ellipse?

    Thanks

    Liz

  2. #2
    Join Date
    Nov 2006
    Posts
    197
    Ellipse buttons or shapes are always going to dither/feather around the edges.

    I suggest that you use the BG color that the button image is going to reside over as a BG layer in your PS file so that when the "feathering" takes place then it's the same color as your web page BG rather than white. Keeping the bottom layer as a transparent layer, cut/remove & make transparent as close to the ellipse as needed if needed.

  3. #3
    Join Date
    Jan 2007
    Location
    Shropshire, UK
    Posts
    77
    Thanks for your reply Shawn.

    Its a good idea but the background is different colors whcih is why i was using the transparent bg.

    However - I have been trying to wade through photoshop help again since my post (not the easiest read) and have found that when you save a transparent gif you can select what colour the feather infills are. the default is white and i have changed to 'none'. BINGO!!!

    Hope that helps someone else. Its been driving me mad for some time!

    Liz

  4. #4
    Join Date
    Oct 2007
    Location
    Sandpoint Idaho
    Posts
    10
    also, you can save them as .png images with the transp. intact though if one is running an older browser it may show white around the edge.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles