in Development ~ read.

Cool SVG Signature

I wanted to make my name stand out a bit on my website. So I thought I'd sign it...

Make your own

First, create an SVG that you want to path. I found a cool free font that looked like handwriting, though it's way better than my chicken scratch. I added it to Adobe Illustrator.

Then select all elements you want converted. The press Cmd + Shift + O or select Type > Create Outlines. Unlike this image, it will be illuminated if you have the elements selected.

It wil then create a SVG pathable outline. All you need to do is save and select .svg from the dropdown.

You don't need to make any changes in the settings menu. You can either save the code and open the file or just hit the 'SVG Code' button and a text file will open with the path html.

comments powered by Disqus