|
|
| Author |
Message |
Glen_str
Joined: 03 May 2006
Posts: 4
|
 Posted: Wed May 03, 2006 11:26 am Post subject: my curved corners are always showing up jagged in browsers |
 |
|
First off, new user, hello all!
I am using Photoshop 7.0
I am trying to create two simple rounded corner gif banners for a web page, but can't seem to get the corners "un-jagged". I am by no means an experienced PS user but here is how I go about it:
I create a new image 830X40 pixels to fit my web page, fill it with a gradient fill to match the web page colors and then create another image at 50X50 pixels with 72 ppi resolution. On the latter image I draw an circle on the canvas with the elliptical marquee tool with anti-aliasing checked off and feathering set to 0 and fill it with the foreground color, then I draw a square on 1/4 of the circle with the rectangle marquee tool, copy that and paste it into the 830X40 image as a new layer and move it to its corresponding end. Then I erase just enough of the first layer to get my rounded corner. The process is repeated for the other end switching to background color to match the other end. I then choose "save for web" with all layers visible, and save it as a gif file called "topbanner.gif" with the transparency button checked and no transparancy dither. I then flip the whole canvas and save it again as "bottombanner.gif" with the same settings.
The problem is it looks ok in PS, but when I view the page there is still somewhat jagged edges. (My monitor is set at 1280X960 32 bit color) I have played with the dithering options when saving as a gif, but to no avail. I have also used higher resolutions (eg. 100 ppi) for the circle image but that doesnt seem to help either.
What am I doing wrong?
Should I be using image ready to do this? (which I know even less about)
I can email a copy of the gif file or post it on a temp site if anyone wants to check it out.
thanks in advance!! |
|
|
|
|
 |
qubert
Joined: 24 Jul 2004
Posts: 253
|
| Posted: Wed May 03, 2006 1:56 pm Post subject: |
|
|
You are not doing anything wrong. It is the way photoshop displays the image that you are seeing jagged lines or blocks. I bet you are zoomed in to 66% and if you zoom in to 25%, 50% 75% or 100% the blocks will disappear because you are looking at the image in full scale. The reason why you get blocks at 66% or what ever is because photoshop is trying to make out the image from black and white pixles or color pixles if the the case may be. And Photoshop is borrowing the other pixels around it to make up the one pixel. Follow sort of???
_________________
Qubert |
|
|
|
|
|
Glen_str
Joined: 03 May 2006
Posts: 4
|
| Posted: Wed May 03, 2006 3:37 pm Post subject: |
|
|
thanks for your reply
I think you read my OP wrong, or perhaps I wasn't clear enough..
In any case, the corners look ok in photoshop, but when I add it to my webpage thats when I see the jaggies. Since the OP I added some gaussian blur to the layers that make up the corners and that helped somewhat, but it still doesn't seem as sharp as what I see on some commercial pages... |
|
|
|
|
|
grannygeek
Joined: 23 Feb 2006
Posts: 149
Location: Pennsylvania
|
| Posted: Wed May 03, 2006 6:32 pm Post subject: |
|
|
Are the corners that you erased where it is jaggy?
_________________
and the wisdom to know the difference... |
|
|
|
|
|
Glen_str
Joined: 03 May 2006
Posts: 4
|
| Posted: Fri May 05, 2006 9:28 am Post subject: |
|
|
| grannygeek wrote: | | Are the corners that you erased where it is jaggy? |
yes, but I erase the backgound layer under the corner layers, not the corners layers themselves.
Is there a better way to do this than what I am doing? |
|
|
|
|
|
grannygeek
Joined: 23 Feb 2006
Posts: 149
Location: Pennsylvania
|
| Posted: Fri May 05, 2006 1:06 pm Post subject: |
|
|
Could you use preset shapes tool, instead of the marqee tool?
Preset shapes save with smooth edges..
Wish you could post an example of what you want to do..?
_________________
and the wisdom to know the difference... |
|
|
|
|
|
Glen_str
Joined: 03 May 2006
Posts: 4
|
| Posted: Mon May 08, 2006 8:27 am Post subject: |
|
|
| grannygeek wrote: | Could you use preset shapes tool, instead of the marqee tool?
Preset shapes save with smooth edges..
Wish you could post an example of what you want to do..? |
here you go - this is my last attempt - you can see I was a little off in setting the 1/4 circles as the ends don't match that great, and I managed to smooth the corners somewhat with some gaussian blur, but it's still not as smooth as I'd like it...
 |
|
|
|
|
|
|
