Cree flores simples con malla de degradado en Adobe Illustrator

Siga este tutorial y aprenda cómo crear hermosas flores con la ayuda de la función Gradient Mesh en Adobe Illustrator. Comenzaremos con la forma del pétalo y luego, con la malla de degradado, agregaremos los puntos de malla y la colorearemos. Después de esto, vamos a componer la flor seguida por los estambres en el centro. Para ellos, usaremos un pincel de dispersión personalizado junto con el efecto de transformación y la malla de degradado, por supuesto. Continuaremos agregando detalles sobre los pétalos con la ayuda de los efectos Blend Tool, Pucker & Bloat y Transform. Acabaremos añadiendo sombras y probando otras versiones en color. Vamos a empezar!


1. Iniciar un nuevo proyecto

Lanzamiento Ilustrador luego ve a Archivo> Nuevo para abrir un nuevo documento en blanco. Escriba un nombre y configure las dimensiones y luego seleccione Pixeles como Unidades y RGB como Modo de color. Ahora ve a Editar> Preferencias> General y establecer el Incremento de teclado a 1px. Mientras que allí, vaya a Unidades y rendimiento de pantalla y establecer el Unidades Como en la imagen. Normalmente trabajo con estas configuraciones y te ayudarán en todo el proceso de dibujo..



2. Crea la forma del pétalo

Paso 1

Primero, toma el Herramienta Elipse (L) y dibujar un 18 x 75px Elipse con un trazo simple. Ahora, usando el Herramienta de selección directa (A) seleccione solo el punto de anclaje en la parte inferior, luego muévalo hacia abajo y un poco hacia la izquierda. Puedes ver la diferencia entre ellos, la ruta roja es la original y la ruta azul es la nueva..


Paso 2

A partir de la forma obtenida en el paso anterior puedes crear diferentes pétalos. Entonces, antes de continuar, haga una copia y guárdela para el segundo pétalo..

Ahora, seleccione usando el Herramienta de selección directa (A) Solo el punto de anclaje desde la izquierda y muévelo un poco hacia la izquierda. También mueva las asas como se indica. Puedes hacer ajustes adicionales si lo deseas, pero el pétalo está casi listo. Llamaré a esta forma "pétalo 1".


Paso 3

Toma la copia que mencioné anteriormente y modifícala para crear el segundo pétalo. Con el Herramienta de selección directa (A) mueva el punto izquierdo y derecho un poco más lejos entre sí y luego mueva los controles del punto superior como se muestra. Nombraré la nueva forma (rojo) "pétalo 2".

Puedes crear solo un pétalo, pero por razones de variedad decidí ir con dos.



3. Crea la malla y colorea los pétalos.

Paso 1

Ahora tienes los dos pétalos. Seleccione "pétalo 2" y luego vaya a Objeto> Crear malla de degradado, seleccionar 3 filas y 3 columnas y golpear DE ACUERDO. Tu pétalo debe verse como abajo en este punto.


Paso 2

Utilizando la Herramienta de selección directa (A) Puedes seleccionar cada punto de malla y colorearlo. En este caso estamos utilizando tonos de rosa. Siga los códigos de color y reemplace el relleno gris de cada punto con los colores indicados. Al final el pétalo debe verse como en la siguiente imagen..


Paso 3

A continuación, seleccione "pétalo 1" y luego vaya a Objeto> Crear malla de degradado, seleccionar 4 filas y 3 columnas y golpear DE ACUERDO. Siguiendo el primer ejemplo puedes colorear el pétalo usando nuevamente tonos de rosa..


Etapa 4

"Pétalo 1" y "Pétalo 2" están listos. Si tiene problemas con la parte para colorear, puede encontrar todos los colores que he usado en el Muestras panel si descarga el archivo de referencia.


Paso 5

Multiplique "pétalo 1" y "pétalo 2", luego gírelos y colóquelos como se indica para crear la flor. Al principio, cree la primera capa, luego coloque más pétalos encima y, finalmente, para la tercera capa, simplemente rellene los espacios vacíos restantes..



4. Crea el centro de la flor.

Paso 1

Toma el Herramienta Elipse (L) y dibuja un 25 x 25px Círculo y seleccione marrón como el color de relleno. Con el círculo aún seleccionado, vaya a Efecto> Estilizar y aplicar el Brillo externo efecto utilizando los ajustes que se muestran a continuación. Esto tendrá sentido una vez que el estambre esté listo..


Paso 2

Con el Herramienta Elipse (L) Dibuja un círculo pequeño y dale un relleno negro. Arrastra este círculo a la Cepillos panel y elegir Nuevo cepillo de dispersión. Deja las configuraciones como están y solo pulsa DE ACUERDO.


Paso 3

Dibuja un nuevo círculo con las dimensiones indicadas y dale una 1 pt negro Carrera. también Carrera el circulo con el Cepillo de dispersión guardado en el paso anterior.


Etapa 4

Habiendo seleccionado el círculo, vaya a Efecto> Distorsionar y transformar> Transformar y aplique la configuración que se muestra a continuación. Realmente no puedes ver el resultado pero llegaremos.


Paso 5

Con el círculo aún seleccionado, vaya a Objeto menú y elegir expandir apariencia Para ampliar el trazo del pincel y el efecto aplicado. Rellene el grupo resultante con el gradiente radial indicado..


Paso 6

Ahora, eche un vistazo más de cerca a este grupo. Ve a la Capas Panel, localice el grupo y ábralo. Verás que está compuesto de muchos otros grupos de círculos organizados en orden, desde afuera hacia el centro (círculos muy pequeños).


Paso 7

A continuación, vamos a reorganizar todos estos grupos. El primer grupo de círculos (desde el exterior) permanece como está. Seleccione el segundo grupo de la Capas panel luego ve a Objeto> Transformar> Rotar, selecciona el Ángulo a 10 grados y golpear DE ACUERDO. No sueltes al grupo todavía y ve a Objeto> Organizar> Poner al frente (Shift-Control-]).


Paso 8

Ahora, seleccione el tercer grupo de círculos de la Capas panel e ir a Objeto> Organizar> Poner al frente (Shift-Control-]). Esta vez no rotaremos el grupo..


Paso 9

Seleccione el cuarto grupo de círculos y luego Girar 10 grados y Traer eso al frente Como hiciste con el segundo grupo. El quinto grupo solo tienes que Traer eso al frente. Usted tiene esto! El punto es poner a cada grupo delante del anterior (invertir el orden existente) y también rotar cada segundo grupo para obtener el aspecto específico. Continúa con los grupos restantes y el centro de tu flor debe verse como en la siguiente imagen.


Paso 10

Mueve todo el grupo en el centro de la flor y escala el tamaño del círculo marrón.


Paso 11

Utilizar el Herramienta Elipse (L) Para dibujar un círculo sobre los estambres. El mio estaba a punto 25 x 25px. Seleccione negro como el color de relleno y luego vaya a Objeto> Crear malla de degradado, escoger 2 filas y 2 columnas y golpear DE ACUERDO. Utilizando la Herramienta de selección directa (A) seleccione solo el punto de malla desde el centro y reemplace el color de relleno negro por blanco. Establezca este círculo en Superposición de modo de fusión y 40-50% de opacidad.



5. Añadir detalles sobre la flor

Paso 1

Dibuja dos círculos con la Herramienta Elipse (L) teniendo las dimensiones 45 x 45px y 9 x 9px. Rellena ambos círculos con negro pero coloca el círculo más grande en 0% de opacidad. Teniendo ambos seleccionados, vaya a Objeto> Mezcla> Opciones de mezcla y elige 20 pasos especificados luego pulsa DE ACUERDO. Volver a Objeto> Mezclar> Hacer (Alt-Control-B). Mueve el grupo de mezcla resultante detrás de los estambres pero frente a los pétalos.


Paso 2

Seleccione el mismo grupo de mezcla y luego vaya a Efecto> Distorsionar y transformar y aplicar el Pucker & Bloat efecto. No sueltes al grupo todavía y regresa a Efecto> Distorsionar y transformar para aplicar el Transformar Efecto esta vez. Al final, baja el Opacidad del grupo de mezcla para 10-20%.


Estas son las configuraciones que he usado para el Pucker & Bloat y Transformar efectos:


Paso 3

Puedes ver aquí una captura de pantalla antes y después, pero aún no hemos terminado..


Etapa 4

Dibuja otros dos círculos que tengan las dimensiones. 45 x 45px y 9 x 9px. Rellena ambos círculos con negro. Selecciona el círculo más grande y ve a Objeto> Ruta> Añadir puntos de anclaje para agregar cuatro puntos adicionales en el camino (más punto significa más picos en el siguiente paso). También establece el círculo más grande para 0% de opacidad. Mezcla usando de nuevo 20 pasos especificados luego mueve el grupo de mezcla resultante detrás de los estambres.


Paso 5

Una vez seleccionado el grupo de mezcla del paso anterior, aplique el Pucker & Bloat efecto entonces el Transformar efecto. Establecer el grupo para Superposición de modo de fusión y 40-50% de opacidad.


Estas son las configuraciones que he usado para los dos efectos:


Paso 6

Aquí hay una captura de pantalla antes y después:



6. Añadir sombra detrás de la flor

Paso 1

Selecciona todos los pétalos y luego ve a Objeto> Ruta> Ruta compensada y aplicar un Desplazamiento 0px. Como resultado, obtendrás las formas de los pétalos pero sin los puntos y líneas de malla.


Paso 2

Seleccione todas las formas de pétalos obtenidas en el paso anterior y presione Añadir en el Pionero panel. Obtendrá un camino compuesto pero vaya a Objeto> Ruta compuesta> Lanzamiento y eliminar las pequeñas formas en el centro. Solo necesitas el contorno y lo llamaré "forma de flor".


Paso 3

Antes de continuar, haga una copia de la "forma de flor" porque la necesitará más adelante para una máscara. Ahora, con la forma original seleccionada, vaya a Objeto> Transformar> Escala, tipo 109% en el Escala campo y golpe DE ACUERDO. A continuación, con la Herramienta Elipse (L) Dibuja un círculo sobre el tamaño de los estambres. Rellene ambas formas con el color indicado pero configure la "forma de flor" en 3% de opacidad.


Etapa 4

Seleccione la "forma de flor" y el círculo y luego vaya a Objeto> Mezcla> Opciones de mezcla, escoger 30 pasos especificados y golpear DE ACUERDO. Volver a Objeto> Mezclar> Hacer (Alt-Control-B). Envía el grupo de mezcla resultante detrás de todo yendo a Objeto> Organizar> Enviar hacia atrás (Shift-Control- [). En este punto pensé que la sombra es demasiado aguda, así que también apliqué una Desenfoque gaussiano 2px (Efecto> Blur> Gaussian Blur) pero esto es opcional.



7. Añade sombras entre los pétalos

Paso 1

No es necesario agregar sombras a todos los pétalos, sino solo a los que están en la parte superior (la tercera capa del paso 3.5). Seleccione cada pétalo y luego vaya a Efecto> Estilizar y aplicar el Sombra paralela efecto. Los ajustes varían para cada pétalo y en la imagen de abajo puedes ver dos ejemplos. Solo necesitas configurar el Desplazamiento X y Y Offset Valores según la posición de los pétalos, la Modo, Opacidad y Difuminar los valores siguen siendo los mismos.


Paso 2

Solo queremos las sombras entre los pétalos donde se superponen y no en el exterior, porque allí tenemos la sombra de la flor. Para solucionarlo usaremos una máscara. Tome la copia de la "forma de flor" que mencioné anteriormente y muévala frente a los pétalos con la ayuda de la Capas panel. Ahora, seleccione esta forma (relleno-ninguno, trazo-ninguno) y también el grupo de pétalos y vaya a Objeto> Máscara de recorte> Marca (Control-7).


Paso 3

En este punto, la flor rosa está lista y debe verse como en la siguiente imagen:



8. Probar diferentes colores

Paso 1

Imagina reemplazar todos los tonos de rosa que has usado para los puntos de malla de los pétalos. Loco, verdad? Bueno, puede crear fácilmente otras versiones de color de la misma flor con la ayuda del Recolorear ilustraciones función. Primero, haga una copia de la flor rosa y luego vaya a la Capa Panel y seleccione solo el grupo de pétalos sin la máscara. Ahora ve a Editar> Editar colores> Volver a colorear ilustraciones, presione el Editar pestaña, presione la Link colores de armonía opción y seleccione RGB modo. Teclee el tono de púrpura indicado y golpee. DE ACUERDO. Como resultado, sus pétalos rosados ​​se convertirán en pétalos morados..


Paso 2

Haga otra copia de la flor rosa, luego seleccione solo el grupo de pétalos y vaya a Editar> Editar colores> Volver a colorear ilustraciones. Esta vez usa el color indicado y obtendrás una flor de color coral..


Paso 3

Lo mismo ocurre con la flor de naranja..



Gran trabajo, ya estás hecho!

Espero que hayas disfrutado de este tutorial y que también hayas disfrutado usando la función Gradient Mesh. Siéntase libre de crear flores de diferentes colores y, si lo hace, muéstreselas. Me encantaría verlos.