Gradientes néon: brilho sem cansar a vista

Um gradiente néon é uma mistura de cores muito saturadas, como rosa-choque, violeta, azul-elétrico, ciano ou verde-ácido, normalmente a brilhar 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 facilmente cansa a vista, porque cores saturadas lado a lado podem cintilar e vibrar. A solução não é menos cor, é mais escuridão à volta.

O que faz um gradiente parecer néon

Os verdadeiros letreiros de néon são linhas finas de cor intensa rodeadas por um halo suave e por uma noite escura. Para parecer néon num ecrã, um gradiente precisa das mesmas três coisas: cor na saturação máxima ou perto dela, um núcleo brilhante que se desvanece num halo e um fundo escuro que torna o halo visível. Tira a escuridão e tens um bloco de cor berrante em vez de luz.

Porque é que o néon cansa a vista

Quando duas cores muito saturadas de luminosidade semelhante se encontram numa aresta dura, como texto vermelho puro sobre azul puro, a aresta parece cintilar. Chama-se muitas vezes vibração cromática, e torna o texto cansativo ou até difícil de focar. O vermelho e o azul lado a lado também podem parecer estar a profundidades diferentes. Os designs néon tropeçam nas duas coisas porque todas as cores estão na força máxima.

Paletas de cores néon

As paletas néon funcionam melhor com uma ou duas cores luminosas mais um fundo escuro, e não cinco néons ao mesmo tempo. Rosa e violeta, ou ciano e azul, são vizinhos e brilham juntos sem vibrar. Rosa e ciano é o par clássico do synthwave; misturado através do violeta, mantém-se vivo em vez de ficar cinzento.

Como construir um gradiente néon

1. 1

   Começa no escuro

   Enche o enquadramento com um quase preto puxado para o teu néon, como um preto-violeta por baixo do rosa.

2. 2

   Coloca um núcleo brilhante

   Põe o néon na força máxima numa área pequena, uma linha, um anel ou um canto, não no meio do enquadramento.

3. 3

   Deixa-o desvanecer

   Esbate o núcleo através de uma versão profunda do mesmo matiz até ao escuro, para que se leia como um halo e não como uma mancha.

4. 4

   Acrescenta um segundo néon só se for vizinho

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

5. 5

   Termina com grão

   Os halos escuros criam faixas com facilidade. Uma camada fina de ruído mantém-nos suaves; vê faixas em gradientes.

Texto sobre néon

Põe as palavras em branco ou num tom muito pálido do teu néon, nunca num segundo néon. Um halo suave da cor néon à volta de letras brancas lê-se como um letreiro; letras saturadas sobre um fundo saturado leem-se como ruído. Mantém o texto corrido longe do brilho mais forte, na zona mais escura, e verifica o contraste como farias em qualquer fundo escuro; vê 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 néon encaixam

A impressão merece uma nota especial. Os néons de ecrã são mais vivos do que as tintas CMYK comuns conseguem reproduzir, por isso saem baços. As tintas diretas fluorescentes chegam perto; pergunta à tua gráfica e lê primeiro gradientes para impressão. Para uma versão mais suave de cor luminosa, vê gradientes aurora, e para a versão retro, cores vaporwave.

O néon ganha vida em movimento. Uma pulsação lenta sobre um fundo escuro dá um fundo forte para uma Story ou um Reel, e na Gradiently os designs feitos com um Mark reservado exportam como loops contínuos de 5 a 30 segundos, ao ritmo que escolheres.