Si quieres crear un pincel de hierba, Illustrator es el camino correcto, y te mostraré lo fácil que puede ser. Con solo tres simples pinceles de Illustrator y comprendiendo cómo funcionan los ajustes, puedes crear cualquier cosa, desde un césped minimalista hasta un césped de aspecto bastante realista. Te guiaré paso a paso para conseguirlo. ¡Empecemos!

Si necesitas más inspiración y recursos para mejorar tus ilustraciones, asegúrate de dirigirte a GraphicRiver, donde encontrarás un montón de pinceles Illustrator, vectores y otras bellas ilustraciones listas para usar.

Qué aprenderás en este tutorial de pinceles de hierba

• Cómo elaborar un pincel en Illustrator usando formas simples y herramientas
• Cómo salvar un pincel de hierba en Illustrator
• Cómo aplicar un pincel de hierba y entender los ajustes del pincel de dispersión
• Cómo crear un césped natural y realista usando tres simples pinceles Illustrator
• Cómo mejorar tus ilustraciones generales

Recursos del tutorial

Para completar el tutorial, necesitarás los siguientes recursos:

• Árbol feliz en el campo

1. Cómo abrir un nuevo documento

Lanza Illustrator y ve a Archivo > Nuevo para abrir un documento negro. Escribe un nombre para el archivo, establece las dimensiones y luego seleccionas Píxeles como Unidades y RGB como Modo de Color.

Luego, ve a Edición > Preferencias > General y establece el Incremento del Teclado en 1 px y mientras estás allí, ve a Unidades para asegurarte de que están establecidas como en la siguiente imagen. Normalmente trabajo con estos ajustes, y te ayudarán a lo largo del proceso de dibujo.

2. Cómo elaborar un pincel de hierba en Illustrator

Paso 1

Elaborar un pincel en Illustrator es bastante fácil. Comienza con la definición de un objeto, en este caso una sola hoja de hierba. Las copias de este objeto se dispersarán a lo largo de un trayecto, y obtendremos una hermosa hierba.

Agarra la Herramienta Pluma (P) y dibuja una forma como en la imagen de abajo como el primer trozo de hierba. Utiliza un rectángulo de 20 x 320 px como referencia de tamaño y haz esta forma más o menos del mismo tamaño. De esta manera, los ajustes que aplicaremos más adelante en el tutorial funcionarán también para ti, y obtendrás un resultado similar.

Paso 2

Dibujemos otra pieza de hierba y hagámosla un poco diferente al primero. Noten que este es más curvo.

Paso 3

El tercer trozo de hierba tiene una punta doblada que apunta a la derecha, y usaremos esta para añadir detalles a la hierba.

3. Cómo salvar un pincel en Illustrator

Paso 1

Selecciona el primer trozo de hierba y pulsa el botón de Nuevo Pincel en la parte inferior del panel de Pinceles. Elige Pincel de dispersión y presiona OK para abrir la ventana de opciones del Pincel de dispersión. Allí, solo escribe "Pincel de Hierba 1" como nombre y selecciona Matices como el método de coloración. Deja el resto de los ajustes como están por el momento y presiona OK.

Paso 2

Ahora, selecciona el segundo trozo de hierba, arrástralo hasta el panel de Pinceles y guárdalo como "Pincel de Hierba 2".

Paso 3

Repite lo mismo para la tercera forma que has dibujado, y guárdala como "Pincel de Hierba 3".

Paso 4

Aquí están los tres simples pinceles de Illustrator, guardados y listos para ser usados. Deberían ser aproximadamente del mismo tamaño, pero ligeramente diferentes, ya que esto nos dará un aspecto más realista al final.

¿Son realmente necesarios tres pinceles de hierba diferentes? La respuesta es no. Para conseguir una hierba minimalista y rápida, uno debería ser suficiente. Pero si quieres conseguir un aspecto realista, aleatorio y natural en tus ilustraciones, entonces estos tres pinceles de Illustrator son justo lo que necesitas.

4. Cómo usar los pinceles de Illustrator para crear un césped medio

Paso 1

Agarra la Herramienta de segmento de línea (\) y dibuja un trazado recto en tu mesa de trabajo, de 2000 px de longitud. Traza con el Pincel de Hierba 1 simplemente seleccionándolo en el panel de Pinceles, y mantén el grosor del trazo en 1 pt.  Obtendrás el resultado de la imagen de abajo, con las hojas de hierba igualmente dispersas a lo largo del trazado, pero esto no es exactamente lo que necesitamos. Aquí es donde los ajustes de Tamaño, Espaciado, Dispersión y Rotación juegan un papel importante.

Paso 2

Con el trazado aún seleccionado, abre la ventana de Opciones de trazado haciendo doble clic en el pincel aplicado en el panel de Apariencia.

• El tamaño controla el tamaño del objeto. Elige Aleatorio y luego configúralo entre el 80% y el 100%, ya que esto nos dará trozos de hierba de diferentes tamaños.

• El espaciado controla la cantidad de espacio entre los objetos. Elige Aleatorio y ponlo entre el 25% y el 5% para obtener más trozos de hierba a lo largo del trazado.

• La dispersión controla cuán cerca siguen los objetos el trazado de forma independiente a cada lado del mismo. Cuanto más alto es el valor, más lejos están los objetos del trazado. Vuelve a elegir Aleatorio y establece los valores entre el 5% y el -15%.

• Rotación controla el ángulo de rotación de los objetos. Elige Aleatorio y establece los valores entre -10 grados y 10 grados. Observa cómo la hierba ahora se ve más natural, y estamos en el camino correcto.

Paso 3

Mantén el mismo trazado seleccionado y presiona Agregar nuevo trazo en la parte inferior del panel de Apariencia para agregar un segundo atributo de trazo sobre el existente. Utiliza el Pincel de Hierba 2 seleccionándolo en el panel Pinceles, y mantén el Grosor del Trazo en 1 pt.

Abre la ventana de Opciones de trazos y cambia la configuración como se muestra. Por razones visuales, he cambiado el color del trazo a azul para que puedas ver mejor cómo los diferentes ajustes generan un resultado diferente.

Paso 4

Con el trazado aún seleccionado, presiona nuevamente Agregar nuevo trazo para agregar un tercer atributo de trazo en la parte superior del panel de Apariencia. Utiliza el Pincel de hierba 3 y luego cambia los ajustes como se muestra. Observa cómo los valores de Espaciado son más grandes esta vez porque queremos menos trozos de hierba doblada en el diseño, con solo unos pocos trozos para crear un aspecto natural.

5. Cómo usar los pinceles de los Illustrator para crear hierba alta

Usa la Herramienta de segmento de línea (\) para dibujar otro trazado recto de 2000 px de longitud. Añade tres atributos de trazo y usa los pinceles de hierba como lo hiciste antes. Mantén el grosor del trazo en 1 pt para todos ellos.

Para obtener un césped más alto, necesitamos jugar con la configuración de Dispersión. Cuanto más grandes sean los valores, más lejos del trazado irán los trozos de hierba, creando la apariencia de hierba más alta al final.

Aquí están los ajustes para Pincel de hierba 1, Pincel de hierba 2 y Pincel de hierba 3 en orden:

6. Cómo usar los pinceles de Illustrator para crear césped mixto

Paso 1

Usa la Herramienta de segmento de línea (\) para dibujar un nuevo trazado en tu mesa de trabajo, de 2000 px de longitud. Al igual que antes, añade tres atributos de trazo y usa los tres pinceles de hierba por separado. Mantén el grosor del trazo en 1 pt para todos ellos.

Todos las configuraciones son importantes para crear hierba mixta y aleatoria, ya que necesitan ser variados, pero los más importantes son la Dispersión y la Rotación. Estos nos darán trozos de hierba dispersos al azar y rotados en un ángulo más grande que antes.

Aquí están los ajustes para los tres pinceles de Illustrator:

Paso 2

Echemos otro vistazo a los tipos de hierba que hemos creado utilizando diferentes configuraciones. Para demostrar cómo usarlos, añadiremos hierba en una bonita ilustración, pero también puedes usarlos en otros proyectos.

En la siguiente parte del tutorial me referiré a ellos como "hierba media" (1), "hierba alta" (2) y "hierba mixta" (3), y se trata de superponerlos y colorearlos para obtener un resultado natural y realista.

7. Cómo crear un césped vectorial en Illustrator

Paso 1

Esta feliz ilustración de árbol de Envato Elements es perfecta para que la usemos. El espacio frente a este hermoso árbol es ideal para un poco de hierba.

Abre el archivo en Illustrator, y limpiemos un poco la ilustración quitando algunas de las plantas de delante y alrededor del árbol. Las capas están muy bien organizadas y nombradas en consecuencia, así que esto será fácil de hacer.

Paso 2

Agarra "hierba media" y acomódala en el fondo de la mesa de trabajo, como se muestra en la imagen de abajo. El trazado es de 2000 px de largo, por lo que debería encajar perfectamente (1).

Mientras el trazado permanezca seleccionado, ve a Objeto > Expandir apariencia para convertir los trazos del pincel (pinceladas) en un grupo de hojas individuales de hierba rellenas con negro.

Notarán que cada brizna de hierba tendrá un rectángulo asociado a ella, sin trazos y sin relleno. Tenemos que eliminarlos todos antes de colorearlos.  Utiliza la Herramienta de selección directa (A) para seleccionar solo uno de estos rectángulos (2) y luego ve a Seleccionar > Mismo > Color de Relleno y Trazo. Illustrator seleccionará automáticamente todos los rectángulos por ti; solo tienes que pulsar la tecla Suprimir en tu teclado.

Ahora, podemos colorear el grupo de la hierba. Utiliza un degradado lineal de verde brillante a un verde más oscuro, y establece el ángulo a -90 grados para que el color claro esté en la parte superior.

Paso 3

A continuación, agarra "hierba alta" y coloca el camino en la parte inferior de la mesa de trabajo. Envíalo detrás del primer grupo de hierba. Ve a Objeto > Expandir apariencia y luego elimina todos los rectángulos vacíos que obtengas después de expandir, como en el paso anterior. Después de eso, puedes colorear todo el grupo con el degradado lineal que se muestra en un ángulo de -90 grados.

Paso 4

Copiar y pegar en la parte posterior (Control-B) el segundo grupo de pasto, y hacer el pasto aún más alto arrastrando el cuadro delimitador con la Herramienta de Selección (V). Además, cambia el degradadof a uno más ligero como se muestra. Nuestro césped se está uniendo de forma hermosa, ¿verdad?

Paso 5

Copiar y Pegar delante (Control-F) el segundo grupo de hierba, y esta vez, redúcelo usando la Herramienta de Selección (V). Cambia el degradado existente a uno mucho más oscuro, y nota cuánta profundidad crearás en el diseño.

Paso 6

Ahora, agarra "hierba mixta" y, después de expandirla, arréglala en el fondo de la mesa de trabajo como se muestra en la imagen de abajo. Asegúrate de enviarlo detrás de todos los otros grupos del panel de Capas, y coloréalo con un degradado más oscuro también, para crear sombras en la parte posterior.

Paso 7

Hemos utilizado con éxito los tres tipos de hierba en nuestro diseño. Todas las capas y degradados que usamos nos dan un aspecto bastante natural. Cuantas más capas añadas, más realista será el resultado final, pero no te pases.

Para mejorar el diseño, agreguemos un césped más corto al frente. Selecciona el grupo de "hierba mixta" del paso anterior y luego Copiar y Pegar en su lugar (Shift-Control-V) para hacer una copia delante de todo. Colócalo debajo de la mesa de trabajo para que solo se vean las puntas de la hierba.

Haz otra copia delante de este grupo de hierbas y reduce la escala con la Herramienta de selección (V).  Colócala en el centro de la mesa de trabajo, y asegúrate de que solo las puntas sean visibles. Coloreen ambos grupos con el degradado lineal que se muestra en un ángulo de -90 grados.

Paso 8

Es hora de limpiar la ilustración. Usa la Herramienta de Selección Directa (A) para seleccionar solo el fondo, y luego Copiar y Pegar en su lugar (Shift-Control-V) para hacer una copia delante de todo. Establece esta copia en Trazo: ninguno y Relleno: ninguno.

Mantén seleccionada la copia de fondo, junto con todos los grupos de hierba, y ve a Objeto > Máscara de recorte > Hacer (Control-7). Luce muy bien, ¿verdad?

8. Cómo mejorar la ilustración

Paso 1

Siempre es una buena idea hacer que la hierba coincida con el resto de la ilustración. Si usas esta técnica para añadir hierba en tus otros proyectos, te sugiero encarecidamente que uses este pequeño truco.

He probado algunos de los colores marrón/óxido de la ilustración con la Herramienta cuentagotas (I) y he creado dos nuevos degradados usando estos colores, junto con el verde de la hierba. Ahora, agarra la Herramienta de Selección Directa (A) y selecciona al azar unos cuantos trozos de hierba que puedas volver a colorear con los nuevos degradados. Puedes ver el resultado en la imagen de abajo.

Paso 2

También puedes crear una apariencia de solplo de viento fácilmente. Selecciona solo uno de los grupos de hierba más alta de tu diseño, y ve al panel de Transformación (Ventana > Transformar). Escribe 10 grados en el campo de distorsión, y esto doblará un poco tu hierba, como si el viento estuviera soplando.

Paso 3

Puedes hacer lo mismo para uno de los grupos de hierba más cortos delante de la ilustración. Aplica un valor de distorsión de 10 grados, y listo.

¡Felicidades! Lo hiciste.

Aquí está la ilustración final de la hierba. Ahora sabes cómo hacer un pincel en Illustrator y usarlo para crear un hermoso césped natural. Puedes aplicar estas técnicas en futuros proyectos y añadir hierba en muchas otras ilustraciones.

Si necesitas más inspiración y recursos para mejorar tus ilustraciones, asegúrate de dirigirte a GraphicRiver, donde encontrarás muchos pinceles de Illustrator, vectores y otras ilustraciones listas para usar.

Amplía tus habilidades de dibujo

Sigue aprendiendo y dibujando con estos tutoriales recomendados, que explicarán muchas otras técnicas útiles:

• 

  Cómo crear un banner de hierba en Adobe Illustrator

  ¡Aprende a crear un fondo realista y pastoso usando la herramienta de malla y los efectos Warp en Adobe Illustrator!
• 

  Cómo dibujar un fondo de naturaleza en Adobe Illustrator usando malla degradada

  ¡Aprende a usar la herramienta de malla en Adobe Illustrator dibujando un fondo de naturaleza vectorial!
• 

  Cómo dibujar una escena de la naturaleza con dientes de león y una mariposa en Adobe Illustrator

  ¡Aprende a crear una escena natural vectorial con algunas flores y una mariposa usando malla de degradado en Adobe Illustrator!
• 

  Cómo crear una pradera de primavera en Adobe Illustrator

  ¡Aprende a usar la herramienta de malla y la configuración de transparencia para crear un fondo de primavera vectorial con una valla!
• 

  Consejo rápido: Cómo crear un efecto de texto de pasto vectorial

  Sigue este consejo rápido y aprende a crear un simple efecto de texto de hierba. Usaremos el efecto de papel de notas y luego, con la ayuda de las opciones de calco interactivo...
• 

  ¡Consíguelo mientras esté caliente! Crea una barbacoa detallada en Adobe Illustrator

  En los siguientes pasos aprenderás a crear una ilustración detallada de una barbacoa. Para empezar, aprenderás a crear un simple patrón de pincel que...