# Shade First. Colour Later.

> Build animated metallic lettering with native SVG. An interactive lesson on inner edges, grayscale gradients, film grain and editable colour lookup tables.

[Interactive lesson](https://aestudio.studio/lessons/colour-alchemy) · [日本語](https://aestudio.studio/lessons/colour-alchemy/ja)

## Learning outline

- One material. Many colours.
- Keep the light. Change the colour.
- Keep the shape. Give grey a new meaning.
- Let the alpha describe the letters.
- Blur the alpha. Subtract it.
- A stripe that can repeat.
- Every shade becomes three values.
- Keep the texture in the same language.
- Export the effect, not just a picture.
- Keep the reflection. Change its character.

## Downloads

- [Editable offline starter](https://aestudio.studio/lessons/colour-alchemy/starter.html)