Vector Circle Has Jagged Edges - Why?

I'm creating a button logo in Fireworks for print use and
wanted to use Vector shapes as I thought they didn't distort.
I'm working in CMYK at 300DPI.
So I start out with a white vector circle for the outer-ring
to the button using an Anti-Alias edge:
White
Button
Then I add the inner vector cirle, same deal as before:
Blue inner
circle
So far so good.
Now I add an outer bevel effect to the blue circle to give
the button effect and....
WOOOOOAAAAHHH!!!!
The blue circle's edges have gone jagged! What happened
there? I thought that Vector shapes retained their edges because
they weren't confined to tiny pixels. What's going on, why aren't
the edges retaining their smoothness once I've applied an effect to
the shape?

For now, if you recreate the effect with an inner bevel
instead you will
get rid of the jaggies. (softness = 7)
alex
thedrumdoctor wrote:
>
quote:
Originally posted by:
Newsgroup User
> thedrumdoctor wrote:
> > I tried the an export as a 24 Bit PNG and the edges
remaind jagged.
> >
> > I tried the same experiment in Photoshop with the
Vectors shapes there and
> the edges were perfect. Looks like Photoshop wins!
>
> Not sure what I am doing differently. I created a 300
dpi image in FW,
> drew the circle, filled it with blue and added a soft
bevel. No jagged
> edges. At 100% magnification things look fine on screen.
>
> Did similar in PS and got a very similar result,
although the bevel is a
> bit smoother.
>
> Are you referring to printed work, or screen work?
>
> Would really appreciate seeing the original png and
samples of the
> Photoshop vs Fireworks end results. If it's a
reproducible issue, it
> should be reported as a bug for future releases.
>
> --
> Jim Babbage - .:Community MX:. & .:Adobe Community
Expert:.
>
http://www.communityMX.com/
> CommunityMX - Free Resources:
>
http://www.communitymx.com/free.cfm
> ---
> .:Adobe Community Expert for Fireworks:.
> Adobe Community Expert
>
http://tinyurl.com/2a7dyp
> ---
> See my work on Flickr
>
http://www.flickr.com/photos/jim_babbage/
>
>
>
> Well, I've repeated the exercise with a new png file and
uploaded it here
>
http://www.nlauro.f9.co.uk/images/test.vector.circles.png
>
> As you can see, the edges are still jagged on the blue
circle. You can
> download this and see for yourself anyway.
>
> This was done in Fireworks MX so I'm not using the
latest release of Fireworks.
>
> The shape was eventually destined for print work by the
way. As much as I
> don't like the clumsy way PS forces you to create vector
shapes, it produced a
> near perfect smooth edge on the same experiment.
>

Similar Messages

  • SVG symbol has jagged edges

    I've imported some SVG images (simple vector shapes from Ai) but the images have jagged edges. Anyone know how to overcome this?

    sorry meant to say that it works in idvd. When viewed on the dvd player or computer it looks very jagged.
    S

  • 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

  • Video has jagged edges

    I've just burned a first dvd with my new mac book pro and final cut express upgrade. The video shows jagged edges all through. It seems fine in the editing program and viewing in the dvd. What can I do to correct this problem.
    sputnik

    sorry meant to say that it works in idvd. When viewed on the dvd player or computer it looks very jagged.
    S

  • Logo has jagged edges

    I am trying to put a logo on the menu and it looks awful. the edges are completely jagged and the logo is pixelated. Bringing it in as the original photoshop file. any suggestions.?

    Hi:
    Are you addind it as a drop zone? Or directly in the background?
    The best results are incorporating the logo to your background image/animation and never let DVDSP to scale it; import your images to the final size you need them.
    Hope that helps !
      Alberto

  • Please help! GH1 footage has jagged edges in Premiere Pro CS5!

    Hi everyone. I shot some footage with my Panasonic GH1 (the GH1 records 24p inside a 60i wrapper) and placed it into the AVCHD 1080p 24 timeline. Now, my footage has jaggies wherever there are horizontal edges of objects in the footage (eyeglasses frames, edges of chair, etc.). I am guessing this has to do with the footage being interlaced. But, when I click on the clip and go to Interpret Footage and click "Always Deinterlace", nothing happens. The footage looks exactly the same! How do I get rid of the jaggies? Thanks.

    Yes it does. But... here's something I found out recently. I downloaded the Cineform Neo Scene demo and while it works, it makes huge .avi files and kinda defeats the purpose of being able to edit the native files. So.. after further investigating... late last night I launched TMPGEnc 4.0 Xpress just to see if the cineform codec is in the options.. It is. So, I could use the codec from the demo to do the job... But.... Xpress does a FANTASTIC job of pulldown on it's own! Just click filters>deinterlace.. 24p Pulldown removal! Then you can save that as a preset and apply it to groups of clips. Then export as .mp4 which is also h.264 at around 20mb/sec CBR and you have files around the same size as originals that will edit just like AVCHD in CS4.2/CS5 Plus.... Xpress 4.0 uses the Cuda card for encoding! SWEET!
    Oh.. full version $99
    http://tmpgenc.pegasys-inc.com/en/product/te4xp.html

  • Saving Shapes to PNG Causes Jagged Edges

    Hello,
    I use a Mac and I have Illustrator CS6 and I've noticed something strange. I create shapes using the pentool. When I save the shape to a PNG with a transparent background, it looks smooth, however when I import and resize the shape it pixelates and it has jagged edges.  I've attached a screenshot so you can see what I mean.
    I'm wondering if it's a setting or something that I don't have turned on (or off).  Or perhaps it's something else.  I'm curious why this is happening.  I’ve turned on the Anit-aliased Artwork and changed the ppi to 300…but to no avail.
    Any help would be appreciated…but I’m new to Illustrator and have no idea, so please use detailed and basic instructions that a noob can understand. 
    Thanks in advance.

    peta2005 wrote:
    however when I import and resize the shape it pixelates and it has jagged edges.
    You answered your own question. A png is a raster image therefore resizing the image will pixelate it.

  • Pasted Ai graphics (svg) have jagged edges

    I am working on an animation in Edge Animate and have been copy and pasting all the assets from Illustrator. I noticed that the result, whether it is in the Edge interface or the published HTML file, has jagged edges. I assumed that they would be smooth since Edge was creating vector files, but that is not the case.
    Here's what I'm seeing:
    Thank you in advance for any help you can provide!

    We were able to solve the above issue that Micah was facing with SVG. Posting this here for the benefit of others seeing the same issue.
    Description:
    In Edge Animate CC there existed a SVG pixilation issue which is observed on browsers when any SVG content is animated with “scale up” transform. To solve this problem in Edge Animate CC 2014 we are scaling up the container div by a factor of 10 (which is by default) and then using image filtering to reduce the resolution based on the inverse scale. Property panel will show this inverse transform scale since that is the transform scale applied to the svg element.
    This scale factor can be changed from:
    1.      Close Animate
    2.      Open the preference folder:
    a.      Windows: C:\Users\{username}\AppData\Roaming\Adobe\Edge Animate\4.0.0\
    b.      Mac: /Users/{username}/Library/Prefrences/Adobe/EdgeAnimate/4.0.0/
    3.      Open the AppPrefs.xml file in a text editor.
    4.      Search for the Current line in AppPrefs.xml:
    <key>SvgAntiScaleFactor</key>
    <float>10</float>
    Update this to:
    <key>SvgAntiScaleFactor</key>
    <float>1</float>
    5.      Launch Animate
    6.      Now try to copy the assets from Ai to Edge and check if you still see the jagged edges. Note: reopening the old composition with the new preference settings will not help. You will need to re-copy the assets with the new preference setting for this to work.
    Thanks,
    Sujai

  • Jagged edges on text

    My text has jagged edges after I render in FCP 4.5. This also happens when I import files from After Effects and Live Type. I recently lost all of my sequence and render settings, so my thinking is that it's one of those settings. Any ideas?

    By default FCP sequences are in the DV codec which looks as if it loses resolution when viewed on a computer monitor. If you're outputting your video to an NTSC monitor via firewire, DV should look fine ... you must be looking in the Canvas.
    (DV doesn't really lose much resolution on computers ... if you open a DV video file in Quicktime & go to Movie Properties-->Video Properties, you can select "High Quality." The Powers That Be at Apple so ordained this setup because computers used to have trouble playing back full-resolution video at 29.97 fps ... not really the case nowadays but they keep playing DV at "low quality" by default.)
    If you change your sequence codec to Animation it will look sharp & crisp. But be careful, Animation files will eat up space on your scratch disk like CA-RAAAAAAZY. So either you need oodles of space or short animations.
    Message was edited by: Caillera

  • 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.

  • 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

  • Round borders are not round but jagged edges above flash content

    My JQuery dropdown menu shows round borders when mouse over.
    It looks fine on IE & Chrome, but it has jagged edges above flash content on FF16.
    My code is "border-radius: 8px 8px 8px 8px;"
    Please, take a look at my screen shot and help me to fix this issue.
    https://dl.dropbox.com/u/91354270/FF16-error.jpg

    Thanks for the reply valf - you can see a trial version of the page here http://www.banded.co.uk/festighoul_trial.html
    Notice that there is a large empty black div at the top of the pagewhere flash content should be playing... The tool tip trigger is nearer the bottom of the page (a graphic of a '?')
    Thanks

  • Why is my rendered color corrected movie pixelated with jagged edges after rendering?

    Hello All,
    I am new short film movie producer and have just started using Adobe Premiere CS6 and Audition CS6.  Comparing my flat footage before adding it to a sequence and color correcting it and rendering it, it looks fair.  But after all these transitions it now looks pixelated along with very jagged edges.  This is my first short film for my first client and I am at my witts ends!  I have tried to copy the sequence and transfer it to a new sequence with differnt settings comparing the pixel aspect ration, fps, trying to match the clips specs and I am so stuck. Can anyone please offer any suggestions or let me know if there are procedures I have overlooked.  Thanks Adobe Community.
    Michael Diaz

    Let's back up a step - what camera do you use? If it's an HDV model, then yes you have anamorphic footage. Simply choose an HDV sequence preset to match. If your camera shoots 720p or full 1920x1080, those are square pixel (1.0) formats and are not anamorphic (anamorphic does NOT mean widescreen, it means "stretched to widescreen" basically).
    In any case, drag a clip to the New Item button for best results until you get more educated and confident about the different formats you may be working with.
    If you copied and pasted the contents of the SD sequence into an HD sequence, all filters and effects you had applied before should remain intact and not need reworking, except possible for titles and things involving scaling (since the size has changed).
    As for exporting, you typically will NOT want an anamorphic export, except for widescreen DVD. You will not see anamorphic mentioned though, just choose "MPEG-2 DVD" and an appropriate widescreen preset and Adobe knows what to do from there. For web/computer viewing, best to avoid anamorphic footage, since many players assume 1.0 PAR and do not adjust the image for non-square pixels. So if working with 1440x1080 footage, and exporting to web or YouTube for instance, export as 1920x1080 (1.0) or 1280x720 (720p) so the viewer sees the proper 16:9 output, or the image may be squished otherwise!
    Thanks
    Jeff

  • Why does this logo have jagged edges?

    I'm working on a new logo and before I get too far along I need to resolve this issue;  why does this shape have jagged edges when posted on the web?
      you can see it on-line auctionontario.ca
    Thx

    auctioneer,
    Obviously, you are using the transparency available for the GIF format.
    In addition, you should tick the Anti-Aliasing which is, unfortunately, hidden away like a hidden feature in the Image Size window within Save for Web.

  • Jagged edges on vector art and fonts on R1900 using AI CS5 in OSX

    OS 10.6.4 (Mac Pro 2x2.4 GHz Quad-Core Intel Xeon, 12GB ram 1066 MHz DDR3)
    Problem with the R1900 Printer and AI CS5
    I have been using the same printer with CS4 without any trouble whatsoever for at least 5yrs. Beautiful quality prints without so much as itch and great color control...
    In October I finally made the switch to CS5 and my printing capability goes to hell.
    Quality printing straight from AI to a non-postcript inkjet printer such as the R1900 doesn't seem to be an option anymore...
    I get jagged edges on vector art and fonts. I do graphic arts/logos/prints and this is a huge issue...!
    Apparently I have to save my AI files as PDFs and print from there, but this poses extra steps, troubles in sizing, colors, page set up...
    I mean nothing beats being able to print direct from AI... I cannot understand what the problem is all of a sudden.
    At home I have a late '06 Mac Pro running CS4 and printing successfully to a C88 epson inkjet printer under OSX 10.5
    What is the matter, please help, this is cramping my style and performance???
    thank you
    JF
    New York

    Ok this would not be a problem with 10.4.11 on a Power PV Mac but on an Intel Mac running 10.6.4 or running anything above 10.4.11 on any Mac you would need a postscript driver. Problem, there is no postscript driver for this model Printer this is actually a photo quality printer, that is what it does best.
    So what to do the best one can do is to save the file as a pdf and print from Acrobat. There is no other way regardless of what one would like and expect.

Maybe you are looking for

  • [solved]Catalyst + xorg 1.6 = Has anyone gotten it to work?

    After going over the wiki for ATI and installing the catalyst+catalyst utils (9.4) from AUR using yaourt, the device refused to load. Now, I don't have the error on file as I'm not at home. But the question remains: Has anyone gotten this to work? (*

  • Where is the list of hyphenated words located in mac os x

    I would like to create a list of words in Armenian for auto-hyphenation. Is there a way I can create this list and install it where the English hyphenated word list is installed, so that any word processor can auto-hyphenate an Armenian text? After c

  • Hi everyone, i'm living in a shared house and my housemat...

    Hi everyone, i'm living in a shared house and my housemates are spending too much of our bandwidth on p2p stuff. Our internet package has a limit so when we exceed it before the end of the month, our speed gets shaped to around 10kbps. This month, we

  • Determine characters and words in a string

    Hi How do you write code to scan one line of string input and determine the total number of characters and words on one line? Please reply soon. Thanks, Sincerely, Egan

  • SRM Stuff

    Hi experts, Can any one give me guidelines on SRM Analytics and i need documentation on same. it's very urgent because one of the clients wants working on SRM Analytics i will assign points Thanks in advance Regards venu.