When creating an eye catching video, color is important.
Let's say you've already chosen your background image. The different elements you have control over are:
- WAVEFORM COLOR
- FONT COLOR
- BACKGROUND FONT COLOR
To create an attractive audiogram, all these colors should work together.
There is no right and wrong to this, but there are some strategies that generally tend to produce more attractive combinations.
For more information on using the color tool in Headliner check out this article: How To Use Color Tool
Question 1: Is there a color that dominates your image?
In the example below, the answer is YES! Hot Pink. And of course yellow is the other dominant color.
Question 2: How do I harmonize the dominating color?
There are always going to be multiple ways of doing this.
A good place to start, if you are unsure, is to stick with the colors that dominate your image and bring in white and black.
Example 1:
- WAVEFORM: BLACK WITH OPACITY DECREASED ABOUT HALF
- FONT BACKGROUND COLOR: BLACK WITH OPACITY DECREASED
- FONT COLOR: A YELLOW WHITE COLOR
Example 2:
- WAVEFORM: BLACK
- FONT BACKGROUND COLOR: BLACK
- FONT COLOR: YELLOW
Example 3:
- WAVEFORM: WHITE WITH OPACITY DECREASED
- FONT BACKGROUND COLOR: WHITE WITH OPACITY DECREASED TO ALMOST TRANSPARENT
- FONT COLOR: WHITE
Example 4:
- WAVEFORM: YELLOW WHITE WITH OPACITY DECREASED
- FONT BACKGROUND COLOR: WHITE WITH OPACITY DECREASED TO ALMOST TRANSPARENT
- FONT COLOR: YELLOW
Example 5:
- WAVEFORM: WHITE WITH OPACITY DECREASED
- FONT BACKGROUND COLOR: WHITE WITH OPACITY DECREASED TO ALMOST TRANSPARENT
- FONT COLOR: YELLOW
USE A COMPLIMENTARY COLOR AS AN ACCENT:
CLASHING COLORS:
COLOR SCHEME THAT ALMOST WORKS:
COLORS ARE TOO SIMILAR⎯Here the waveform is too close to the background image, and the font color is too similar to the font backgrounders color:
Changing the font background color makes the text easier to read:
Changing the waveform color makes it easier to distinguish from the background:
Final product!