… and I liked the text animations. @ewan360 created them with After Effects. So I thought I’d try to create a similar effect using a HTML file and applying it to a clip in Shotcut. I’ve called it the “WordFlash” text effect.
I thought folks here would like to see the HTML file I made, but instead of just posting the file I spent some time annotating the file and also producing a PDF with notes/observations/instructions on how to use it and apply it in Shotcut.
So here it is. The zip contains:
- My HTML file (which uses the standard"@keyframes" method of animation which works in Browsers but not in Shotcut),
- The same HTML file but “converted” by using @elusien’s CSS animations generator/converter,
- My PDF documentation.
4 the two .js files from @elusien’s site which are necessary for the HTML effect to work in Shotcut.
Here’s a short demo of the effect, made in Shotcut. NOTE: apart from the first text effect about Vivaldi, the text content are examples so make no sense in the context of the Venice clip.
Here’s the PDF file as a direct download from this post:
Notes about the WORDFLASH text effect HTML files by Jonray.pdf (1.5 MB)
Elusien’s CSS converter is here:
I appreciate that creating animations this way is complicated and requires quite a bit of work for the user - and a fair bit of HTML coding knowledge ( especially having to position the words manually ) - so I’m not suggesting that it would be an ideal method for most. I enjoyed figuring it all out though and now I’ve made the template I’ll attempt to make a left-aligned version and also other variations with slightly different animation effects.