Cómo dibujar un girasol de malla de degradado en Adobe Illustrator

Lo que vas a crear

En este tutorial, aprenderá cómo usar la herramienta de malla y los efectos de deformación en Adobe Illustrator para crear un hermoso girasol.!

Si desea omitir el tutorial y simplemente usar esta flor en su trabajo, puede comprar el Fondo de Girasoles con Hojas de GraphicRiver!

Fondo de girasoles con hojas

1. Cómo crear un fondo de malla de degradado

Paso 1

Aprendamos a usar el Herramienta de malla mientras creamos este fondo!

Primero, dibuja un rectángulo, llenándolo con el color. # DDF5E1. Toma el Herramienta de malla (U) y crea un Rejilla de malla como la de la captura de pantalla siguiente haciendo clic donde se supone que deben estar los nodos.

A continuación, agregue un par de filas más a la cuadrícula, y luego seleccione cinco nodos como se indica en el segundo paso de la imagen, y coloréelos con #FFFFFE.

Continuar de manera similar, primero coloreando algunos nodos más, ahora con # F0E16A, y luego cuatro nodos más con # DAA403.

Paso 2

¡Solo quedan cuatro pasos más! Necesitarás estos colores:

  1. # 7DA196
  2. # DEF1D6
  3. # A1CAC8
  4. # CE8A08

Paso 3

Ahora, vamos a crear tres círculos blancos, que varían en tamaño. Cada círculo debe tener una Modo de fusión de superposición y ellos Opacidad ajustado a 25%.

Etapa 4

Dibuja un círculo más, este más grande que el resto. Establecer su Modo de fusión de transparencia a Cubrir y es Opacidad a 40%.

Paso 5

Coloque estos círculos sobre el fondo, al igual que las luces bokeh.

2. Cómo crear pétalos

Ahora que hemos aprendido a usar Mesh, pasemos a la parte más desafiante de este tutorial: dibujar pétalos.

Paso 1

Estaremos creando Pétalo 1.

Agarra un rectángulo amarillo, relleno de # F1E00F. A continuación, coloque los nodos con el Herramienta de malla (U), creando una rejilla de malla.

Use los nodos en los bordes para doblar el rectángulo de modo que se vea como la forma en la captura de pantalla de abajo.

A continuación, agregue aún más nodos y comience a colorear! Necesitará estos:

  1. # F1E00F
  2. -
  3. # ECC51B
  4. # E5A40D
  5. # A3560A
  6. # 562706
  7. # F2E54A
  8. # AB670B

Paso 2

Crear copias de Pétalo 1 Lo hicimos en el paso anterior: necesitaremos tres de ellos, más el original. Vamos a crear muchos pétalos diferentes, por lo que puede etiquetarlos con los números que menciono en este tutorial..

Ahora crea Pétalo 1a reduciendo una copia de Pétalo 1 un poco.

Paso 3

Crear Pétalo 1b al recolorear algunos de Pétalo 1nodos de.

Usa estos colores:

  1. # B67D0B
  2. # A8680A
  3. # DAAB0E
  4. # F1E211

Etapa 4

Ahora vamos a dibujar Pétalo 2! El proceso es muy similar a los pasos anteriores..

Necesitará estos:

  1. # F1E00F
  2. # EECB31
  3. # E9B10E
  4. # 9E5809
  5. # EECA10

Paso 5

Termina tu trabajo en Pétalo 2 Con estos cinco pasos y colores:

  1. # E4A10D
  2. # FFE83E
  3. # 722F09
  4. # BA6A47
  5. # EEC810

Paso 6

Crear Pétalo 3 de una copia de Pétalo 2 estirándolo, llevando su extremo superior izquierdo un poco hacia la derecha, y colocando los nodos en el borde superior del pétalo hacia arriba en un arco.

Paso 7

Crear Pétalo 4 de una copia de Pétalo 1 simplemente aplanándolo.

Paso 8

Llegar Pétalo 5, tomar una copia de Pétalo 1b. Proceder a Efectos> Deformación> Arco y aplique el efecto con los siguientes ajustes:

  • Doblar -8%
  • Horizontal 47%
  • Vertical -8%

Paso 9

Ir Objeto> Expandir Apariencia, y modifica la forma sacando un poco sus bordes derechos.

Paso 10

Crear Pétalo 6 de una copia de Pétalo 5 encogiéndolo y coloreando algunos nodos con # F0D815.

Paso 11

Tomar una copia de Pétalo 5 Una vez más, estaremos creando. Pétalo 7.

Esta vez, aplicar Efecto> Deformación> Inflar A ello con estos ajustes:

  • Curva -26%
  • Horizontal 29%
  • Vertical -8%

Paso 12

expandir apariencia del objeto, y doblarlo de nuevo con Efecto> Deformación> Arco.

  • Doblar -24%
  • Horizontal -3%
  • Vertical -10%

Paso 13

Una vez más, expandir apariencia, y luego encoge un poco el pétalo.

Finalmente, trae su borde superior izquierdo hacia arriba..

Paso 14

¡Solo quedan dos pétalos! por Pétalo 8, usar una copia de Pétalo 6, aplicando Efecto> Deformación> Arco lo.

  • Curva -26%
  • Horizontal -14%
  • Vertical -22%

No te olvides de expandir apariencia del resultado!

Paso 15

Nuestro pétalo final, Pétalo 9, se hará sobre la base de Pétalo 5.

Coge su copia y aplícala. Efecto> Deformación> Bandera.

  • Doblar -50%
  • Horizontal -1%
  • Vertical -6%

Paso 16

expandir apariencia del resultado, y luego estirarlo.

Colorea algunos de sus nodos con # F9F400 Y, finalmente, reducirlo un poco..

¡Todos nuestros pétalos están hechos! A la flor.

3. Cómo montar el girasol

Paso 1

Primero, tendremos que dibujar una hoja simple. Necesitaremos solo tres pasos y estos colores:

  1. # 576400
  2. # 7C7E00
  3. # 424A00

Paso 2

¡Ahora, toma todos los pétalos que hicimos y enséñalos de acuerdo a sus números! Los pétalos deben superponerse naturalmente y dejar un espacio circular en el medio..

Añade las hojas que hicimos en el paso anterior debajo de nuestros pétalos..

Paso 3

El único elemento que nos falta es el medio del girasol. Como es muy difícil dibujar una cosa tan compleja desde cero, me gustaría referirme a Traza de imagen.

En la barra lateral de este tutorial, encontrarás la Descargar adjunto botón. Presiónelo y, cuando se descargue el archivo zip, descomprima el archivo. Uno de los archivos, sunflower.jpg, Es una foto (tomada por mí) que usaremos en este paso..

Abre la foto en Ilustrador Adobe y traer el Traza de imagen panelVentana> Trazado de imagen). Elegir la Foto de alta fidelidad programar. Hacer clic Rastro Para comenzar el proceso de rastreo. Puede tardar un poco.

Si encuentra alguna dificultad técnica durante este paso, pase al siguiente para usar una solución alternativa.

Etapa 4

Ahora que nuestra imagen está trazada en vector, desagruparla y eliminar todo excepto la mitad de la flor..

Esto podría ser un proceso innecesariamente largo, por lo que si desea omitirlo o si tiene dificultades técnicas, puede usar mi vector ya aislado medio, contenido en tracedflower.ai.

Paso 5

Coloca el centro de la flor entre los pétalos..

Paso 6

Para ocultar los espacios en blanco entre los pétalos, dibuje una elipse, rellénela con # 6F0E00, y colócalo detrás de la flor, en medio de ella..

Paso 7

Para suavizar la transición entre el medio y los pétalos, crea una mezcla.

Primero, dibuja dos círculos, llenando el más grande con # F3D700 y el mas pequeño con # 6D2F05. Coloca el círculo amarillo en 0% de opacidad.

Paso 8

Ir Objeto> Mezcla> Opciones de mezcla y establecer el Espaciado a Pasos especificados, 30.

Luego selecciona ambos círculos y usa Objeto> Mezcla> Hacer.

Paso 9

Selecciona el Modo de transparencia del Mezcla a Multiplicar.

Paso 10

Colocar el Mezcla Por encima de los pétalos, pero por debajo de la flor..

Nuestro girasol esta hecho.!

4. Cómo crear y colocar las hojas

Paso 1

En esta última sección, estaremos creando una hoja..

Comencemos haciendo y coloreando una cuadrícula de malla para ello. Necesitaremos estos colores:

  1. # 476419
  2. # 3C5415
  3. # 6D7F1E

Paso 2

A continuación, tome el último archivo del archivo que descargamos en la sección anterior: leaf.ai expediente. Abrirlo en Ilustrador Adobe y arrastre ambos objetos a su espacio de trabajo.

En primer lugar, tomar las líneas de la hoja. Compruebe el color y la opacidad (#ADADAD, 30%) y colóquelos encima de nuestra malla.

Paso 3

Ahora toma el contorno de la hoja. Colóquelo debajo de ambos objetos, selecciónelos todos y, después de hacer clic con el botón derecho, use Hacer máscara de recorte.

Etapa 4

¡Nuestra hoja está terminada! Debe tener un aspecto como este:

Paso 5

¡Todo lo que queda es crear algunas copias de nuestra flor y de nuestra hoja y organizarlas tan bien como puedas! Aquí está mi ejemplo.

Paso 6

Finalmente, coloca las flores encima del fondo, y listo.!

Impresionante trabajo, has terminado!

Gracias por seguirnos, y le invitamos a publicar su resultado en los comentarios. Estaré deseando verlo!

En este tutorial, aprendiste a crear hermosos girasoles fotorrealistas usando el Herramienta de malla.

¡Espero que hayas disfrutado de este tutorial y hayas aprendido a usar algunas herramientas útiles para el futuro! Echa un vistazo a algunos de mis otros tutoriales de vectores en mi perfil de instructor.

Puede comprar esta flor y otros diseños similares en mi cartera en GraphicRiver.

Fondo de girasoles con hojas