Image Line Smoother

[Landerico Benson]

WhenI try to draw quick scribble lines using canvas' DrawLine block, the curves of the scribble are not smooth. The distance between PrevX/Y and CurrentX/Y is very big (in 10s of millimeters) and thus, the curves appear as a polygon rather than a smooth curve. I am not sure why the distance between two consecutive points is so big. I have also tried to add a DrawCircle along with DrawLine in the Canvas Dragged block. This has smoothened the line edges but at the turning points this not curved, rather there are sharp angular turns.

Dear dora_paz, I am not sure how fast are you drawing. Please look at my scribbles, The above one is slower and is much smoother as compared to lower one. I drew the lower curve faster and the curve got distorted. The lesser the linewidth the uglier it looks.

It will not pick any closer points because it cannot "see" them in fast movements. But do you need such fast movements? With normal drawing, it is fine. Quick movements are scratching, and when you crinkle, the shape is probably not important;)

In my little tryout of a doodle app, the curves are not completely smooth, but close enough.

If you really, really! need very smooth curves, you should keep a list of the points you go through on the canvas and use Bezier curves through these points. In JavaScript there are enough examples for this which you could use as an example, or write an extension, or maybe someone wrote one that you could use.

But my advice would be: live with it. If that is not an option, learn Java.

I'm new to pcb editor. I have problem with line trace, it's not smooth, it look like segment line. Pls see the image I capture from my screen. Pls help me how to change any option in pcb editor so the line become normal.

OK, try this: apply a Gaussian Blur to the image (I used it at 7 or 8

pixels) to smooth those lines up, and then apply a Unsharp Mask to

sharpen it again. You should end up with fairly smooth lines. You can,

of course, tinker with the settings of both filters to fine-tune the

result.

I do not think this is a GRAPHICSCONFIG issue but more of an assist issue. If I draw a straight line a few degrees from horizontal, it will be stepped to show the user that it is not horizontal. I want to put my drawings on a website and I want smooth lines. How does one do this? I will export the drawing in bitmap format.

In that case (as you most probably recalculate the resolution of the image) you might use tools which calculates the anti-aliasing afterwards, after you have resized the image (or during the resizing).

Please tell me what type of website are you working to develop? Is the vector approach an advantage or just an extra step? How have you been moving the data to BMP? At you merely doing screen captures or are you outputting to an image format using Plot or Export?

I use AutoCad everyday and I am very familiar with it. I want to add some simple 2D drawings to a website. I also want to make a logo using AutoCAD. If you look at the example below, you can see how the straight lines are jagged. I want to make them smooth. I understand that the hexagon is most likely parallel to LED spacing on my screen making them extra clean. I just want all straight lines to be smooth. I have made the line thicker with no success. I have made about 5 transfers with as many software packages and produced straight lines. I want to do it with AutoCad. Please help.

You can create a high-quality, transparent .png, which is far superior than bitmap for websites (and anything else I can think of).

First, print your file using the AutoCAD PDF driver, which creates a vector-based .pdf.

Then, open that .pdf with Photoshop or another similar photo editor save it as a .png.

AutoCAD's built-in PNGOUT command is pretty worthless for any application I can think of.

Stair-stepping is clearly noticeable in the long top edge of the wrench in post #6. Click the icon in the lower right to make the image fill the screen and it maintains the same quality. Two different image files are used here but both have the same finite resolution (pixels per inch of the physical screen) but the larger image has a higher overall resolution.

I am using width over path to create two directions thick to thin with a rectangle. This is the first time I have tried this method. The path has very jagged lines - with the source repeating over the stroke. How can I smooth out and get flat lines? Is is possible?

The shape you're showing is easily made in Motion using Shapes. You can actually apply "vector" shapes (or a group containing vector shapes) as an Image "source". Vector shapes have "infinite" smoothness.

My problem is that the method of using image brush with an image source - produces the jagged lines. Is there are a way to smooth out and get flat strokes - using the image brush method with width over stroke applied?

The smooth examples you provided there, all linked together, are they done by importing a vector graphic, or are they done in Motion with native tools? if I could make just 1 of those with native tools in Motion I can move forward. I need to be able to publish size and width. Sorry, I am a little frantic and desperate for a solution at the moment, hence my erratic replies.

Yes - they were done with the rectangle tool, then I used Convert to Points (making them the "old-fashioned" shapes). I used one as the "master" and the other as a mask cutting the hole inside the larger square. They are not so much "linked together" as they are the "brush" for the Paint Stroke (curved Bezier line in red).

The fastest way to draw this shape is to hold down the Option and Shift keys and drag out a rectangle shape from near the center of the canvas. Change its fill color. Draw a second one inside the first the same way. Select both rectangles (individually) and from the Object menu, select Convert To Points... Take the smaller rectangle (select in the layers list) and drag it onto the larger rectangle. Hold it there for a couple seconds and you will be presented with two choices. Select Add Mask to Shape, then in the Mask inspector, click Invert Mask checkbox. Select one of the rectangles (so that the object outline shows) and right click and select Edit Points from the popup menu. You can click and drag on the round points to change the shape. Do the same for the Mask shape.

Draw a "line" (Pen Tool) on the canvas. Hit the Return key to complete the line shape without closing it. In the Shape Style inspector, turn off Fill if it's on. For the Outline, set the Brush Type to Image. Drop the masked shape into the Brush Source drop well. Increase the Width (a lot) and increase the Spacing until you get the relationships of the rectangle shapes the way you want it to look. [I expect you know all this so far - you've already been into the Stroke inspector].

In the Stroke inspector, there is an option to Align Brush Angle which will automatically align the "Image" source to the tangent of the line. You can also offset the Brush Angle to offset the orientation to the tangent (creating that "interlinked" look in the image I posted.)

The method of masking/cutting 1 shape into another to create an irregular width is something I would usually do. But with that method, there is no width parameter that can be published to FCPX. So I was trying to get the same irregular widths with the width over stroke instead.

I tried doing just two right angle bezier and flipping them over and combining them within a group - but I have discovered that width link and stroke scale link between objects with image paths - appears to be broken...so i am left with using just the one path.

Are you trying to do this by controlling the width of the rectangle stroke/outline? ... okay. The slider for the Spacing only goes down to 5% (therefore, always aliased -- adjust the Brush Profile gradient to soften the line). However, if you click on the Spacing value itself, and drag down, you can get it down to 1% (smoother line -- but still not perfect).

Hey everyone,

i am looking for a method to transfer a picture of a Network to a clean vectorized Network of Nodes and simple lines connecting this nodes to creat a base i could continue working on with e.g. Heteroptera or Sandbox.

After trying out Rooster I got showen a thinning algorithem ( image - Zhang-Suen thinning algorithm C# - Stack Overflow ) which produces like a medial axis trough the black part of the picture but in a realy messy way:

2740696 15.3 KB

11525655 82.6 KB

after trying countless ideas to reduce this polylines to simple line between the nodes i found a script which somehow manged to reduce this complex polylines but misses out kinks (Red line)

I realy dont know what i could try anymore and hope that you could help me out converting this complex polyline to a simple network of lines or an other method of image tracing for a clean network result

Polyline network to line Network.gh (60.0 KB)

So I have a lot of data (around 3k) now as I plot the line graph i get this scattered thing in blue. Tried smoothing the curve but it makes it worst. I need to plot it in a way as is in 2nd image here with yellow color (I have drawn it with my hand but I need some way in which excel can best fit the curve in one smooth line).

The text object has too much resolution for the bevel, and too little overall resolution to get a smooth outline for the text. Bevel resolution can be quite low (small detail), but moderate resolution is enough for the text itself. Render resolution was set to 65%

Then I combined the text with a solid color, and put a colored shadow effect in between. This fakes the light interaction between the plane and the text in the original (visible in the first attached image), but also helps the antialiasing on the edges.

Not a perfect result but the dust on my monitor make more defects than the antialiasing, and the background is adjustable.

Once I had the text with transparent background rendered, I saved it as .png (RGBA), put it in gimp and then added the two missing elements behind. The background is just a solid color, and the shadow is done by taking a silhouette of the text, blurring and colorizing it. Almost exactly what I did in the compositor.

3a8082e126