Efeito light leak: o brilho quente de película no design

O efeito light leak é o brilho quente laranja, vermelho e amarelo que aparece quando luz parasita chega à película fotográfica, normalmente por uma tampa solta, uma vedação gasta ou uma fresta durante o carregamento. Na película era um acidente. No design passou a ser um ambiente: nostálgico, banhado de sol, um pouco imperfeito. Podes recriá-lo com gradientes suaves em cores quentes postos na borda do enquadramento e misturados com uma imagem, e os pormenores abaixo são o que o fazem parecer real e não colado.

Como é um light leak verdadeiro

Como a luz entra por uma fresta, um leak quase sempre começa numa borda ou num canto e esbate-se para dentro. Na película a cores, o brilho percorre normalmente do vermelho profundo na ponta mais fraca, passando pelo laranja, até ao amarelo e quase branco onde foi mais forte. Ilumina a imagem em vez de a escurecer e não tem contorno duro.

• Posição: uma borda ou um canto, muitas vezes só de um lado.
• Cor: de vermelho a laranja a amarelo pálido, mais quente na borda exterior do brilho.
• Forma: riscas verticais suaves ou um clarão difuso, nunca um círculo perfeito no meio.
• Comportamento: acrescenta luz, lavando as sombras onde cai.
• Variação: não há dois fotogramas iguais, o que faz parte do encanto.

Gradientes de light leak que podes copiar

Cada um destes é um único gradiente CSS que esbate para transparente, para poder ficar por cima de uma fotografia ou de um fundo escuro. Sozinhos, aparecem aqui sobre fundo escuro; sobre uma fotografia, mistura-os como se descreve na secção seguinte.

Como juntar um light leak em CSS

Põe o gradiente numa camada acima da imagem e mistura-o com screen, que só clareia, tal como a luz parasita. Baixa a opacidade até a fotografia continuar a ler-se com clareza. A referência de mix-blend-mode da MDN lista os outros modos; lighten e soft-light também merecem uma tentativa.

.photo {
  position: relative;
  isolation: isolate;
}

.photo img {
  display: block;
  width: 100%;
}

.photo::after {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(
    ellipse 45% 80% at 0% 50%,
    #fff3c4 0%, #ffb547 18%, #f0612e 38%, #a3202a 58%, transparent 82%
  );
  mix-blend-mode: screen;
  opacity: 0.75;
  pointer-events: none;
}

Para parecer mais película, junta grão por cima de tudo e aquece ligeiramente as sombras. Os gradientes granulados e a sobreposição de gradiente em CSS tratam das duas camadas.

Repara também na ordem das cores. A maioria dos leaks pouco convincentes ou fica um laranja liso de uma borda à outra ou fica rosa na ponta brilhante. Mantém o ponto mais quente pálido e ligeiramente amarelo, deixa-o arrefecer através do âmbar até ao vermelho e deixa o vermelho desaparecer na imagem em vez de acabar numa borda visível.

Onde os light leaks funcionam e onde não

Os light leaks servem fotógrafos, festivais de cinema, músicos, campanhas de verão, viagens e tudo o que seja nostálgico. Combinam naturalmente com paletas de gradientes retro e fotografias quentes e desbotadas. Servem menos marcas precisas e técnicas, porque o essencial é a imperfeição.

Light leaks em vídeo e movimento

Em vídeo, os light leaks usam-se muitas vezes como transições: um clarão quente atravessa o enquadramento durante cerca de meio segundo, atinge o pico quase em branco e revela o clipe seguinte. Mantém-nos curtos e ocasionais. Um leak entre cenas parece película; um em cada corte parece um pacote de filtros.

Para publicações estáticas que precisam de calor sem uma sobreposição, um fundo vivo e quente faz o mesmo trabalho com mais discrição. No Gradiently, a luz e o grão de um Mark são renderizados ao vivo em todos os tamanhos, e a sua zona mais calma desloca-se sozinha para trás das tuas palavras, por isso uma superfície solar e de película nunca põe a sua mancha mais brilhante atrás de um título. As fotografias acrescentadas no Studio também podem receber um banho quente nas cores do Mark, para a imagem e o fundo partilharem o mesmo brilho. Para o efeito relacionado de luz à volta de formas, vê o efeito de brilho; para fotógrafos em particular, a identidade visual para fotógrafos.