Shape Has Furry Edges

MC
Posted By
melissa_causa
Jun 14, 2007
Views
269
Replies
5
Status
Closed
I am trying to create some buttons for the web in photoshop. So all I am doing is using the rounded edge rectangle shape and applying bevel and emboss to it, the background is transparent. When I insert this image into dreamweaver the corners appear to have a white furry edge. I am using Photoshop CS2… can anyone help please?

Much appreciated : )
Related Tags
edge shape

How to Master Sharpening in Photoshop

Give your photos a professional finish with sharpening in Photoshop. Learn to enhance details, create contrast, and prepare your images for print, web, and social media.

P
Phosphor
Jun 14, 2007
Experiment!

It’s a good way to build a visceral understanding of the application.
MC
melissa_causa
Jun 14, 2007
Thanks for your technical advice! But experimenting wont help, I need to know if theres a certain setting etc.
S
Silkrooster
Jun 14, 2007
I believe you are using gif images. The easiest way to get rid of the rough edge, is to make sure the gif images in photoshop are using the same background color as your web background in dreamweaver.
In the save for web options you will find an option called matte. Normally this is blank, setting to other allows you to select additional colors.
This information is for CS2, I do not have CS3 yet, so I can not tell you of any changes.
MC
melissa_causa
Jun 14, 2007
Thats great, thanks Silkrooster! That will come in handy. But in my case I am using a patterned background in Dreaweaver, how do I get around that?
L
LenHewitt
Jun 14, 2007
Melissa,

You can either turn off antialliasing (downside is your rounded corners will look a bit jagged)or set a matte that is a midtone of your background – that way the contrast round the edges will be less noticeable.

Must-have mockup pack for every graphic designer 🔥🔥🔥

Easy-to-use drag-n-drop Photoshop scene creator with more than 2800 items.

Related Discussion Topics

Nice and short text about related topics in discussion sections