Creating lines from image, (tracing)


#1

so i want to be able to create lines from an image.

Example 1 - I draw a shape on a piece of paper, scan it. I then need to get those lines, on a flat surface on sketchup.
Example 2 - I have an image and change it to black and white with high contrast / create a silhouette , i then create an outline on something like photoshop. I then need to import that onto a flat surface as lines.

Any ideas? everything i tried so far doesn’t work, such as tracing on illustrator, and creates multiple lines on top of each other.

I will be using this technique to help me with some laser cutting and will need to export these lines as dxf. i can not simply engrave them and need lines to cut.
If this doesnt exist i believe it would be a very useful extension or plug in for many people and so i will hopefully reach somone with the brains to make it. :slight_smile:


#2

With a little practice it is possible to trace contours with the line tool and the arc (or bezier plugin). You can change the edge color in the style settings for better recognition of the created edges.


#3

I have tried this method but it just takes way to much time :confused: especially if im doing something intricate


#4

An example image would help to see the problem.


#5

ok example, if i wanted to trace something like this, “http://198.64.133.89/7eEOe2ei55o5/M10070.1.jpg” the outside of this silhouette.

I could put it in Photoshop and create that outline as a line image, something like this
"https://s3.amazonaws.com/pushbullet-uploads/uju2iI5B40q-uGi3elY3K48Q0TGSywBeT9Mj7jxrd4i5/Capture.PNG"

but i dont know how i would get that as lines on a flat surface in sketch up. like this
"https://s3.amazonaws.com/pushbullet-uploads/uju2iI5B40q-A06gWouT3x0uuH42ye6bicRmILt3tUPE/Capture.PNG"


#6

It’s not at all clear why you would want to put all that intricate 2d geometry into SU as vectors. The resulting model would weigh a ton and probably bring your system to its knees.

You need to exercise a bit of judgment as to what constitiutes a good subject for a 3D model. This sort of Art Nouveau tree–clearly a 2D design meant to be viewed from just this one angle–does not.

-Gully


#7

I will be using this method for various products i make with a laser cutter. I used that image of google as just an example but heres a link to my etsy store for examples of my existing work. (There’s more if you click on sales on the left)

Also my machine is capable of a lot of stress from models with tons of geometry so shouldn’t be a problem there.

https://www.etsy.com/shop/EcoOxygen?ref=hdr_shop_menu


#8

Your designs are 2D. You could and should be using a 2D drawing app for what you’re doing (and you’d probably get cleaner cutter paths). Of course, you’re welcome to waste time, energy, and resources doing it this way. If you want a model of the assembled objects, you could make each flat panel as simply a face painted with an image (with transparent cutouts) and then just arrange the panels.

The tons of geometry may well be a problem in SU, notwithstanding the sturdiness of your “machine.”

-Gully


#9

Do you have Illustrator and SketchUp Pro? If so, I have a solution for you. In Illustrator, do an Image Trace. Tweak as necessary, export as DWG, Import into SketchUp. Magic. I just scribbled out “SketchUp” right now, snapped a pic with my iPhone and did that process in about 2 minutes. If you only have Photoshop, there might be a workpath to dxf script out there somewhere. It helps to add some anchor points in Illustrator before exporting to dxf, sometimes at least.


#10

I am aware that sketchup is a 3D modeling piece of software, I prefer to use it as i am also able to make quick 3D models of my products that help me edit and tweak them, also having a 3d object to work around helps to see where its flaws are. using 2D software would make doing this difficult and can take a lot more time.


#11

This looks perfect Chamberz!, thank you very much! :smiley: i hadn’t used illustrator much so i wasn’t aware of this function :slight_smile: will play around with it and see what i can come up with.

Thanks again.


#12

@Oxygen220, there is a bunch of settings that could be tweaked along the way, but I just tried that process with the image you supplied. The neat thing is that the Illustrator image trace function is somewhat self-correcting on less-than-high resolution images. The attached may not be exactly what you are looking for but I think you can get some ideas.
oxygen220tree.skp (578.7 KB)


#13

looks promising, i only used that image as an example pulled from google but yeh i will have to play around.


#14

@chamberz Is there a way of adding more anchor points? like, doubling or tripling the amount it adds, as that would make for a much smoother trace and much smoother lines in sketchup


#15

Yeah, with your shape selected, you can go to Object --> Path --> Add Anchor Points. The “Simplify” option also helps when trying to get just the right amount of anchor points. For my workflow, I often just add a ton of anchor points and then set them to be straight lines with the Simplify option. It creates geometry-heavy dxf files, but the appearance is retained.


#16

awesome, thanks very much :slight_smile:


#17

@chamberz hmmm it seems that adding more anchor points doesnt help, its importing it so that there are no curves and looked like this.

where as its supposed to look smoother like this.

any fix for that?


#18

Ah, yeah that is the same issue I usually run into. That type of situation is where I just add a ton of anchor points and set the lines to be straight.

Do you also have Autocad? If you do, there is a really good LISP called Polyfit that simplifies and distributes anchor points.


#19

You can have a look at the smooth contour tool of Fredos Curvizard to modify those edges…


#20

yeh but again i haven’t used it very much at all, maybe twice. I can have a look for it, thanks.