I saw a “shining text” effect on codePen and experimented by adapting the HTML code, then taking a screen capture of the effect using ShareX. I think it looks OK!
Further instructions in this demo video!
(PS no, in the music to the video, the flutist isn’t me - (I wish!) It’s James Galway playing “Moto Perpetuo” by Paganini).
My adapted HTML files:
Shiny SILVER and GOLD text HTML files adapted by JonRay.zip (1.8 KB)
(original code by Fazlur Rahman)
Very nice, jonray! Thanks for sharing.
I wonder if there isn’t a quite simple way only in SC to perform the task?
Something like an animated highlight filter, maybe with the help of a mask, moving over the text.
It can’t be that complicated i guess.
I am using 3d animation tools to do the most elaborated effects on text with complete artistical freedom
I found a simple way…took about a minute.
- 2 tracks with identical text on top of each other.
- Gray version of the text on the bottom. White version of the text on top.
- Mask simple shape on the top text with a narrow width and about 20% softness
- Keyframe the Horizontal for it to go from Left to Right
- Instant shine!
No problem, @rilos, it was fun to make…
@bentacular Nice method! Any chance of a super-quick video demo? No worries if you’re busy!!
Of course, you can modify the softness, width and speed to what you like
There you go - your next tutorial sorted!! Great stuff!
That was basically the entire tutorial. LOL!
Both great methods! Well done guys!
I didn’t realize there was such a demand for this effect
Hi @jonray … does this still works in latest shotcut version?
Hi @seemon, yes it does! Although it uses a html file, I actually captured the animation as an mp4 and imported into SC so it doesn’t actually use the defunct Text:HTML filter.
ok got it @jonray. So the Text:HTML filter is really gone then …
Yup. Unless you revert to v.20_07 (which actually isn’t hard to do). Even then though, the HTML file I attached won’t work because it’s not converted to webvfx. It will work on any computer, though - just double-click it and you’ll see the animation.
I was sure it is that easy
Now lets go for a nice (after)glow effect
Not sure about afterglow, but a NEON glow effect can be created several ways. My favourite way is via HTML/CSS (Hover over the words here: https://codepen.io/FelixRilling/pen/qzfoc), however the effect can be done solely using Shotcut as well. e.g.
Put the same text on tracks V1 & V2. Choose a colour that is vibrant e.g. a pinkish red. On V2, choose the text parameters as shown in the screenshot above, notably: OUTLINE: white, THICKESS: 1, 2 or more.
For track V1, choose the text parameters as shown in the image below, notably: OUTLINE: a darker shade of the colour, THICKNESS: 22 or thereabouts, You will have to reposition the text to nullify the offset.
Add the filters Gaussian Blur; Blur Box and Brightness to V1.
Add the Brightness filter to V2.
Play around with the parameters et voilà. You could keyframe some of the values to create a flickering effect.
Also, try exchanging the color of the Font and the Outline on v1.
Appears this works … hmm a little slow though when running it.
Also in doing key frame, do we need to add manually each keyframe or can we do just first 2 and then apply a cycle to repeat or something?