I’ve been experimenting with colours and the “Blend Mode:Hard Light” filter again.
So, I put a photo on V1:
and this image on V2 (which I created in Shotcut):
Then I applied a “Blend Mode:Hard Light” to the clip on V2 and I got this:
This was no surprise - I knew already that
a) the grey (which is a special grey, HALF GREY) becomes transparent.
b) the white and black remain solid.
(I already posted about this HERE):
So now I experimented with colours. In SC I made this PNG with random colours:
Then, the same as above (photo on V1 and this image on V2, applied “Blend Mode:Hard Light” to V2.
Aha - most colours have some transparency, apart from RED and BLUE, which are solid (opaque).
So I did a bit of thinking and some research into the science of colours and found some useful information …
I made another PNG. This time, all the colours are known as 100% colours, or fully saturated colours:
This was the result when the Hard Light Blend Mode was applied:. (All colours are solid).
There are only 8 of these 100% colours:
BLACK, WHITE, RED, GREEN*, BLUE, MAGENTA, YELLOW and CYAN*.
They’re called 100% colours because the 3 RGB values for each colour are combinations of either 0 (minimum) or 255 (maximum).
I’ve explained it in this PNG (maximise it to read the text):
This is all useful stuff to me because:
myself and @elusien have been working behind the scenes and we devised a 3rd method of drawing a revealing rectangle (used to highlight a section of a video eg a block of text or part of an image), which utilises HTML/CSS (as an alternative to @musicalbox’s Glaxinmate solution and @poisonedslice’s Mask solution) (I’ll post about this shortly), and knowing this information about colours will now allow me to achieve solid colours, without having to use the Chromakey filter, which produces low quality results,
it enables me to design coloured animated text effects using HTML. (Yes folks, I’m still doing this…!!)
So here are two demo videos.
- Showing an animated (spinning) video title I created with HTML/CSS with white, cyan, magenta, yellow, blue and red colours. The videos were created by recording the browser output feature in OBS (following @elusien’s method) and clearly show the clarity of the coloured text with virtually no colour bleed, both of the colours of the text itself and the black drop-shadow:
- This video is a work in progress but I’m posting it to highlight the opening coloured animated text title. Again, created with HTML files (two- one for the horizontal spinning text and the other for the vertical spinning text). For more details, read the YouTube description.
PS I also found out two more pieces of useful info:
- HTML colour “CYAN” is the same as HTML colour “AQUA”.
- HTML colour GREEN is not the 100% saturated green. It has a value of RGB (0,128,0). For the saturated green I wanted, I had to type “LIME”.
I thought I’d share all this here in case anyone was interested. Cheers!