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

Similar Messages

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?

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

Jagged Edges on Text/Font

Hi,
I am trying to solve an issue with my AE and every time I use the text tool to make titles or just type text, the text is jagged on the edges and isnt sharp at all. The edges look bumpy and yes quality is set to full, this is a new occurrence as I have had AE for a couple of years now. Please respond soon.

The important thing to remember is that the Comp panel is just a preview. A render will never degrade like the comp panel does. The only true test of a project is to watch it playing at speed on the device it intended to be played on. That's the only way to tell. What I mean by that is if you are doing opening credits for a feature film the only way to tell if they are going to match your expectations is to play them on a big screen with a projector that has the same basic characteristics of a cinema projector. Anything else is just an educated guess.

Jagged edges on text when printing from InDesign

When I print text from InDesign, it prints with rough edges. This happens with text created in InDesign or imported from Photoshop. I can export the same image to a PDF though and it prints perfectly from Acrobat.

Well, I'd say that you should just do your printing from Acrobat.
ID is not really all that good at printing direct to a printer, and it won't print properly at all to some common ones (mostly HP and Ricoh, but not all of either). Are you printing for proofs or final output? I strongly advise printing proofs from the same PDF files that you will be sending out, anyway, and PDFs tend to process faster in the printer than native InDesing files, so you often can shorten the time it takes to get output by exporting to PDF, even including the time it takes to export (plus, export is a background task so you can continue to work in ID, but printing direct ties up the application).

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.

How can I get rid of "Jagged Edges" in FCP from .psd/.tif/.tga text files?

Hi guys,
I posted this once before but don't know if anyone looked at it or not.
I am getting "Jagged Edges" in .psd/ .jpg/ .tif/ .tga text files
when I edit them in FCP5.1.4.
What is going wrong?
It is getting very frustrating for me at this point.
Can someone help me out please?
Thanks,
Zia

The usual questions...
Have the clips you're looking at been "fully" rendered?
Are you looking at the computer monitor or an external broadcast monitor?
You can't judge what you've got unless you look at FCP output on a broadcast monitor.
rh

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

Jagged edges on rotated text in Flash

Does anyone have a good solution for getting rid of jagged edges on rotated text? I have tried the anti-aliasing options but nothing seems to change the jaggedness.
Any advice is apprecitated.
Thanks!

I don't know if this is the problem, but I've seen some display anomalies when using the scroll wheel on the mouse (typically sideways scroll, but it happens with vertical sometimes, too). I know Logitech mice are affected, but I don't believe it's resticted to just the Logitech mice. Im most cases switching to the Hand tool (use the keyboard shortcut Alt/Opt + Spacebar to access it temporarily) and clicking will clear things up again, sometimes for the rest of the editing session. When I see this, though, it affect all pages not just one.
Does the type clear if you restart ID and reopen the file?

How can I get rid of "Jagged Edges" on the text in FCP?

Hi guys,
I am running FCP5.1 and I have a still image (.jpg) of a consumer product with the name of the product and the description on it.
When I view it in the viewer or canvas, I see jagged edges around the name, description and the product.
Even when I use the FCP text tool, I still see it.
Can someone help me out please?
Thanks,
Zia

what is the resolution of the image? highlight the jpg on the timeline and press option(apple)+9... this will bring up the item properties window... about half way down on the Format page you will see Frame Size... what is it?
J

How can I get rid of "Jagged Edges" on the text in .jpg/.psd file in FCP?

Hi guys,
I am running FCP5.1 and I have a still image (.jpg) of a consumer product with the name of the product and the description on it.
When I view it in the viewer or canvas, I see jagged edges around the name, description and the product.
Even when I use the FCP text tool, I still see it.
I even see jagged edges when I import a .psd file (photoshop doument) with text on it into FCP.
It is getting very frustrating for me at this point.
Can someone help me out please?
Thanks,
Zia

No need to double-post... most questions are answered pretty quickly...

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.

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

Jagged text/shapes when text/shape color is something other than white

I have an issue in a Premiere Pro project where I am adding in either an AI slide, a PSD or using the Titler, and the text looks great, nice and crisp, until I render. Once I render, the colored text (anything other than black or white) shows jagged edges.
Here is an example of what is happening. Although the images upload seems to have downrezzed this a bit, the white feather at top left is the best example.
http://i1.creativecow.net/u/226028/videosamples.jpg
I am eventually exporting to Flash, where the issue still shows up, even though in the export window, it shows that the Output looks better than the Input.
Any help would be greatly appreciated. I have tried outlined AI files, PSD files, PNG files, JPG files, the Titler, all with and without Frame Blend, both RGB and CMYK, to no avail. I'm clearly missing something, since the white text looks great. Thanks in advance.

By render the timeline - I mean that it goes from red to green.
Sequence settings:
Editing mode: HDV 720p
Timebase: 23.976
1280x720
Square pixels
Progressive scan (no fields)
Exporting to Flash, I used FILE > EXPORT > MEDIA
Then selected FLV | F4V
F4V same as source
left all options the same
VBR, 2 pass
Increased bitrate to 5mbps target
Premiere version: CS4
Hope that helps.

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 Text & Shape Layers

Similar Messages

Maybe you are looking for