Some people may be put off using SVG files for animating text such as you can see above because of a reluctance to use an SVG editor like Inkscape. I have created a method that does away with the need for such an editor, so why not try it out? For instructions see:
6 Likes
Hey @Elusien
Thank you so much for the resource.
I just have a small obstacle here.
I am not sure how to use this.
Could you help me with this.
Thank you.
2 Likes
It is fairly simple really. Just download one (or both) of these 2 HTML files from my website,:
Particle_Text.html Line_Text.html
Go to the following website to type your text and style it (e.g. use a different Google font).
https://danmarshall.github.io/google-font-to-svg-path/
Copy the SVC source code produced and replace the one in my file with it.
View the resulting HTML file in a browser and record it (e.g. with a screen recorder like Sharex).
See my webpage for a more detailed description (especially of the parameters you can change to tailor the animation.
2 Likes
Ohhh thanks.
Let me check it out.
3 Likes
@elusien, I hadn’t realised this was a new utility, I thought it was the svg path animation tool again.
It’s brilliant! So clever, I’ll use it lots! Thank you!!
Effectively it IS the same, with a few tweaks. The javascript code is (almost) identical. My main reason for doing it was to cut out the need to use an SVG editor (Inkscape, Illustrator, Intaglio…).
1 Like
I can’t quite express just how BRILLIANT THIS IS!!
https://streamable.com/496nac
Quick, easy, effective. Just fantastic.
PS I got the reverse effect (the paths disappearing) at the end easily - copied the clip, Properties, reverse, double-click the blue bar, cut off the beginning.
PPS there’s another small typo:
http://elusien.co.uk/shotcut/resources/index.html#section_3
Instruction 2 says “Got to” - should be “Go to” …
2 Likes
I shall be waiting for the telegram from the queen with expectation. There are two typos of people in this world - those who notice spelling mistakes, and those who don’t. Websight foxed.
2 Likes
“Arise, Sir Elusien”. Sounds rather good, I think. 
This topic was automatically closed after 90 days. New replies are no longer allowed.