It’s been a while since we’ve seen a challenge posted on the forum. I think the last ones were back in the lockdown days.
The one I propose today is a mix of easy and tricky. Your task is to recreate the text animation you see in this video:
First, you’ll need to figure out which filters were used - that’s the easy part. But then comes the trickier bit: Finding the right combination of keyframes to achieve a smooth and fluid animation.
Everyone is welcome to take part. Whether you’re a beginner or an advanced user, feel free to share your attempts, even if they’re not perfect. The point here is to learn and practice editing techniques, and most importantly, to have fun.
If you manage to crack the solution (either partially or fully), you can share videos of your progress and results. BUT PLEASE DON’T REVEAL YOUR METHOD RIGHT AWAY. Give others a chance to figure it out, too.
I spent 10 minutes on this, of which 5 minutes I waited for the new version of shotcut to download
p.s. I just missed the mark with the timings and perhaps with the type of key frame.
This is a brilliant challenge. I’d love to have a go! The bad news for me, though, is that I’m currently working on a commission for two music projects but I’ll see if I can grab at least some free time… congrats for setting this , @musicalbox. It’s fun!
Oh no, I glanced at your post and saw a couple of filters you mentioned! Luckily I looked away quickly so I’m still not 100% sure of how you did it. BTW your effect is great, @dimadjdocent !
Yes, very close @jonray
You got the filters right, except maybe one is missing. Hard to tell with the dark background. And the movements are fluid and smooth.
So it doesn’t matter if the animation is slightly different than mine.
I like the yellow touch. I’ll try to figure out how you did it latter this evening.
I have no idea either how you did the last one. Or maybe I do, and if I’m right, that’s is something I wouldn’t be able to reproduce on my own… I think…
In the left panel (HTML), changed “Generating Summary” to “Your Text”
In the centre panel (CSS), changed “16px” to “90px”.
Sceen-captured the WHOLE SCREEN with ShareX (alternatively, OBS) and saved as an MP4
Imported the MP4 into Shotcut (V2), cropped the unwanted edges, chroma-keyed the black to make it transparent.
That’s it!
(In the case above I tried splitting the video to make the animation a little faster than the Codepen example, but it didn’t work perfectly - you can spot the joins)!
Note - credit should be duly given to the author of this HTML text animation - great work, Andreas Storm.
Tip - search “animated text” or similar in Codepen and there are usually some other examples of animated text suitable for titles in Shotcut.
Thanks for the details. I was sure that this effect could somehow be realized only using Shotcut without using other tools.
p.s. I’ve been trying for a week now using shotcut plugins to create a fiery text effect, like in the game Diablo 2, but apparently I can’t do it without a special particle generator.
I think the problem would be that each letter has to be given an effect individually and the effect should be staggered. Maybe possible with a filter-set - but very fiddly!
J’ai beau avoir vu la solution donnée par @dimadjdocent avant qu’il ne l’efface, je n’arrive pas à reproduire. A moins que le second filtre mentionné ait été modifié depuis plusieurs versions
Although I saw the solution given by @dimadjdocent before he deleted it, I can’t reproduce it. Unless the second filter mentioned has been modified for several versions
