Jagged edges on curved shapes

Flash has some serious problems with jagged edges on curved shapes. When adjusting a curve on a shape, flash shows that it is curved
and then on releasing the mouse it turns into a sharp edge. It has never worked correctly.
Operating System:Mac 10.5, Flash CS4

Is it a fairly small shape and you're zoomed in?

Similar Messages

Jagged Edges on Text & Shape Layers

Hi there,
I've been experimenting with creating 3D logos, text and shape layers with AE CS6 by using the "shatter" effect. I have noticed that curved letters (like "S") or curved shapes are jagged, even when rendered in full quality (see attached image).
Is this due to a setting in After Effects? How can I smooth this? I have experimented with Ray Trace as an alternative way to extrude, but with only 8GB of RAM I am unable to render out sufficiently high quality 3D text or layers in enough time.
Thanks.

It's a limitation in the technique you are employing. As Rick said, make the text as big as you possibly can, then scale it down again after the effect is applied.
Mylenium

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.

Object Path Outline Stroke creates jagged edges for curve

When I outline a stroke, the nodes created along the curve are not smooth. Have these weird funky loops.
Here is the images as just a stroke with 40 point weight. The segment showed has 3 anchor points.
Here is the funky loops that I discussed above.
Any idea how to smooth out the curves better and avoid this issue? Trying to build a font in Illustrator before I transfer to Fontographer but this is problematic for all my curves.

Thanks for taking a look guys. I've attached additional screenshots.
Here are the anchor points. The nodes and handles all snap to a 10pt grid (sorry about the bounding box, but you can still see the anchor handles in there).
These are my brush definition settings.
I did create the curves using pen tool, then applied the brush definition to the path.

Shape jagged edges issue?

I'm creating objects in illustrator (CMYK, 300dpi) for print purposes and the thing that bothers me is the jagged edges with a light pink color between the fill and stroke of the shape (see image) at any zoom level.
This shape, created in Illustrator, is being imported into a Photoshop collage at the same resolution on a dark grey background, where the jagged edges become even more striking.
Will this look as it should when it comes out of printing house? I know there's a difference between shape handling in Ai and Ps because of the different output media for each another...but still the screen appearance is disturbing.

function(){return A.apply(null,[this].concat($A(arguments)))}
I'm creating objects in illustrator (CMYK, 300dpi) for print purposes and the thing that bothers me is the jagged edges with a light pink color between the fill and stroke of the shape (see image) at any zoom level.
I'll assume your screenshot is from Illustrator, not from Photoshop after importing the AI elements. That is, I'll assume that both the red shape and the black shape are native to Illustrator, both are vector paths with ordinary fills applied (no raster-based effects), and you want to bring both of them into Photoshop. The undesirable "light pink" is what you're seeing in Illustrator.
First, understand that in Illustrator you are not creating pixels. You're creating paths. Paths are mathematically-defined curves. You apply fills, which are just another kind of command, not pixels. Now...as you work in Illustrator, Illustrator has to display what you are creating on your monitor as pixels, even though what it's creating are not pixels. In other words, it's "printing" the mathematical shapes to your monitor. Your monitor is acting as the "printer." The monitor has pixels, but your objects (the paths) don't.
By default, Illustrator "prints" to your monitor using an algorithm called anti-aliasing, which is just a routine that disguises the inhernent jaggedness of the large, crude monitor pixels in order to make the on-screen appearance smoother.
You can turn that anti-aliasing behavior off in Illustrator's preferences. Turn it off and you'll see the edge between the black and red objects become more jagged, but the pink goes away. The degree of jaggedness will stay the same regardless of zoom, because the jaggedness you're seeing is the physical jaggedness of the pixels of the output device (your monitor).
Well, the same principle applies to anti-aliasing. You say the undesirable light pink along the edges occurs "at any zoom". (Again, I'll assume you're doing the zooming in Illustrator, not Photoshop.) So if you have antialiasing turned on, and if you zoom in alot, you still see the unwanted pink edge. But now ask yourself: Does the pink edge actually grow larger as I zoom in? If it doesn't, it's not "real"; it's just the result of the anti-aliasing routine that Illustrator is using when it "prints" to your monitor.
Further, you already know that you have not created any pink objects, right? So the unwanted pink edge is just an anti-aliasing artifact when viewing the artwork in Illustrator on your monitor. That is, since you haven't created any pink objects, there won't be any pink objects when you save the Illustrator file.
Now...all the above applies while working in Illustrator. Read on...
function(){return A.apply(null,[this].concat($A(arguments)))}
This shape, created in Illustrator, is being imported into a Photoshop collage at the same resolution on a dark grey background, where the jagged edges become even more striking.
The artwork is "being imported" into Photoshop how? If you paste or import the vector artwork into Photoshop, it is going to be rasterized (converted to pixels). If you export the artwork from Illustrator to a raster image, it is going to be rasterized. Either way, somewhere along you are going to be presented an option to let you choose whether the imported or exported vector paths use anti-aliasing when that rasterization occurs. If you choose to apply anti-aliasing during the export or import, then yes those pink pixels are going to actually exist in the resulting raster image. However, the degree to which they are visible will depend on the size of the pixels relative to the scale at which they are printed.
So again, ask yourself the same question, but this time, in the context of Photoshop: When I zoom in alot (in Photoshop), does the unwanted pink edge grow larger? If it does, it's real pixels, and yes, it will print. But again, how visible it will be in print depends on printing scale.
Understand also: Such edges are not necessarily undesirable. In raster imaging, one often goes to great lengths to add such "edges" between adjacent pixels of different color. That's essentially what sharpening does. Sharpening actually alters the colors of adjacent differently-colored pixels so as to increase their difference. In the case of any color against black (since black can't get darker), this would result in an "edge" of pixels that are lighter than the non-black color.
function(){return A.apply(null,[this].concat($A(arguments)))}
Will this look as it should when it comes out of printing house?
That's where you have to define "as it should". When you rasterize the vector objects into another raster image in Photoshop, it all ultimately becomes one raster image. Zoom in and see if the pink pixels are actually there.
function(){return A.apply(null,[this].concat($A(arguments)))}
I know there's a difference between shape handling in Ai and Ps because of the different output media for each another
That doesn't make sense. If this is something that you know, you need to find a better way to state it.
function(){return A.apply(null,[this].concat($A(arguments)))}
...but still the screen appearance is disturbing.
On-screen appearance is always disturbing. Anti-aliasing is just one flavor of disturbance. Color accuracy is another. The fact is, a monitor is a very very different kind of output device from a printing press, and the two are never going to look the same. That's why the answer to whether it prints "as it should" lies in the printed results, and that's where you have to look for the answer. But if you send a raster image to a printer, if the unwanted pink pixels are actually there in the image file, then yes, they will print. You can determine whether they actually exist in the final raster image by examining it in Photoshop.
JET

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.

Shapes get random jagged edges

Hello,
I am working on a freelance logo and the client kept mentioning that my sample PDF's seem to have "smudge" on part of it, I never saw it and then I asked them to actaully SEND me the file while I was not at my primary computer so I can look at it.
It is really wierd. It seem that when you zoom in and out the shape changes and gets these ramdom jagged edges. I don't see them on my computer or phone and my client only sees them on her desktops but it does also print out with these wierd edges as well. I converted all type to lines and did an export to PDF to show her samples. I have attached photo expamples. Please help! i have never had this before. The first image shows how it is supposed to look and how it did look when I first opened, the other 2 show what happens when it gets zoomed. And it changes too, it isn't the same jagged edges everytime.
Thanks!

In IIllustrator, you woudl normally chaneg your limit (AKA miter limit, flatness) to a lower number
Since this is happening in acrobat, you may be able to fix this with your preview settings. Problem with that is your clietn would also have to change their settings. The ones under rendering is what you want to change.
If thsi dont help. you want to look at where tehis is happening and if you have overlapping vector points, would be good to clena that up. You also could jsut use object >> path >> outline stroke, to get rid of stroke, so that acorabt is nto tryign to render them (whcih goes back to the beigginng of my post as I belive the pdf rendering of miter limits is at play here - no stroked paths, no miter limits).

Shapes Created in AI CS6 Have Jagged Edges

Hi Everyone,
I have Illustrator CS6 and I've noticed something odd. Whenever I create shapes they have jagged edges. I've attached a screenshot so you can see this. 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've never noticed jagged edges in Illustrator before so I'm curious why it may be happening now.
Any help would be appreciated. Thanks!

Doug,
As (the other) Doug said.
You may enjoy how the (slight) jaggedness becomes relatively smaller as you zoom in; that is an obvious way of determinning whether you have vector or raster artwork.
When you print, the visibility of jaggedness depends on the print method and resolution of spots/dots/lines/whatever, and when you present artwork on the web and similar, the jaggedness will depend on (the settings of) the monitors of the receivers/visitors.

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

Fireworks cs4 - jagged edges on png32

Please open the fireworks png and see the jagged edges of the buttons on the black background. The icons are set to png32... why am i getting jagged edges and how can I fix

Hmm.
How's this?
I took your .png, doubled its size (Modify>Transform> Numeric Transform and Scaled it by 200%), exported it as a 24-bit .png, brought it back in and reduced it to 50%,back to its original size.
Since the shapes were vector based, they were smoother at the larger size, prior to export/opening/reduction.
If you do this, you should probably put your icons on a larger black background, so there are more black pixels to anti-alias against and work with on the scaling steps.

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

Adobe Flash Professional CC brush lag, and jagged edges

So, I've been trying to use adobe flash, but whenever i try to draw anything, the brush lags, and it comes out as jagged bent lines. If I use the brush really slowly, it will work properly, but I am unable to use the brush or pencil tool at normal speeds without getting these jagged lines. There is a screenshot included, please help. I've updated my graphics card driver, and my specs are down below.
(PC Specs):
AMD FX 4300 3.8GHz
NVIDIA GTX 770
8GB Corsair RAM
Windows 8
I have a Wacom Bamboo, but both the mouse and my drawing tablet are laggy.

Here's a list of steps for reproduction of the issue. (My problem is that curves drawn with the pencil tool are automatically partially straightened, especially when drawing quickly. Here's a link to a video of the problem: https://forums.adobe.com/message/6673728#6673728)
1. Open a new document and select the Pencil tool.
2. Pencil Mode should be set to Smooth. In properties, set Smoothing to 0.
3. Draw a line either using a Wacom tablet, Cintiq, mouse or Mac trackpad. Wait to release the stylus/mouse button and look at the representation of your gesture.
4. Release the stylus and see how Flash rounds your curve inaccurately or straightens a section of it.
5. Illustrate a variety of curve shapes at varying speeds, especially quick ones.
6. Zoom in to about 800% and repeat the drawing steps to see more enhanced problematic drawing representations.
Results: Drawing with the pencil tool is erratic and does not represent input, especially quickly drawn curves.
Expected results: The pencil tool in Flash CC should perform accurately as it did in versions CS5.5/CS6.

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 using DVCPRO 50

yeesh.
We are capturing footage that was shot at 24 fps, 16:9 anamorphic standard def on an SDX900 camera using on DVCpro tapes, off of an AJSD93 deck over firewire. We capture with the DVCPRO50-NTSC codec, and have tried both 23.98 and 24.
and we are PLAGUED with these frames with horrible jagged edges. This appears to be an interlace/field dominance problem, but uh it was shot progressive. Any of you masters got any ideas?
below is the example frame
Using a quicksilver g4 finalcut 5.04
Thank you so much!
Dillon
g4 desktop Mac OS X (10.3.9)

Please pardon the intrusion…
Hi, Randy!
Congratulations on advancing to Level 4!
At the Water Cooler in the Level 4 Lounge, we are throwing virtual confetti in celebration of your attainment of Level 4-dom. Would you care to join us at the Water Cooler?
On the Discussions Home Page, down at the bottom, you will, hopefully, soon find the Lounge link available to you. It should show up for you within the next 24 hours if all goes as it should, but they have been "experiencing some technical difficulties" sometimes resulting in long and unforeseen delays. Have faith, keep looking for the link on the Discussions Home Page, and we'll keep the party going until you get there.
Hope to see you soon!

How do I get rid of jagged edges in Photoshop?

Can someone tell me how to get rid of jagged edges in Photoshop? I've tried using the refine tool and checking the anti-aliasing/smooth option, but neither appears to work. Here is the problem. I use Photoshop to create the images for heat transfers that I press on to T Shirts. In transparent mode, I cannot see the edges, nor can I see them once the transfer has been printed, but when I press the image on to a T-shirt the edges are extremely jagged. Also, when I add a solid blue background in Photoshop, I can see the edges. I am using the TW Cen MT Condensed Extra Bold font (140.13 pt).
Additional Questions:
Are there fonts that inherently behave this way when stretched?
Are there fonts that hold up more consistently when stretched?
Will rasterizing the image resolve this problem, or at least give me a higher quality image when stretched?
Is there a way of using inches instead of points for font size and if so, where do I change it?
Is there anyone out there who uses Photoshop to create text and images for T-Shirts? If you have the answer to any of my questions, please respond ASAP. It is extremely important that I be able to get consistent results clean, smooth images that transfer well onto fabric. I am attaching my text image on transparent background, as wells as a solid blue background. You may have to zoom in on the gold and black image to see the jagged edges on the fabric.

You have AA set to None in the Options bar is my guess. Use whatever option looks best, but never use None.

Jagged edges on curved shapes

Similar Messages

Maybe you are looking for