Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Nature
Design

Cómo Crear un Pendón de Pasto

by
Difficulty:BeginnerLength:ShortLanguages:

Spanish (Español) translation by Rafael Chavarría (you can also view the original English article)

Final product image
What You'll Be Creating

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í!.

Green Grass
Pasto Verde

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).

Green rectangle

Paso 2

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

Colored with 699108

Paso 3

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

Deleted node to create triangle

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.

Created nodes with Mesh Tool

Paso 5

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

Colored node with 325001

Paso 6

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

Colored node with 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.

Colored node with 4C6C06

#7CA10F para el cuarto nodo.

Colored node with 7CA10F

#416203 para el quinto nodo.

Colored node with 416203

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

Colored node with 7CA00D

Paso 8

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

Created node in the middle of the shape

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.

Colored the tip with 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.

Adjusted the colors 17 Red 12 Green

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.

Created five copies

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.

Warped with Flag 45 Bend 21 Horizontal Distortion

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!

Expanded Appearance

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.

Warped with Arc 8 Bend -6 Horizontal Distortion

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.

Warped with Flag -35 Bend -10 Horizontal Distortion

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í:

Added Archor Point and dragged it a little downwards

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.

Warped with Rise -46 Bend 26 Horizontal Distortion 1 Vertical Distortion

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.

Warped with Flag 71 Bend 71 Horizontal Distortion 1 Vertical Distortion

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-CControl-V) . 

Created a copy of the grass

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%
Adjusted the colors -18 Red -19 Green

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%
Adjusted the colors 12 Red 13 Green

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.

Created more copies and scaled them to look shorter

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.).

Arranging the grass

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

Final arranged picture

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.

Copying the grass patch - do not leave white spaces

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.

Final banner

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.

White rectangle mesh node in the middle

Paso 2

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

Coloring the bottom row with 293500

Paso 3

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

Coloring the middle row with B8B87A

Paso 4

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

Setting the Transparency to Multiply

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%.

Scaling the shape so it goes from the bottom to about the half of the banner

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.

Creating rectangle for Clipping Mask

Paso 7

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

Doing the Clipping Mask

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.

Final Result

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!

Green Grass
Pendones de Pasto Verde
Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.