Spanish (Español) translation by Javier Salesi (you can also view the original English article)
En éste tutorial, aprenderás cómo usar la Herramienta Malla en Adobe Illustrator ¡para crear un conjunto de gotas transparentes!
Si quisieras saltarte el tutorial y solo usar éstas gotas y más en tu trabajo, ¡puedes continuar y comprar el Fondo Gota de Agua de GraphicRiver!
1. Cómo Dibujar y Modificar la Primera Gota
Paso 1
Comienza dibujando la primera gota con la malla.
Crea una elipse, rellena con #D5D5D5, y luego toma la Herramienta Malla(U) y haciendo click dentro de la elipse, crea una cuadrícula de Malla igual a la que se muestra abajo.
Colorea los nodos que están seleccionados en el segundo paso con #FFFFFF.
Usa #B8B8B8 para el tercer paso y #CCCCCC para el cuarto.
Paso 2
Dibuja otra forma con la Malla. Usa éstos colores:
#959595#FFFFFF-
#B9B8B8
Paso 3
Combina ambas formas, y cambia el modo Transparencia de ambos objetos a Multiplicar.
Paso 4
Dibuja una iluminación de Malla para la gota con éstos colores:
#959595#FFFFFF#B9B9B9
Cambia el Modo de Fusión en el panel Transparencia a Trama con Opacidad 70%.
Paso 5
Agrega las iluminaciones a la gota.
Crea una iluminación más de dos elipses rellenas con un Degradado Radial de blanco a #020200.
Usa Trama y Opacidad 60%, y colócala en la parte superior de la gota.
Paso 6
Dibuja una forma #8BABB7 para la superposición coloreada.
Usa Superponer y Opacidad 60%, y colócala en la parte superior de la gota.
Paso 7
Usa Efecto > Deformar > Ojo de Pez para curvar una copia de la gota. Usa éstos ajustes:
- Curvar: 21%
- Distorsión Horizontal: 37%
- Distorsión Vertical: 13%
Después de aplicar el efecto, ve Objeto > Expandir Apariencia.
Paso 8
Usa Efecto > Deformar > Estrechar para curvar otra copia de la gota original.
Usa éstos ajustes:
- Curvar: 27%
- Distorsión Horizontal: -24%
Después de aplicar el efecto, ve a Objeto > Expandir Apariencia.
Paso 9
Usa Efecto > Deformar > Estrechar para curvar una copia de la gota. Usa éstos ajustes:
- Curvar: 45%
- Distorsión Horizontal: -2%
- Distorsión Vertical: 9%
Después de aplicar el efecto, ve a Objeto > Expandir Apariencia.
2. Cómo Dibujar la Segunda Gota de Agua
Paso 1
Dibuja la siguiente gota con la Malla.
#FFFFFF#4E4E4E#787878#A7A7A7
Cambia la gota a Multiplicar con Opacidad 60%.
Paso 2
Dibuja una iluminación con la Malla.
#787878#FCFCFC
Usa Trama con Opacidad 80%.
Paso 3
Dibuja la iluminación, usando Multiplicar con Opacidad 90%.
#959595#FFFFFF#DADADA
Paso 4
Agrega las iluminaciones, y luego agrega una Superposición #8BABB7 con Opacidad 60%.
Paso 5
Usa Efecto > Deformar > Caparazón hacia arriba para curvar una copia de la gota. Usa éstos ajustes:
- Curvar: -22%
- Distorsión Horizontal: 57%
- Distorsión Vertical: -7%
Después de aplicar el efecto, ve a Objeto > Expandir Apariencia.
Paso 6
Usa Efecto > Deformar > Abombar para curvar otra copia de la gota.
- Curvar: 57%
- Distorsión Horizontal: 10%
- Distorsión Vertical: 4%
Después de aplicar el efecto, ve a Objeto > Expandir Apariencia.
Paso 7
Coloca las gotas en el fondo hecho de cuadrado #DFDFDF y #F8F8F8.
¡Fabuloso Trabajo, Ahora Terminaste!
¿Ahora qué? Puedes intentar cualquiera de mis otros tutoriales de mi perfil, o consultar mi portafolio en GraphicRiver, así como el vector original que creamos en éste tutorial.
Espero que hayas disfrutado el tutorial ¡y estaría super feliz de ver cualquier resultado en los comentarios abajo!
¡Consulta éstos otros tutoriales!
Herramienta Malla de DegradadoCómo Dibujar un Fondo de Naturaleza en Adobe Illustrator Usando Malla de Degradado
Herramienta Malla de DegradadoCómo Dibujar un Conjunto de Varios Paquetes de Polipropileno y Plástico en Adobe Illustrator
Herramienta Malla de DegradadoCómo Dibujar una Sandía y un Vaso de Jugo en Adobe Illustrator
