Cómo crear gotitas de agua transparentes con malla de degradado en Adobe Illustrator

Lo que vas a crear

En este tutorial, aprenderás a usar el Herramienta de malla en Adobe Illustrator para crear un conjunto de gotas transparentes!

Si desea omitir el tutorial y simplemente usar estas gotas y más en su trabajo, puede seguir adelante y comprar el Fondo de gota de agua de GraphicRiver!

Fondo de gota de agua

1. Cómo dibujar y modificar la primera gota

Paso 1

Comienza a dibujar la primera gota con malla..

Crea una elipse, llena de # D5D5D5, y luego agarrar el Herramienta de malla (U) y haciendo clic dentro de la elipse, crea un Malla rejilla como la que se muestra a continuación.

Colorea los nodos que están seleccionados en el segundo paso con #FFFFFF.

Utilizar # B8B8B8 para el tercer paso y #CCCCCC para el cuarto.

Paso 2

Dibuja otra forma con Malla. Usa estos colores:

1. # 959595
2. #FFFFFF
3. # B9B9B9
   

Paso 3

Combina ambas formas, y cambia el Modo de transparencia de ambos objetos a Multiplicar.

Etapa 4

Dibuja un Malla resalte para la gota con estos colores:

1. # 959595
2. #FFFFFF
3. # B9B9B9

Cambiar el Transparencia panel Modo de fusión a Pantalla con 70% de opacidad.

Paso 5

Añadir los aspectos más destacados a la gota.

Crea un punto culminante más de dos elipses rellenas con un Gradiente radial de blanco a # 020200.

Utilizar Pantalla y 60% de opacidad, y colocarlo encima de la gota.

Paso 6

Dibuja un # 8BABB7 forma para la superposición de color.

Utilizar Cubrir y 60% de opacidad, y colocarlo encima de la gota.

Paso 7

Utilizar Efecto> Warp> FishEye doblar una copia de la gota. Utilice estos ajustes:

• Curva: 21%
  
• Distorsión horizontal: 37%
  
• Distorsión vertical: 13%

Después de aplicar el efecto, vaya a Objeto> Expandir Apariencia.

Paso 8

Utilizar Efecto> Deformación> Apretón doblar otra copia de la gota original.

Utilice estos ajustes:

• Curva: 27%
  
• Distorsión horizontal: -24%

Después de aplicar el efecto, vaya a Objeto> Expandir Apariencia.

Paso 9

Utilizar Efecto> Deformación> Apretón doblar una copia de la gota. Utilice estos ajustes:

• Curva: 45%
  
• Distorsión horizontal: -2%
  
• Distorsión vertical: 9%

Después de aplicar el efecto, vaya a Objeto> Expandir Apariencia.

2. Cómo dibujar la segunda gota de agua

Paso 1

Dibuja la siguiente gota con Malla.

1. #FFFFFF
2. # 4E4E4E
3. # 787878
4. # A7A7A7

Cambia la gota a Multiplicar con 60% de opacidad.

Paso 2

Dibujar un punto culminante con Malla.

1. # 787878
2. #FCFCFC

Utilizar Pantalla con 80% de opacidad.

Paso 3

Dibuje el resaltado final, usando Multiplicar a 90% de opacidad.

1. # 959595
2. #FFFFFF
3. #Dadada

Etapa 4

Agregue los puntos destacados y luego agregue una # 8BABB7 Cubrir con 60% de opacidad.

Paso 5

Utilizar Efecto> Warp> Shell Upper doblar una copia de la gota. Utilice estos ajustes:

• Curva: -22%
  
• Distorsión horizontal: 57%
  
• Distorsión vertical: -7%

Después de aplicar el efecto, vaya a Objeto> Expandir Apariencia.

Paso 6

Utilizar Efecto> Warp> Bulge doblar otra copia de la gota. Utilice estos ajustes:

• Curva: 57%
  
• Distorsión horizontal: 10%
  
• Distorsión vertical: 4%

Después de aplicar el efecto, vaya a Objeto> Expandir Apariencia.

Paso 7

Coloque las gotas en un fondo hecho de #DFDFDF y # F8F8F8 cuadrícula.

Impresionante trabajo, ya estás hecho!

¿Ahora que? Puedes probar cualquiera de mis otros tutoriales desde mi perfil o consultar mi portafolio en GraphicRiver, así como el vector original que hemos recreado en este tutorial..

Espero que hayan disfrutado el tutorial y me encantaría ver los resultados en los comentarios a continuación.!

Fondo de gota de agua

Echa un vistazo a estos otros tutoriales!