Gradientes neon: brilho sem cansar a vista

Um gradiente neon é uma mistura de cores muito saturadas, como rosa-choque, violeta, azul elétrico, ciano ou verde-ácido, geralmente brilhando a partir de um fundo escuro como um tubo aceso numa rua escura. É o tipo de gradiente mais enérgico que existe. É também o que mais tende a cansar a vista, porque cores saturadas lado a lado podem cintilar e vibrar. A solução não é menos cor, e sim mais escuridão em volta dela.

O que faz um gradiente parecer neon

Os letreiros de neon reais são linhas finas de cor intensa cercadas por um halo suave e pela noite escura. Para parecer neon na tela, um gradiente precisa das mesmas três coisas: cor com saturação total ou quase, um núcleo claro que se desfaz num brilho e um fundo escuro que torna o brilho visível. Tire a escuridão e você tem um bloco de cor berrante, não luz.

Por que o neon cansa a vista

Quando duas cores muito saturadas de luminosidade parecida se encontram numa borda dura, como texto vermelho puro sobre azul puro, a borda parece cintilar. Isso costuma ser chamado de vibração cromática e torna o texto cansativo ou até difícil de focar. Vermelho e azul lado a lado também podem parecer estar em profundidades diferentes. Os designs neon tropeçam nas duas coisas porque todas as cores estão com força total.

Paletas de cores neon

As paletas neon funcionam melhor como uma ou duas cores brilhantes mais um fundo escuro, e não cinco neons de uma vez. Rosa e violeta, ou ciano e azul, são vizinhos e brilham juntos sem vibrar. Rosa e ciano é a dupla clássica do synthwave; misturados passando pelo violeta, continuam vivos em vez de ficarem cinza.

Como criar um gradiente neon

1. 1

   Comece pelo escuro

   Preencha o quadro com um quase preto tingido na direção do seu neon, como um preto-violeta sob o rosa.

2. 2

   Coloque um núcleo claro

   Ponha o neon com força total numa área pequena, uma linha, um anel ou um canto, e não no meio do quadro.

3. 3

   Deixe o brilho se desfazer

   Faça o núcleo passar por uma versão profunda do mesmo matiz até o escuro, para que ele seja lido como halo, e não como mancha.

4. 4

   Só acrescente um segundo neon se for vizinho

   Violeta ao lado do rosa, ou azul ao lado do ciano, brilham juntos. Opostos precisam de escuridão entre eles.

5. 5

   Finalize com grão

   Halos escuros criam faixas com facilidade. Uma camada fina de ruído os mantém suaves; veja o banding em gradientes.

Texto sobre neon

Escreva as palavras em branco ou num tom bem claro do seu neon, nunca num segundo neon. Um brilho suave na cor neon em volta de letras brancas parece um letreiro; letras saturadas sobre um fundo saturado parecem ruído. Mantenha o texto corrido longe do brilho mais forte, na área mais escura, e confira o contraste como faria em qualquer fundo escuro; veja os fundos em gradiente escuro.

.neon-title {
  color: #fff0fa; /* pale pink, not neon */
  text-shadow:
    0 0 4px #ff2d95,
    0 0 16px #ff2d95,
    0 0 40px rgb(255 45 149 / 0.6);
}

.neon-panel {
  background: #07020a;
  box-shadow:
    0 0 0 1px rgb(0 224 255 / 0.6),
    0 0 24px rgb(0 224 255 / 0.35);
  border-radius: 16px;
}

Onde os gradientes neon se encaixam

A impressão merece uma observação. Os neons de tela são mais brilhantes do que as tintas CMYK comuns conseguem reproduzir, então saem apagados. Tintas especiais fluorescentes chegam perto; pergunte à sua gráfica e leia antes o guia de gradientes na impressão. Para uma versão mais suave de cor brilhante, veja os gradientes aurora e, para a versão retrô, as cores vaporwave.

O neon ganha vida em movimento. Um pulso lento sobre um fundo escuro dá um ótimo fundo para Story ou Reel, e no Gradiently os designs feitos com um Mark reservado são exportados como loops perfeitos de 5 a 30 segundos, no ritmo que você escolher.