Como Criar Gotas de Água Transparentes com a Ferramenta Malha no Adobe Illustrator
Portuguese (Português) translation by Wesley Sales (you can also view the original English article)



Neste tutorial, você vai aprender a como usar a Ferramenta Malha no Adobe Illustrator para criar um conjunto de gotas transparentes!
Se você quiser pular o tutorial e usar essas gotas e muito mais em seu trabalho, você pode comprar o Fundo de Gotas D'água da GraphicRiver!



1. Como Desenhar e Modificar a Primeira Gota
Passo 1
Comece desenhando a primeira gota com a malha.
Crie uma elipse, preenchida com a cor #D5D5D5
, e em seguida pegue a Ferramenta Malha (U) e clicando dentro da elipse, crie uma grade de Malha assim como a mostrada abaixo.
Adicione a cor #FFFFFF
aos nós selecionados no segundo passo.
Use a cor #B8B8B8
para o terceiro passo e #CCCCCC
para o quarto.



Passo 2
Desenhe outra forma com a Malha. Use essas cores:
#959595
#FFFFFF
-
#B9B9B9



Passo 3
Combine ambas as formas, e altere o Modo de Transparência de ambos os objetos para Multiplicação.



Passo 4
Desenho o brilho da Malha para a gota com essas cores:
#959595
#FFFFFF
#B9B9B9
Altere o Modo de Mesclagem (Blending Mode) do painel Transparência para Divisão (Screen) com 70% de Opacidade.



Passo 5
Adicione os brilhos às gotas.
Crie mais um brilho fora das duas elipses preenchido com um Degradê Radial de branco para #020200
.
Use o modo Divisão (Screen) e 60% de Opacidade, e coloque-o em cima da gota.



Passo 6
Desenhe uma forma com a cor #8BABB7
para a sobreposição colorida.
Use o modo Sobrepor (Overlay) com 60% de Opacidade, e coloque-o por cima da gota.



Passo 7
Use Efeito > Deformação > Olho de Peixe (Effect > Warp > FishEye) para curvar uma cópia da gota. Use essas configurações:
- Curvatura (Bend): 21%
- Distorção Horizontal: 37%
- Distorção Vertical: 13%
Depois de aplicar o efeito, vá para Objeto > Expandir Aparência (Object > Expand Appearance).



Passo 8
Use Efeito > Deformação > Comprimir (Effect > Warp > Squeeze) para curvar outra cópia da gota original.
Use essas configurações:
- Curvatura (Bend): 27%
- Distorção Horizontal: -24%
Depois de aplicar o efeito, vá para Objeto > Expandir Aparência (Object > Expand Appearance).



Passo 9
Use Efeito > Deformação > Comprimir (Effect > Warp > Squeeze) para curvar uma cópia da gota. Use essas configurações:
- Curvatura (Bend): 45%
- Distorção Horizontal: -2%
- Distorção Vertical: 9%
Depois de aplicar o efeito, vá para Objeto > Expandir Aparência (Object > Expand Appearance).



2. Como Desenhar a Segunda Gota D'água
Passo 1
Desenhe a próxima gota com Malha.
#FFFFFF
#4E4E4E
#787878
#A7A7A7
Altere a gota para Multiplicação com 60% de Opacidade.



Passo 2
Desenhe um realce com a Malha.
#787878
#FCFCFC
Use o modo Divisão (Screen) com 80% de Opacidade.



Passo 3
Desenhe o brilho final, usando Multiplicação com 90% de Opacidade.
#959595
#FFFFFF
#DADADA



Passo 4
Adicione os brilhos, e em seguida adicione uma Sobreposição (Overlay) com a cor #8BABB7
com 60% de Opacidade.



Passo 5
Use o Efeito > Deformação > Concha Superior (Effect > Warp > Shell Upper) para curvar uma cópia da gota. Use essas configurações:
- Curvatura (Bend): -22%
- Distorção Horizontal: 57%
- Distorção Vertical: -7%
Depois de aplicar o efeito, vá para Objeto > Expandir Aparência (Object > Expand Appearance).



Passo 6
Use Efeito > Deformação > Saliência (Effect > Warp > Bulge) para curvar outra cópia da gota. Use essas configurações:
- Curvatura (Bend): 57%
- Distorção Horizontal: 10%
- Distorção Horizontal: 4%
Depois de aplicar o efeito, vá para Objeto > Expandir Aparência (Object > Expand Appearance).



Passo 7
Coloque as gotas em um fundo feito de quadrados com as cores #DFDFDF
e #F8F8F8
.



Trabalho Incrível, Agora Você Terminou!
E agora? Você pode experimentar qualquer um dos meus outros tutoriais do meu perfil ou verificar meu portfólio na GraphicRiver, assim como o vetor original que recriamos neste tutorial.
Eu espero que você tenha gostado do tutorial, eu ficaria muito feliz de ver os seus resultados nos comentários abaixo!



Confira esses outros tutoriais!
- Ferramenta de Malha DegradêComo Desenhar um Plano de Fundo de Natureza no Adobe Illustrator Usando a Malha de DegradêVladimir Galantsev
- Ferramenta de Malha DegradêComo Desenhar um Conjunto de Vários Pacotes de Polipropileno e Plástico no Adobe IllustratorVladimir Galantsev
- Ferramenta de Malha DegradêComo Desenhar uma Melancia e um Copo de Suco no Adobe IllustratorVladimir Galantsev
