29 de janeiro de 2014

Adobe Illustrator CS5 - Efeito gota d'água em vetor

Isto mesmo. Você leu direito. Mostro agora um tutorial de como fazer um efeito de gotas d'água no Illustrator. Adaptei de um tutorial do Photoshop. Também Funciona em Illustrator CC.
Preparado? Vamos lá!
"Sigam as fotos para ver valores usados."

Primeiro vamos preparar o arquivo pois o 'Raster effects settings' influi muito no resultado.
Depois criei dois retângulos para melhor visualizar. Vamos aplicar o efeito no retângulo cinza. Cerca de 50% de preto.
Agora vamos aplicar um efeito 'Texturizer'.  
Voltamos ao menu 'effects' e aplicamos um 'Stained glass'. Começamos a visualizar as gotas. Mas ainda está muito duro.
De volta ao 'effects' aplicamos um 'stamp', eliminado algumas gotas e suavizando as bordas delas.
Duplique agora o retângulo pois vamos usá-lo daqui a pouco.
Selecione o retângulo original (não a cópia).
Agora novamente em 'effects' aplique um 'plaster'. Opa! Agora sim, né?
Mas ainda precisamos eliminar o preto do fundo. Vamos lá!
Selecione o objeto que copiamos antes e vamos rasterizar. Vamos usá-lo como máscara.
Agora um 'tracing'. Lembre de marcar ignore white.
Selecione os dois objetos e alinhe.
Quase lá. Ainda com os dois objetos selecionado, vamos fazer uma 'opacity mask'. Lembre de desmarcar 'clip' ou a máscara não funciona.
Isso! Vemos agora um antes e depois de mudar o 'blending'. Podes testar outros modos, mas este foi o que mais me agradou.
Para ilustrar uma aplicação, fiz uma lata com o efeito 3d revolve (não é a lata do Hulk!). Fiz uma máscara 'clipping mask' (ctrl+7)com a forma da lata contendo as gotas.
Por fim (Ufa!), a lata com as gotas simuladas totalmente em vetor. Nem precisamos abrir o photoshop.

Espero que tenham gostado (os que tiveram paciência de ler tudo, claro!).
Até mais!