"Shiny" text effect - Silver and Gold - made in Shotcut

Hi folks!
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)
Codepen site:

(original code by Fazlur Rahman)

7 Likes

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 :grinning:

1 Like

I found a simple way…took about a minute.

  1. 2 tracks with identical text on top of each other.
  2. Gray version of the text on the bottom. White version of the text on top.
  3. Mask simple shape on the top text with a narrow width and about 20% softness
  4. Keyframe the Horizontal for it to go from Left to Right
  5. Instant shine!
5 Likes

No problem, @rilos, it was fun to make…

@bentacular Nice method! Any chance of a super-quick video demo? :blush: No worries if you’re busy!!

1 Like

Of course, you can modify the softness, width and speed to what you like

8 Likes

There you go - your next tutorial sorted!! Great stuff! :+1: :joy:

2 Likes

That was basically the entire tutorial. LOL!

1 Like

Both great methods! Well done guys!

1 Like

I didn’t realize there was such a demand for this effect

1 Like
4 Likes

Hi @jonray … does this still works in latest shotcut version?

1 Like

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.

1 Like

ok got it @jonray. So the Text:HTML filter is really gone then … :frowning:

1 Like

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.

Great bentacular!
I was sure it is that easy :smile:
Now lets go for a nice (after)glow effect :slight_smile:

1 Like

Thanks!

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.

6 Likes

Nice @Elusien,

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?

I personally would do it using HTML and Javascript, where you can program the keyframes and easily add in a little randomness. I only did the Shotcut one as an exercise in response to @RilosVideos’s query about an (after)glow effect. If I were to do it fully in Shotcut I’d propably keyframe a clip of just a few seconds then copy-paste this clip, with its associated filters several times over to fill out the amount of time needed. You could keyframe one long clip, but to my mind it would be a lot of work.

1 Like

ok got it … think I will avoid this. Not good at HTML and Javascript …

1 Like