Lazy Line Painter...

Forum|Forum|8 years ago
July 7, 2017
3 replies
2673 views

Hey there everyone.

I'm a Photoshop guy but need to do this one thing in Illustrator and haven't a CLUE what this even means, let alone how to do it. LOL! Anyone out there willing to help me? I'm not asking for someone to do it for me...just explain the steps: Lazy Line Painter

The instructions read:

"Ensure there are no fills, No closed pathsLine needs a start and end, Crop Artboard nice & tight!"

All I have done is created a text box. I then saved it as an SVG. But when I load it to the site, it shows up blank. I'm not sure what any of the text above means, other than cropping the artboard.

I appreciate any guidance!

-Brian

This topic has been closed for replies.

Correct answer Myra Ferguson

Sorry...it was in my last post but I didn't hyperlink it: www.riback.me

It sounds like it isn't possible to keep the style applied to the stroke using the Lazy Line Painter. If you do want to try something else, I would recommend using Animate. The process involves applying a mask over the characters that reveals them as if they were being drawn. Animate can publish the animation as an SVG. If you want to try that route and have questions about that process, I can help you over in the Animate forum Adobe Animate CC - Home .

The Print Craftsman

Inspiring

The message you are receiving makes sense to me in the context of supplying a vector Illustrator file. However, what you are trying to submit does not make sense to me. I understand you are not looking for someone to do this for you but could you share the image you intend for the lazy painter to draw for you with us? I'm wondering if you have such an image in Photoshop and you are wondering how to re-create it in Illustrator? If so I have an answer for you regarding that. But I guess I'm still confused as to exactly what you are trying to accomplish???

brianribackAuthor

Inspiring

Thanks so much! If you check out my existing website, you can see the final output: www.riback.me

I want to achieve this same effect with this file: 20170706-lazy-line-working Report.zip - Google Drive

I have these example files, as well: callback-example.zip - Google Drive

and if you look at the example file...I can't figure out how to export an SVG that winds up with the SVG code looking the same.

Myra Ferguson

Community Expert

If you only created a text box and saved it, do you mean that you want the Lazy Line Painter to do its effect on text?

If that's the case, then here's how you can make your text open paths. Enter your text. Select it and go to Object > Rasterize... While it's still selected and after it has become rasterized, you'll see the option Image Trace appear in the bar above your artboard. Use the drop down menu to select Line Art. Click on the Expand button above the artboard. Now you should have paths. Depending on what font you used and what characters you typed, you might have a closed path. If that's the case, select the Scissors Tool (C) and click on an anchor point to open it. (Closed paths means that it's a shape where all the segments are connected. A squiggly line that doesn't intersect itself would be an example of an open path.)

Note: there is an option to turn text into outlines (Type > Create Outlines), but it will outline the inside and outside of the shape of the characters creating closed shapes. Image Trace will help you make the open paths from the text.

brianribackAuthor

Inspiring

Thank you Myra. This seems to have worked except that the SVG code still isn't rendering correctly. I never knew this was so complicated!

I'm not sure which export options I need to use to achieve the same "setup" as the SVGs in their example: callback-example.zip - Google Drive

Not trying to ask too much of anyone...very grateful for any support!

-Brian

Monika Gause

Community Expert

You won't be able to do that by converting a text.

You will need to draw a single line. Yes, actually draw it. Autotracing won't give you that handwriting effect. And outlining the font won't do that either.