En este tutorial, ¡aprenderás como usar la Herramienta Malla y los Efectos de Distorsión en Adobe Illustrator para crear un fresco pendón primaveral de pasto!

¡Puedes comprar una ilustración incluyendo pendones de pasto similares e incluso flores desde mi portafolio aquí!.

1. Cómo Crear una Brizna de Hierba

Paso 1

Nuestro primer paso va a ser la creación de una simple brizna de pasto. Crea un rectángulo largo y estrecho usando la Herramienta Rectángulo (M).

Paso 2

Colorealo de verde. Puedes usar #699108, que estaré usando en este tutorial.

Paso 3

Selecciona la esquina superior derecha del rectángulo con la Herramienta Selección Directa (A) y Bórrala, creando una forma triangular.

Paso 4

Toma la Herramienta Malla (U) y crea cuatro nodos de malla en intervalos regulares entre ellos, simplemente dando clic con la herramienta en la ruta. Al final, deberías tener seis nodos de malla, como se demuestra en la captura.

Paso 5

Ahora estaremos coloreando nuestra Malla creada. Comenzaremos con el nodo más bajo, coloreándolo con el color #325001.

Paso 6

Después, tomaremos el segundo nodo desde el fondo y lo coloreamos con #7CA10F.

Paso 7

Continuaremos colorando los nodos, alternando colores más oscuros y más claros, como se muestra en la captura de abajo.

#4C6C06 para el tercer nodo.

#7CA10F para el cuarto nodo.

#416203 para el quinto nodo.

Finalmente, #7CA00D para el nodo más alto.

Paso 8

Crea otra fila de malla dando clic alrededor del medio de la forma con la Herramienta Malla (U).

Paso 9

Haz del final de nuestra brizna de pasto más clara seleccionado todos los nodos con la Herramienta Lazo (Q) y colorando estos con #F3FF84.

Paso 10

Selecciona la fila media de nodos usando la Herramienta Lazo (Q) y ajusta el color  de estos yendo a Editar > Editar Colores > Ajustar Colores.

Ingresa los ajustes mostrados abajo: 17% Rojo, 12% Verde.

2. Cómo Crear Formas de Pasto Usando Efectos de Distorsión

Paso 1

Ahora crearemos cuatro copias más de nuestra brizna de pasto para modificarlas. Ahora puedes clonarlas usando Control-C, Control-V o simplemente arrastra la forma mientras presionas la tecla Alt.

Paso 2

Toma una de las copias y ve a Efecto > Deformar > Bandera. Usa estos ajustes:

• Curvar 45%
• Distorsión Horizontal 21%

Esto deformará la brizna de pasto y la hará lucir más natural.

Paso 3

Selecciona el resultado y ve a Objeto > Expandir Apariencia para ajustar la forma al efecto aplicado. ¡No olvides repetir este paso para cada deformación!

Paso 4

Modificaremos la segunda brizna de pasto con Efecto > Deformar > Arco con los siguientes ajustes:

• Curvar 8%
• Distorsión Horizontal -6%
  

Repite el Paso 3 después de esto.

Paso 5

Para la tercera forma, usa Efecto > Deformar > Bandera de nuevo, pero con diferentes ajustes:

• Curvar -35%
  
• Distorsión Horizontal -10%
  

Repite el Paso 3.

Paso 6

Para lograr una apariencia diferente, puedes crear puntos de anclaje en la forma, usando la función Agregar Punto de Ancla (+) y después arrastrándolos con la Herramienta Selección Directa (A), como hice aquí:

Paso 7

Continuando con la cuarta forma, aplica Efecto > Deformar > Elevar con los siguientes ajustes:

• Curvar -46%
• Distorsión Horizontal 26%
  
• Distorsión Vertical 1%

Repite Paso 3.

Paso 8

Finalmente, modifica la última forma con Efecto > Deformar > Bandera y estos ajustes:

• Curvar 75%
• Distorsión Horizontal 71%
  
• Distorsión Vertical 1%

Repite Paso 3.

Paso 9

¡Terminamos con la deformación! Ahora, rota tus briznas de pasto para que estén viendo a la dirección correcta. Selecciona las cinco y crea un copia de estas (Control-C, Control-V) . 

Paso 10

Selecciona las copias y ve a Editar > Editar Colores > Ajustar Colores, haz el pasto un poco más oscuro.

• Rojo -18%
• Verde -19%

Paso 11

Crea una copia más del pasto original y ajusta los colores también.

Editar > Editar Colores > Ajustar Colores

• Rojo 12%
• Verde 13%

Paso 12

Ahora que tenemos todos los colores diferentes, ¡pensemos en la longitud del paso!

Selecciona todo el paso que hemos creado hasta ahora, crea una copia y escala el pasto un poco para hacerlo más corto.

3. Cómo Crear Tu Propio Pendón de Pasto

Ahora que tenemos diferentes tipos de pasto, ¡tu siguiente tarea dependerá de tu creatividad!

Paso 1

Usando las briznas de pasto que hemos creado hasta ahora, crea un parche de pasto poniéndolos a un lado del otro. Puedes copiar las formas y mandarlas al fondo (Shift-Control-[) o al frente (Shift-Control-]). Por supuesto, puedes modificar las diferentes piezas también, usando las funciones que hemos aprendido en este tutorial (cambiando el color, deformando, etc.).

Continúa, una vez que estés feliz con tu parche de pasto. ¡Puedes usar el mío como inspiración!

Paso 2

Si estás satisfecho con el resultado final, selecciona el parche de pasto, crea un grupo (Control-G), y después muévelo a un lado de su lugar original mientras mantienes presionada la tecla Alt. Esto lo copiará. No debería haber ningún espacio en blanco entre los dos parches.

Paso 3

Mantén seleccionado el segundo grupo y presiona Control-D. Esto lo copiará de nuevo.
Repite este paso hasta que estés feliz con el largo resultante del pendón.

4. Cómo Embellecerlo

¡Casi Terminamos! Y eso es todo lo que resta por hacer para que tu pendón se vea mejor.

Paso 1

Crea un rectángulo blanco con la Herramienta Rectángulo (M). El tamaño no importa por ahora.
Toma la Herramienta Malla (U) y crea un nodo justo en medio de la forma.

Paso 2

Selecciona los tres nodos del fondo con la Herramienta Lasso (Q) y aplica el color #293500 a estos.

Paso 3

De manera similar, selecciona los nodos medios y colorealos con #B8B87A.

Paso 4

Abre el panel de Transparencia (Ventana > Transparencia) y aplica el modo de Transparencia Multiplicar a la forma.

Paso 5

Estira y escala la forma de manera que encaje en el fondo de tu pendón de pasto. Si sientes que la sombra es demasiado oscura, ajusta la Opacidad en el panel de Transparencia--Lo hice 70%.

Paso 6

En este aplicaremos una Máscara de Recorte, "recortando" efectivamente el pendón.

Así que ahora, crea un rectángulo y muévelo a la parte superior de la imagen. Debería incluir todo lo que quieras tener en la imagen final.

Paso 7

Selecciona todo (Control-A), y después presiona el botón derecho del ratón y selecciona Hacer Máscara de Recorte.

Felicidades, ¡Terminaste!

¿Ahora qué? Puedes jugar con tu pendón un poco más, por ejemplo rotando o estirando las diferentes briznas de pasto. Puedes ajustar el color de la sombra también.

En este tutorial, aprendiste cómo crear un fondo primaveral de pasto, ¡primariamente usando la Herramienta Malla y los diferentes efectos de Deformación!

¡Espero que hayas disfrutado este tutorial y aprendido algunas herramientas útiles para el futuro!

El pendón de pasto es creado de manera única a través de este tutorial, pero puedes encontrar pendones similares en esta ilustración, ¡y hay mucho más en mi portafolio!