Jagged edges when using rounded rectangle

Hi,
Hope someone can help me here.
I am designing a website for myself (first timer) and have created menu bars and buttons using the rounded rectangle tool.
The images look good but the edges are pixelated.
I am using anti-alias and have also try feathered but to no avail.
When I preview the site in the browser I can still see the pixelated edges (I assumed it might be a magnification or resolution issue)
I am not using any images, have not extracted etc. I am simply using the rounded rectangle to create a menu bar and then colouring it in as a gradient, adding text and that's pretty much it.
Any help given here will be greatly appreciated.
Thanks,
Eddie

You shouldn't see anything in the browser that you don't see in Fireworks. If you have magnified your view by zooming your browser, then reset it to normal zoom. If that isn't the problem...
One thing you can try is to make your navigation images 2 or 4 times larger than you want, export the files, import them and reduce them to 50% or 25%, depending. Sometimes, you can get what appears to be a smoother edge by reduction than you can with Firework's anti-aliasing of rounded shapes.

Similar Messages

  • When using the rectangle tool in CS5, a graph appears in the shape. How do I turn the graph off?

    When using the rectangle tool in CS5, a graph appears in the shape. How do I turn the graph off?
    Thanks!

    It might be the pixel grid if your zoomed in greater than something like 500% to 700%.
    Go under View>Show and uncheck Pixel Grid.
    Or maybe you have a layer style set in the tool options bar for shape layers.

  • Jagged Edges - When compressing 50 minute clip - burned in DVDSP

    I'm in the process of authoring four DVD's (mixed martial arts, muy thai etc) which was shot in HD on a Panasonic HVX-200 using the DVCPro HD codec, at 24 fps progressive.
    2 of the four DVD's I'm having problems with jagged edges around the two fighters (two guys shot against a white backdrop), you can clearly see blocky artifacting around the edges of them.
    I've tried exporting via compressor using a 1-pass VBR 6.2 Mbps min - 7.7 Mpbs max, imported into DVDSP, build the project, and then when I use the DVD player program, I can see the artifacting.
    However, I have a couple of other clips on the DVD, that were exported the exact same way, and no artifacting is evident.
    I tried re-encoding at a CBR of 7.7 Mpbs, no change. Any ideas?
    One thing that I just thought of is that I have been using the same source folder when building the project as the previous versions (to save time rebuilding all the motion menus, etc). Could that be a reason? Would DVDSP be using some of the information from the older encoded video?
    Any thoughts please.

    Make sure that you are encoding for 24p. Set the video format for 720p, and the frame rate for 23.98. You should also be using 2-pass VBR, not 1-pass.

  • Images have jagged edges when rotated in Keynote 6.1

    After upgrading to Keynote 6.1, I'm having problems when rotating images that I've imported to my slides. Any time I rotate an image that's not on a 45, 90, 180 angle, the image has jagged edges.
    Here's a screenshot as an example. The image is on 4 degree angle.
    Any ideas?

    Sorry, in haste I forgot to mention this also:
    Use an appropriate slide size, as a minimum resolution I match the slide size (Keynote > Inspector > Setup Slide Size), to the resolution of the display I am using, in my case 1920 x 1200.
    I always resize the images I bring into Keynote with the same pixel resolution as the slide size.

  • Jagged edges when playback is at 100%

    I am on a Mac using CS 5.5   OS X  10.9.5
    When I play back Sony NEX and Sony EX- 1 Clips at 100%  I get jagged edges. When the clips are stopped or playing back at 50% the edges are smooth.  What is the cause/remedy for this behavior.  I would like to see smooth images no matter what the resolution.
    The NEX produces .mp4 and .MTS  files and the EX- 1 are .MP4, 
    Also when importing footage into PrePro via the import dialogue I can preview the NEX files but I can't see any previews the EX-1 files.
    Thanks in advance

    OK.
    No need to be concerned at all.

  • Picture quality has jagged edges when people are moving

    We have our settings right, but when we play back the video there are jagged edges around the people, especially when there is movement. Could the problem be that it is a digital ycc format and apple is switching it to RGB?

    30" Apple monitor or no...you need a PRODUCTION monitor, or a TV to see a TRUE representation of the image:
    #8 External Monitor Viewing.
    Shane's Stock Answer #8:
    A simple path is mac > firewire > camera or deck > rca cables > tv
    Then start up your camera and tv, then open fcp.
    Then go View > External video > all frames
    Video playback should be Apple firewire NTSC (If you are using an NTSC set)
    Audio playback should be Audio follows Video
    Techinially, this should send synched video to your TV
    If for some reason you can't view your timeline on your external monitor, there are a few things to try:
    1) Make sure that the camera/deck is connected and powered on BEFORE you open FCP.
    2) In the Final Cut Pro menu select AUDIO/VIDEO Preferences and make sure your signal is being sent out thru Firewire DV.
    3) Go to the menu and select VIEW>EXTERNAL>ALL FRAMES.
    4) Click in the % box above the image and select FIT TO WINDOW.
    5) Go to VIEW->refresh A/V devices
    6) Make sure the Log & Capture window is closed
    If you want it to play in both the canvas and the external monitor you need to go to the FINAL CUT PRO menu and select AUDIO/VIDIO settings and make sure MIRROR ON DESKTOP is selected under the PLAYBACK OUTPUT section
    For all the stock answers, click on this link:
    Shane Ross, "Stock Answers", 02:58pm Jan 13, 2005 CDT

  • Illustrator images with jagged edges when converting a document to pdf

    Hi,
    Illustrator CS6.
    I created some images in illustrator. Saved the images as a .tff. Put the images in a Word.docx. Looks great. Convert the word.docx to a pdf and my images have jagged edges. I have anti-alaising check in my preferences but still the image looks bad.
    Any suggestions?
    thanks

    Did you resize the images larger than when inserted into Word?
    What resolution did you export the TIF from AI at?
    What was the Anti-aliasing setting (type or art optimized or none)?
    Are you using Word's Save As PDF, or the Adobe Acrobat add-on?
    Are you viewing the result in Acrobat (or Adobe Reader) at 100% or larger?
    Mike

  • Imported images have jagged edges when scaled down

    Perhaps I'm missing something really obvious (like the quality thing in the After Effects timeline), but I imported a Photoshop image, a logo, scaled it down to 15%, and it has jagged edges. Ditto for a TIFF version of same. Starting resolution is plenty large.

    You can adjust the apparent size of the image in the "media" tab of the property inspector. Select the photo in the media bin (not the layer in the timeline), then the media tab in the insepctor.
    try reducing the size of the image to the size you are scaling it to (of course, you'll have to adjust the scale property of objects in the timeline which use that image). for example, if the image is 1000px wide, and you're scaling it 15%, then adjust the media size to 150px and restore the scale to 100%.
    YMMV but it's worked well for me. sometimes adding a slight gaussian blur helps (<.25). it would be more effective to scale in an image editing app (like photoshop) to the desired size, but this is more flexible.
    -r

  • How do I eliminate the automatic pop-up created when using the Rectangle Tool?

    For some odd reason, Acrobat 9 is now adding a pop-up every time I use the Rectangle Tool.  I am using the Rectangle Tool merely to draw a box around text but I do NOT want there to be an associated pop-up.  Is there a way to change it so the pop-up will not be automatically created and all I will get is the rectangle itself?
    Thanks for your help!
    Jim

    Something to try -
    Open Acrobat's Preferences. Select the Commenting category. The second (middle) pane has Pop-Up Open Behavior configuration settings. Playing with what is or is not ticked may provide the desired pop-up behavior.
    Be well...

  • Jagged lines when using Stroke Width Tool

    Hello,
    So I upgraded to CS6 and since then the stroke width tool does not seem to behave properly.
    I sometimes, not all the times, get jagged lines when I try to adjust the stroke width.
    Any idea what's causing this?

    Looks like its duplicating profile points, but that may be entirely a precision error with your mouse clicks....
    Mylenium

  • Feathered edges when using free transform

    Hello
    When I apply a free transform to a raster layer or a smart object, the edges of the layer get slightly feathered (1px on each side). To demonstrate, here is a smart object that contains a rectangle shape. Here it is before applying free transform:
    And here it is after being scaled down (bear in mind that the anchor point of the transform is set to top left):
    Note how the edges are no longer crisp. Normally, I would have to go to the original image document and use the Image > Image Size panel to resize it to what I want and then repaste it to my document, but this is inconveinient and not particularly elegant. I want to be able to do this in my main document without hassle and particularly, I would like the edges of an image to remain clear if I'm free transforming a smart object.
    I know that I can set the image interpolation setting to Nearest Neightbor in Preferences > General, but then the result is even worse as far as image quality is concerned.
    Is there a way to get around this problem?
    Thank you

    To further what Chris has said...  You want both high quality resampling AND pixel-alignment?  Those are competing goals.
    One thing you could consider doing, if pixel-alignment is paramount is to use use a rectangular shape (i.e., via a vector mask) and the Snap To Pixels option:
    -Noel

  • Newbie Problem, White edges when using colors?

    Hi, I am new to illustrator, and this problem has been bothering me forever. I have googled beyond belief, but no answer. Maybe I am using the wrong terminology? Not sure. But overall, when I create things in illustrator, and use color, there are white edges around everything. Example below.
    Also the colors I choose don't seem to be the ones that show up. Like, for the example above, I chose a deeper purple, but a lighter purple came out. I guess illustrator is A LOT different than photoshop.

    well, i recently had something like that too.
    I just couldnt figure out why it was showing up.
    Untill i began looking at the layers.
    It seemed that somehow some layers got duplicated and stuff.
    So i recommend that you have a look at your layers and check for unwanted duplicates.

  • Imported jpeg pictures jagged edges when in motion

    When I import jpeg pictures into final cut pro I have a problem with pictures developing jagged pixilated lines throughout the picture when I put them in motion. I thought the image size had something to do with it but I reduced the size in photoshop to no avail. Any advice will be appreciated much.

    Sorry to step in. I am about to upgrade to a MacBook Pro 17" and buy the Final Cut Studio 2. What is holding me back is I have experienced a similar problem to this string of comments and I am wondering if someone can help me.
    I am trying to make a film for my wife's 40th and have a ton of high res JPEGs as well as a combination of HD video (MPEG4 format from the Sanyo Xacti HD1000) and other formats that I am currently having converted into digital.
    Unfortunately the team at the apple shop here have had two problems:
    1, when they import the high res JPEGs they look fine until after then rending process when they become pixilated. These are photos from a 10 MegaPixel camera.
    2, The HD Video Clip (the MPEG4) format shows up as a green screen on their computer.
    It turns out that they are still using the FCP version 6 and noone at the shop (Ultimate Apple Computer on Stanley Street) knows how to use it or fix the above problems.
    I'll step up tomorrow and buy a the MacBook Pro 17" if I knew I could do this. Can anyone tell me how to overcome these issues?
    Thanks

  • Shape tools giving jagged edges when curved CS4

    hi everybody,
    thanks in advance for whatever help you can give me on this.
    I am working in CS4 under windows 7 with all the updates for the system and for CS4.
    I was doing okay until recently when i started noticing that the shape tool was giving me
    jagged and fuzzy edges, even whil it was still vectored. the docs i work in are 300dpi,
    and as long as the shape tool does a straight edge it's seems to be fine, but when i
    try to do a an egg or oval shape the jaggedness appears and i cant seem to do anything
    about it.
    i have uniinstalled cleared all preferences and reinstalled to the same outcome.
    what should i do?
    Thanks again.

    i have viewed it zoomed out and in. before i had this problem if i was dealing with a vector shape i could zoom in and see clean edges. the same if i created a shape with the pen tool. right now if the shape is not straight edge, the curved edges are fuzzy no matter which way i pull it or zoom it or anything. i just dont know what to make out of it. i have reinstalled it twice after cleaning out the registry and any lingering files that i could find in my app data folder and the program folder in program files. i dont know what else to do.
    i'm on windows 7 ultimate
    ati hd2600 pcie
    4gb of ram
    150gb system drive with a 1 TB drive for storage.

  • Disturbance and Sharp edges when using brush tool.

    Following are the specs:
    Photoshop Version     : CS5 Trial, CS4 extended
    OS                            : Windows 7 Ultimate 32 bits.
    RAM                         : 4 GB DDR3 (3 GB Usable)
    Video Card                : XFX GeForce GT 240 1GB DDR5
    Free Disk Space        : 14 GB Free in C:/ Drive (Primary storage drive for cache levels)
    Monitor                     : Samsung Myst Eco 20 inch widescreen LCD.
    Well there is no error in my photoshop except when i use the brush tool the brushing looks like its full of dust speckles. Like i am using scatter. When i zoom in it looks weirder. I thought it will be my monitor (i raised a discussion about calibaration of my monitor 3 or 4 months ago when i bought it), but when i export it as .png or .jpeg the image looks perfect i.e. without any scatter. While in Photoshop it looks like i am brushing using some kind of amoeba. I reinstalled cs4 countless times but to no avail. Checked all my brush settings, everything's normal. I downloaded CS5 Trial and checked in it and the photoshop has the same problem. Here are the Print Screen and Exported JPEG's from both CS4 and CS5. And i just wanted to point out that the brush tool works in all other software's so here is Corel Painter PRT SCR too.: What can be causing such weird reactions? I tried enabling/disabling OpenGL rendering, changed cache directories, reduced history/increased history. I messed with everything the performance tab has to offer in preferences, but to no avail. Please Help me, i need to paint lots of thing and with brushes looking like this, it doesnt help at all.
    CS5 PRT_SCR
    CS5 exported PNG
    CS4 PRT_SCR
    CS4 exported PNG
    Corel Painter PRT_SCR

    Wow, I would have bet money that would have made a difference.  You might want to add the monitor profile you had back in.
    The only other thing I can imagine is that somehow your display is set to an oddball color depth...
    Check this:
    Right-click on the desktop and choose Screen Resolution.
    In the Screen Resolution dialog, click the Advanced Settings link.
    In the monitor properties dialog that comes up, in the Adapter tab click the [ List All Modes ]  button.
    Is the current (highlighted) mode a True Color mode?
    Beyond this I can't begin to imagine what could be up with your display.
    Do you see the same kind of graininess in other aspects of the Photoshop display - for example gradients rendered with the Gradient tool?
    -Noel

Maybe you are looking for