1. Design & Illustration
  2. Add-Ons

Cómo crear tulipanes detallados con la malla de degradado, sin la herramienta malla en Illustrator

Scroll to top

Spanish (Español) translation by Steem (you can also view the original English article)

¡En este tutorial celebramos la primavera! Aquí aprenderás a dibujar hermosos tulipanes en un jarrón. Comenzaremos con una base 3D y luego pasaremos a crear tulipanes con Mallas de degradado sin la herramienta Malla, todo en Adobe Illustrator. Así que vamos a echar un vistazo más de cerca.


1. Abre un nuevo documento

En primer lugar, abre un nuevo documento (Archivo > Nuevo), escribe un nombre y selecciona estas dimensiones.

diana-tut-tulips mesh-1diana-tut-tulips mesh-1diana-tut-tulips mesh-1

2. Crea el jarrón 3D

Paso 1

Toma la herramienta Pluma (P) y dibuja un trazado como el de abajo que representa la mitad de un jarrón de flores. Asegúrate de que las reglas están activadas (Ver > Mostrar reglas) y arrastra una guía junto al trazado del jarrón. Los dos puntos finales del trazado deben estar alineados con esta guía antes de continuar. Aplica un Grosor de trazo rojo de 1px.

diana-tut-tulips mesh-2diana-tut-tulips mesh-2diana-tut-tulips mesh-2

Paso 2

Teniendo el trazado seleccionado, ve a Efecto > 3D > Girar. Ajusta las coordenadas de posición y luego pulsa el botón de Más opciones para ver todo el diálogo. Estos son los valores por defecto pero haremos algunos cambios porque el jarrón no se ve del todo bien en esta etapa.

diana-tut-tulips mesh-3diana-tut-tulips mesh-3diana-tut-tulips mesh-3

Paso 3

Primero, mueve la luz existente a la derecha como se indica (L1) y baja la Intensidad de la luz del 100% al 85%. Añade otra luz pulsando sobre el símbolo de Nueva luz y luego muévela a la parte superior izquierda (L2). Con la segunda luz seleccionada, ajusta la Intensidad de la luz al 70%. Aumenta los Pasos de fusión de 25 a 50 para que la superficie del jarrón sea más suave.

diana-tut-tulips mesh-4diana-tut-tulips mesh-4diana-tut-tulips mesh-4

3. Crea un motivo de puntos para el jarrón

Paso 1

Toma la herramienta Elipse (L) y dibuja un pequeño círculo de 14 x 14px. El color de relleno no es importante en este punto. Selecciona este círculo y luego ve a Efecto > Distorsionar y transformar > Transformar. En la sección Mover, en Horizontal escribe 24px y luego elige ocho copias.

diana-tut-tulips mesh-5diana-tut-tulips mesh-5diana-tut-tulips mesh-5

Paso 2

Con el círculo aún seleccionado, vuelve a Efecto > Distorsionar y transformar > Transformar. Recibirás una advertencia, pero selecciona Aplicar nuevo efecto. Esta vez, en Vertical escribe 48px y elige sólo una copia.

diana-tut-tulips mesh-6diana-tut-tulips mesh-6diana-tut-tulips mesh-6

Paso 3

Aplica de nuevo el efecto Transformar usando los ajustes mostrados y en este punto deberías tener los tres efectos en el panel Apariencia.

diana-tut-tulips mesh-7diana-tut-tulips mesh-7diana-tut-tulips mesh-7

Paso 4

Selecciona Expandir apariencia en el menú Objeto y luego rellena el grupo de puntos resultante con el color indicado. Arrastra el grupo al panel Símbolos para guardarlo.

diana-tut-tulips mesh-8diana-tut-tulips mesh-8diana-tut-tulips mesh-8

4. Aplica los puntos en el jarrón

Ahora, vuelve al jarrón y abre de nuevo la ventana de Opciones de giro 3D desde el panel Apariencia y luego pulsa el botón Mapear ilustración. Selecciona el símbolo de puntos de la lista y aplícalo en la superficie frontal del jarrón. Coloca los puntos como quieras y pulsa OK.

diana-tut-tulips mesh-9diana-tut-tulips mesh-9diana-tut-tulips mesh-9

5. Añade sombras y luces al jarrón

Paso 1

Para expandir el jarrón 3D, ve a Objeto > Expandir apariencia. Abre el grupo resultante en el panel Capas y navega por todas las partes del jarrón. Encuentra la base del jarrón y abre el grupo. Selecciona el Trazado de recorte que encontrarás ahí y luego cópialo y pégalo delante pero arrastra la copia fuera del grupo porque no la queremos ahí.

diana-tut-tulips mesh-10diana-tut-tulips mesh-10diana-tut-tulips mesh-10

Paso 2

Mueve la forma base hecha en el paso anterior delante del jarrón y luego rellénala con un degradado lineal de negro a gris. Establece el Modo de fusión en Superponer y reduce la Opacidad al 75%.

diana-tut-tulips mesh-11diana-tut-tulips mesh-11diana-tut-tulips mesh-11

Paso 3

Toma la herramienta Elipse (L) y dibuja una elipse sobre la primera luz (L1). Rellénala con un degradado lineal de blanco a negro y luego ve a Efecto > Desenfocar > Desenfoque gaussiano y aplica un radio de 5,5px. Ajusta el Modo de fusión a Tramado.

diana-tut-tulips mesh-12diana-tut-tulips mesh-12diana-tut-tulips mesh-12

Paso 4

Usa la herramienta Pluma (P) para dibujar una forma en el lado izquierdo del jarrón como se muestra abajo. Rellénala con un degradado radial de blanco a negro y luego aplica un Desenfoque gaussiano de 5,5px. Cambia el Modo de fusión a Sobreexposición de color y baja la Opacidad al 35%.

diana-tut-tulips mesh-13diana-tut-tulips mesh-13diana-tut-tulips mesh-13

Paso 5

Dibuja otra forma con la herramienta Pluma (P) como en la imagen y rellénala con un degradado lineal usando tonos negros y grises. Aplica un Desenfoque gaussiano de 5px y luego ponlo en Modo de fusión Superponer y reduce la Opacidad al 60%.

diana-tut-tulips mesh-14diana-tut-tulips mesh-14diana-tut-tulips mesh-14

6. Dibuja la boca del jarrón

Para la boca del jarrón, dibuja una elipse y rellénala con el degradado mostrado. Ya hemos terminado con el jarrón por el momento.

diana-tut-tulips mesh-15diana-tut-tulips mesh-15diana-tut-tulips mesh-15

7. Dibuja el tulipán y crea una malla de degradado

Paso 1

Continuaremos con el hermoso tulipán. Ahora, sigue la secuencia de imágenes y dibuja unos pétalos similares a los de abajo.

diana-tut-tulips mesh-16diana-tut-tulips mesh-16diana-tut-tulips mesh-16

Paso 2

Céntrate en el primer pétalo y ve a Objeto > Crear malla de degradado. Selecciona 12 filas y 9 columnas y pulsa OK. En este punto puedes hacer algunos ajustes como mover algunos de los puntos de anclaje y manejadores o mover las líneas más cerca o más lejos unas de otras. La Malla de degradado es mucho más fácil que la herramienta Malla (U), ¿verdad?

diana-tut-tulips mesh-17diana-tut-tulips mesh-17diana-tut-tulips mesh-17

Paso 3

En cuanto a la coloración, puedes ver en la imagen inferior la "anatomía" del pétalo. Hay algunas zonas principales en función de los tonos utilizados como el rojo, el salmón y el rosa. Para dar un poco de brillo utiliza el rosa claro y a medida que avanzas hacia la parte inferior del pétalo utiliza tonos más oscuros de rojo. Cerca del tallo es mejor usar tonos de verde/marrón. Todos los colores están disponibles en el panel de Muestras si descargas el archivo de Illustrator.

diana-tut-tulips mesh-18diana-tut-tulips mesh-18diana-tut-tulips mesh-18

Paso 4

Continúa con el segundo pétalo. Ve a Objeto > Crear malla de degradado y esta vez selecciona 14 filas y 8 columnas. Mueve algunos de los puntos más cerca unos de otros como se muestra a continuación.

diana-tut-tulips mesh-19diana-tut-tulips mesh-19diana-tut-tulips mesh-19

Paso 5

La misma teoría se aplica aquí y básicamente usé los mismos colores.

diana-tut-tulips mesh-20diana-tut-tulips mesh-20diana-tut-tulips mesh-20

Paso 6

El tercer pétalo está justo entre los dos primeros. Selecciónalo, luego crea las líneas de malla y colorea el pétalo como lo hiciste antes. Utiliza el archivo de Illustrator como referencia si lo necesitas.

diana-tut-tulips mesh-21diana-tut-tulips mesh-21diana-tut-tulips mesh-21

Paso 7

En este punto puedes empezar a componer el tulipán. Sólo faltan los dos pequeños pétalos de la parte trasera.

diana-tut-tulips mesh-22diana-tut-tulips mesh-22diana-tut-tulips mesh-22

Paso 8

Concéntrate en el pétalo pequeño y crea las líneas de la malla, luego coloréalo usando principalmente tonos rojos. Cuando hayas terminado, dibuja con la herramienta Pluma (P) una forma fina en el lado izquierdo del pétalo. Rellénala con el degradado lineal que se muestra. Haz lo mismo con el otro pétalo pequeño o refleja el primero para terminar más rápido.

diana-tut-tulips mesh-23diana-tut-tulips mesh-23diana-tut-tulips mesh-23

Paso 9

El tulipán está listo y tiene este aspecto:

diana-tut-tulips mesh-24diana-tut-tulips mesh-24diana-tut-tulips mesh-24

8. Dibuja el tallo y crea una malla de degradado

Paso 1

Toma la herramienta Rectángulo (M) y dibuja un rectángulo largo con las dimensiones indicadas. Ve a Objeto > Crear malla de degradado y selecciona cuatro filas y columnas.

diana-tut-tulips mesh-25diana-tut-tulips mesh-25diana-tut-tulips mesh-25

Paso 2

Utiliza la herramienta Selección directa (A) para arrastrar una selección sobre los cinco puntos de la segunda fila y muévelos hacia arriba como se indica. Ahora, pasemos a la coloración y como esta vez no hay tantos tonos, los he mostrado a continuación. Toma cada columna por separado y colorea los puntos de la malla.

diana-tut-tulips mesh-26diana-tut-tulips mesh-26diana-tut-tulips mesh-26

Aquí están el resto de los tonos verdes:

diana-tut-tulips mesh-27diana-tut-tulips mesh-27diana-tut-tulips mesh-27

Paso 3

En la parte superior del tallo he utilizado tonos verdes junto con tonos marrones. En la parte inferior necesitamos tonos verdes oscuros porque allí el tallo entra en el jarrón. En el lado derecho tenemos sombra debido a los otros tulipanes en el jarrón, por lo tanto la luz está en el otro. A continuación, vamos a distorsionar un poco el tallo. Arrastra una selección con la herramienta Selección directa (A) sobre las dos primeras filas y muévelas hacia la izquierda como se indica. Luego, selecciona sólo los cinco puntos de la parte superior y muévelos también hacia la izquierda. Ajusta algunos de los puntos y manejadores si es necesario.

diana-tut-tulips mesh-28diana-tut-tulips mesh-28diana-tut-tulips mesh-28

Paso 4

Une el tallo al tulipán y envíalo detrás. Continuaremos con la hoja.

diana-tut-tulips mesh-29diana-tut-tulips mesh-29diana-tut-tulips mesh-29

9. Dibuja la hoja y crea una malla de degradado

Paso 1

Dibuja una Elipse (L) que tenga las dimensiones mostradas, luego ve a Objeto > Crear malla de degradado y selecciona cinco filas y siete columnas.

diana-tut-tulips mesh-30diana-tut-tulips mesh-30diana-tut-tulips mesh-30

Paso 2

Distorsionaremos esta forma poco a poco para obtener la hoja. Sigue la secuencia de imágenes y utiliza la herramienta Selección directa (A) para desplazar los puntos desde la parte inferior izquierda hacia arriba como se indica (1-3). A continuación, selecciona todos los puntos de la cuarta fila y muévelos un poco hacia arriba (4) y luego continúa distorsionando el lado izquierdo de la forma (5).

diana-tut-tulips mesh-31diana-tut-tulips mesh-31diana-tut-tulips mesh-31

Paso 3

Selecciona sólo el primer punto de la primera fila y muévelo a la parte superior izquierda como se indica (1). Continúa moviendo el resto de los puntos de arriba, uno por uno hacia el lado izquierdo por encima del punto movido anteriormente (2). Los puntos deben estar alineados (3) y cuando hayas terminado, ajusta las líneas de la malla moviendo los manejadores. Obtendrás el extremo puntiagudo de la hoja (4).

diana-tut-tulips mesh-32diana-tut-tulips mesh-32diana-tut-tulips mesh-32

Paso 4

Es el momento de colorear la hoja y a continuación puedes ver las zonas más importantes. Básicamente, hay tonos verdes, verdes oscuros y algunos marrones. Puedes encontrar todos los colores en el panel Muestras junto con los demás. Coloca la hoja detrás del tallo y el tulipán estará listo.

diana-tut-tulips mesh-33diana-tut-tulips mesh-33diana-tut-tulips mesh-33

10. Coloca los tulipanes en el jarrón

Paso 1

Coloca el hermoso tulipán sobre el jarrón y luego haz dos copias. Coloca los tulipanes como quieras.

diana-tut-tulips mesh-34diana-tut-tulips mesh-34diana-tut-tulips mesh-34

Paso 2

Copia y pega delante la boca del jarrón (1) y luego borra el punto de anclaje superior (2). A partir de los puntos finales de este trazado (3) dibuja una forma con la herramienta Pluma (P) alrededor de los tallos y las hojas (4). Ajusta el Trazo a ninguno.

diana-tut-tulips mesh-35diana-tut-tulips mesh-35diana-tut-tulips mesh-35

Paso 3

Selecciona la forma del paso anterior y todos los tallos y hojas y luego ve a Objeto > Máscara de recorte > Crear. Ahora, parece que los tulipanes entran realmente en el jarrón.

diana-tut-tulips mesh-36diana-tut-tulips mesh-36diana-tut-tulips mesh-36

11. Añade sombras a las hojas y al jarrón

Paso 1

Ahora que los tallos y las hojas están todos juntos tenía que añadir más sombras y más contraste. Por lo tanto, selecciona algunos de los puntos de la malla y elige un tono más oscuro de verde para añadir sombras y tonos más claros de verde para añadir más luz. Dibuja con la herramienta Pluma (P) una forma, como la que se muestra a continuación, sobre la base de los tulipanes y rellénala con un degradado lineal de blanco a negro. Cambia el Modo de fusión a Multiplicar y baja la Opacidad al 50%. Esto también añadirá una discreta sombra.

diana-tut-tulips mesh-37diana-tut-tulips mesh-37diana-tut-tulips mesh-37

Paso 2

También necesitamos algo de sombra detrás de los tulipanes. Toma la herramienta Elipse (L) y dibuja dos elipses planas siguiendo el borde del jarrón. Envía las elipses detrás de los tulipanes pero delante del jarrón. Rellénalas con un degradado radial de negro a blanco y ponlas en Multiplicar.

diana-tut-tulips mesh-38diana-tut-tulips mesh-38diana-tut-tulips mesh-38

Paso 3

En este paso los tulipanes y el jarrón deben tener el aspecto de la siguiente imagen:

diana-tut-tulips mesh-39diana-tut-tulips mesh-39diana-tut-tulips mesh-39

Paso 4

Para crear la sombra bajo el jarrón, dibuja las dos elipses con las dimensiones indicadas. Rellénalas ambas con negro y ajusta los valores de Opacidad como se indica para cada una. Selecciona ambas y luego ve a Objeto > Fusión > Opciones de fusión. Elige 50 Pasos especificados y pulsa OK, luego vuelve a Objeto > Fusionar y selecciona Crear. Reduce la Opacidad del grupo de fusión resultante al 35%.

diana-tut-tulips mesh-40diana-tut-tulips mesh-40diana-tut-tulips mesh-40

Paso 5

Así es como puedes hacer fácilmente el reflejo. Haz una copia del jarrón y voltéala verticalmente (1). Colócala como en la imagen, luego dibuja un rectángulo encima y rellena con el degradado que se muestra (2). Ahora, selecciona la copia del jarrón y también el rectángulo, ve al panel Transparencia y en el menú desplegable elige Crear máscara de opacidad (3). ¡Eso es todo!.

diana-tut-tulips mesh-41diana-tut-tulips mesh-41diana-tut-tulips mesh-41

¿Te convertiste en fanático de la malla de degradado?

Llegamos al final y este es el resultado. Espero que a partir de ahora utilices más la Malla de degradado ya que es mucho más fácil que la herramienta Malla. Sé que la parte de colorear parece abrumadora y admito que al principio odiaba estas dos herramientas, pero ahora somos las mejores amigas. Inténtalo y crea incluso otros tipos de tulipanes como el amarillo o el morado. También puedes crear otros modelos de jarrones teniendo esta técnica como inspiración.

diana-tut-tulips mesh-finaldiana-tut-tulips mesh-finaldiana-tut-tulips mesh-final