Trick #1: Diagonal overlay

Webrelation

Design Build Maintain

Trick #2 : Layering Diagonal Overlays

Webrelation

Design Build Maintain

Trick #3: Circle overlay

Webrelation

Design Build Maintain

Trick #3 b: Circle overlay

Webrelation

Design Build Maintain

Trick #5: Inverse Circle Overlay

Webrelation

Design Build Maintain

Trick #6: Inverse circle Overlay with Video Background

Webrelation

Design Build Maintain

Trick #7: Off-centered Inverse circle Overlay

Webrelation

Design Build Maintain

Trick #8: Using Gradients for shadow effects

Webrelation

Design Build Maintain

Trick #9: Background Image Blend

Webrelation

Design Build Maintain

Trick #10: Layering to add more colors to your gradient background.

Webrelation

Design Build Maintain