Blend Modes

João — Wed, 30 Nov 2011 10:30:17 +0000

Blend Modes são basicamente operações matemáticas que definem como as cores de objetos sobrepostos devem interagir uma com a outra, o que acaba criando efeitos bem variados. É uma função poderosa, presente na maioria dos programas da Adobe, mas cujos nomes estranhos dos modos podem dificultar um pouco o seu entendimento e espantar o seu uso.

Opacidade padrão

A paleta Transparency do Illustrator controla a opacidade dos objetos, e permite que você aplique Blend Modes a eles. Quando você abre um novo documento no Illustrator e desenha objetos na página, a paleta Transparency exibe que a opacidade padrão é 100% e o Blending Mode é “Normal”. Isso significa que seus objetos são completamente opacos, e suas cores não vão interagir com as cores de outros objetos no nível abaixo.

No momento que você tiver objetos sobrepostos, e mudar o Blending Mode do objeto que está no nível mais alto pra outro diferente de “Normal”, suas cores começam a interagir com as cores dos objetos que estão abaixo.

Se você conhece Blend Modes através do Photoshop, vai perceber uma grande diferença entre ele e o Illustrator. Enquanto no Photoshop os Blend Modes só podem ser aplicados a camadas inteiras (e alguns efeitos e operações), no Illustrator eles são aplicados em cada objeto. E mais – você pode definir um Blend Mode para o objeto inteiro, e também ter diferentes Blend Modes em cada preenchimento e contorno desse objeto, criando aparências complexas mas simples de manipular.

Para entender como funciona cada Blend Mode, podemos separar a lista em 5 grupos e simplificar a operação básica que cada um faz:

Note que o funcionamento dos Blend Modes é universal, então essa referência também serve para outros programas Adobe que os oferecem. Vou exemplificar cada um usando uma camada com dois degradês em cima de uma arte com variações de tom :

Modos de escurecimento

Darken

Compara cada pixel de cor entre o objeto de cima e o de baixo, e mantém o que for mais escuro, substituindo completamente um pelo outro e muitas vezes criando uma transição de cores um pouco brusca, mesmo que seja um degradê suave.

Multiply

Sem dúvida é o modo de escurecimento mais usado. Ele multiplica os valores das cores dos pixels, e produz um resultado mais escuro. Então, se a cor de cima for preto, ele mantém o preto. Se for branco, ele não multiplica nada e exibe a cor plena do objeto de baixo. O comportamento do Multiply é comparável ao de um vidro tintado sobre uma superfície.

Color Burn

Basicamente faz o mesmo que o Multiply, mas produz um resultado com mais contraste e saturação. Quanto mais escura for a cor do objeto de cima, mais intenso será o efeito.

Modos de clareamento

Lighten

Esse modo é o oposto do Darken. Nesse caso, o Illustrator compara as cores dos pixels sobrepostos e mantém aqueles que são mais claros, substituindo um pelo outro completamente.

Screen

Esse modo é o oposto do Multiply. Cores sobrepostas são multiplicadas de forma inversa, o que produz um resultado mais claro. Nesse caso, o que for branco, permanece branco, e o que for preto não afeta o objeto de baixo, e exibe sua cor plena. O comportamento do Screen é comparável ao de um projetor, que projeta imagens sobre uma superfície.

Color Dodge

Esse modo clareia os tons e aumenta o contraste. Ele é o oposto do Color Burn, mas nem sempre produz resultados exatamene opostos. É bom pra criar brilhos coloridos, já que o resultado não é lavado como o Screen.

Modos de contraste

Overlay

É uma mistura de Multiply e Screen, em que pixels mais escuros escurecem, e pixels mais claros clareiam as cores do objeto abaixo. Ele mantém o brilho dos pixels do objeto de cima, e a cor dos objetos de baixo. É bom porque clareia e escurece objetos de uma vez.

Soft Light

Enquanto Overlay é uma mistura de Multiply e Screen, Soft Light é uma mistura de Darker e Lighter, então ele acaba produzindo resultados mais sutis e suaves que o Overlay.

Hard Light

Bem parecido com Overlay, mas produz resultados mais dramáticos.

Modos comparativos

Difference

Compara as cores dos pixels e reageàs suas diferenças. Cores iguais aparecem como preto, cores diferentes aparecem como branco, e todas as outras cores aparecem invertidas.

Exclusion

Similar ao Difference, mas produz um resultado menos contrastado.

Modos de componente

Hue

Aplica a matiz do objeto de cima aos objetos de baixo, mas mantém seus níveis de saturação e brilho.

Saturation

Aplica a saturação do objeto de cima aos objetos de baixo, mas mantém suas matizes e seus níveis de brilho.

Color

Aplica a saturação e a matiz do objeto de cima aos objetos de baixo, mas mantém seus níveis de brilho.

Luminosity

Aplica o brilho do objeto de cima aos objetos de baixo, mas mantém seus níveis de saturação e sua matiz.

Esse post é uma referência pra você ter uma noção de como funcionam os blend modes, e saber como usá-los nos seus projetos. Se quiser ver um exemplo aplicado, assista o vídeo Illustrator – Efeitos de Preenchimento, onde eu mostro como usar blend modes pra criar efeitos compostos de preenchimento em objetos no Illustrator.

Posts relacionados:

Illustrator – Blend e Opacity Mask

João — Fri, 05 Oct 2007 13:23:24 +0000

Taí o tutorial do fim de semana… Como funciona o blend e opacity mask no Illustrator. Diferente de alguns programas, como Freehand, o Illustrator permite fazer blend entre formas com números diferentes de pontos. E o opacity mask é como no Photoshop, onde a máscara define a opacidade do objeto, baseado nos tons de cinza dela.

Usem com cuidado e não abusem da técnica do botão com reflexo, pois isso é uma tendência atraente da web, mas que em pouco tempo vai cair em desuso e quem sabe, virar um elemento kitsch no seu projeto.