Cómo crear flores de primavera con la herramienta Malla de degradado en Adobe Illustrator
Spanish (Español) translation by Javier Salesi (you can also view the original English article)



En este tutorial aprenderás cómo utilizar la herramienta Malla y también cómo hacer que tus imágenes luzcan mejor solo con algunas modificaciones en los parámetros de Transparencia. Igualmente crearás ¡un realista fondo de primavera con flores!
Si quisieras saltarte este tutorial y comprar el resultado final en una variedad de diseños en forma de banner, con etiquetas con temática de Navidad, dirígete a GraphicRiver para comprar Fondo de primavera con una rama de árbol en flor.



Antes de comenzar, necesitarás descargar el archivo adjunto usando el botón ubicado a la derecha. Es un archivo, creado por mí y que será útil.
1. Cómo crear pétalos de flor
Paso 1
Comienza creando una forma rosa usando la herramienta Elipse (L). Coloréala con #FAE8E6 y crea un nodo en el centro haciendo clic con la herramienta Malla (U).



Paso 2
Modifica la forma para que se vea como la imagen que se muestra abajo al arrastrar nodos con la herramienta Malla (U).



Paso 3
Usando la herramienta Malla (U), crea una malla similar a la de la captura de pantalla.



Paso 4
Colorea los Nodos de malla individuales de acuerdo a la imagen que se observa abajo, el código del color que necesitas usar está en la anotación. Para seleccionar nodos múltiples a la vez, utiliza la herramienta Lazo (Q) o la combinación de teclas Mayúsculas-clic con la herramienta Selección directa (A).



Paso 5
Ahora que hemos terminado de crear el pétalo, ¡usémoslo para hacer una flor! Crea algunas copias del pétalo terminado (usa Control-C, Control-V o arrástralas mientras mantienes presionada la tecla Alt) y rótalas para que se vean así:



El pétalo superior derecho debería estar debajo de los otros pétalos. Puedes lograr eso usando la función Hacia atrás [Control-[) que puedes encontrar en el menú Organizar después de hacer clic derecho en un objeto.
Paso 6
Termina de organizar la flor añadiendo algunos pétalos.



No te preocupes de la apertura del centro, ¡nos ocuparemos de ello en las próximas dos secciones!
2. Cómo crear estambres de flor y ensamblar la flor
Paso 1
Creemos los estambres de la flor. Comienza creando una forma angosta con la herramienta Rectángulo (M). Crea un Nodo de malla en el centro, tal y como lo hicimos en la sección anterior del tutorial. Colorea el rectángulo con #E5BE93.



Paso 2
Crea más Nodos de malla y coloréalos como se muestra en la captura de pantalla que aparece abajo usando la herramienta Malla (U).



Paso 3
Ahora que nuestro rectángulo está coloreado, Defórmalo usando Efecto > Deformar > Arco. Los parámetros deberían ser como se muestra a continuación:
- Curvar 19%
- Horizontal -38%



Paso 4
Expande la apariencia de la forma usando Objeto > Expandir > Apariencia. ¡No olvides hacer esto siempre que utilices el efecto Deformar en el futuro!



Paso 5
Copia y coloca la forma curvada para que se vea como en la imagen de abajo.



Paso 6
Crea una copia más pequeña de la forma y colócala como se observa en la captura de pantalla de abajo. Cambia el color con Edición > Editar colores > Saturar. Establece la Intensidad en -20%.



Paso 7
Mueve el segundo grupo debajo del primero.



Paso 8
Pasemos a crear la segunda parte del estambre. Utiliza la herramienta Elipse (L) para crear una forma de este tipo y rellénala con un color naranja, puedes usar #EEAF58.



Paso 9
Crea una malla en la forma usando Objeto > Crear malla de degradado. Establece el número de Filas en 4 y el de Columnas en 5.



Paso 10
Selecciona los nodos mostrados en la captura de pantalla y aplícales el color que se indica.



Paso 11
Añade las elipses terminadas al grupo que concluimos en el Paso 7. Puedes organizarlas tú mismo o sigue la imagen que aparece a continuación.



Paso 12
Crea una copia de la creación terminada, rótala y escálala para que el resultado luzca similar a la forma observada abajo.



Paso 13
Finalmente, haremos una sombra de nuestros estambres. Crea una elipse y rellénala con un Degradado radial de café a naranja a blanco.



Paso 14
Con la herramienta Degradado (G), estira el degradado para que siga la forma de la elipse.



Paso 15
Establece la Transparencia en Multiplicar y la Opacidad en 80% en el panel Transparencia (Ventana > Transparencia).



Paso 16
Por último, organiza los objetos creados en esta sección en los pétalos de la sección previa.



Paso 17
Para este paso, ¡sé creativo! Crea otras dos diferentes versiones de la flor. Puedes rotar, añadir o quitar pétalos, organízalos de manera diferente y ajusta su Opacidad en el panel Transparencia o incluso su color en Edición > Editar colores > Ajustar equilibrio de colores.
He creado algunas flores de muestra:



Una vez que estés satisfecho con las flores que hiciste, ¡pasa a la siguiente sección!
3. Cómo crear hojas
Paso 1
Crea una elipse y rellénala con el color #5F8500.



Paso 2
Sigue la imagen para crear y colorear una Malla.



Paso 3
Dibuja líneas para la hoja con la herramienta Pluma (P). Aplícale un trazo verde #9E9E02 y asígnale una Anchura de perfil 4 en el panel Trazo (Ventana > Trazo).



Paso 4
Selecciona todas las líneas y Únelas en el panel Ventana > Buscatrazos.



Paso 5
Pon las líneas arriba de la elipse. Abre el archivo .ai que descargaste al hacer clic en Download Attachment (descargar archivos adjuntos) en el lado derecho de la página y pon la forma que encontraste arriba de la hoja. Si quieres puedes usar tu propia forma para este paso.
Selecciona todos los elementos y haz clic derecho, eligiendo Crear máscara de recorte del menú.



Paso 6
Así debe lucir tu hoja terminada.



Paso 7
Crea una copia de la hoja y aplica Edición > Editar colores > Ajustar equilibrio de colores para hacerla lucir más clara. Usa 13% Rojo y 10% Verde.



4. Cómo crear ramitas
Paso 1
Crea un rectángulo angosto y rellénalo con el color #030100.



Paso 2
Crea un solo nodo de malla en el centro con la herramienta Malla (U) y coloréalo con #714B00.



Paso 3
Curva la forma utilizando Efecto > Deformar > Arco, aplicándole Curvar 10%. No olvides Expandir apariencia.



Paso 4
Crea un par de nodos de malla y arrastra uno ellos para que luzca como la imagen observada abajo.



Paso 5
Crea más nodos de malla para mimetizar la Malla observada en la captura de pantalla.



Paso 6
Colorea la ramita, siguiendo las imágenes que aparecen a continuación.



Paso 7
Crea otro rectángulo, esta vez rellenándolo con el color #5D6A2C.



Paso 8
Defórmalo como lo hicimos en el Paso 2 de esta sección, aplicando los siguientes parámetros:
- Curvar 24%
- Horizontal -40%



Expande la apariencia del objeto.
Paso 9
Colorea el objeto usando la malla y siguiendo las imágenes de abajo.



Paso 10
Une la forma recientemente hecha con la ramita que finalizamos en el Paso 6.



5. Cómo crear el fondo
Paso 1
Crea un rectángulo y aplícale el color #F2F2E2.



Paso 2
Usando la herramienta Malla (U), crea una malla como se muestra en la imagen de abajo.



Paso 3
Colorea los nodos diferentes siguiendo la imagen observada a continuación.



6. Cómo conjuntar todo
¡Magnífico! Hemos terminado de hacer todos los elementos! Esta sección depende de tu creatividad.
Paso 1
Simplemente toma todos los objetos que hicimos en las secciones 1,2,3 y 4 y organízalos ¡para hacer una o dos hermosas ramas con flores y hojas de primavera! Puedes ver mi resultado para inspirarte.



Paso 2
Toma el fondo que hicimos en la sección 5 y coloca tus flores en él. A continuación, crea un rectángulo arriba de todos los elementos. El rectángulo debería incluir todo lo que quieres en la imagen final.
Finalmente, selecciona todos los elementos (Control- A), haz clic derecho y elige Crear máscara de recorte.



¡Estupendo trabajo, terminaste!
¿Ahora qué? Puedes añadir elementos adicionales (por ejemplo, iluminaciones bokeh) y experimentar ¡hasta que estés completamente satisfecho con tu fondo de flores de primavera!



En este tutorial, aprendiste cómo crear un fondo con flores de primavera, principalmente usando la herramienta Malla y los efectos de Deformación.
Espero que hayas disfrutado este tutorial y hayas aprendido cómo usar algunas herramientas útiles para el futuro!
Puedes encontrar un fondo de flores de primavera similar en GraphicRiver, ¡y en mi portafolio aún hay más!


