Cyber Monday Sale 40% off unlimited courses & creative assets! 40% off unlimited assets! Save Now
  1. Design & Illustration
  2. Adobe Illustrator

Cómo crear un efecto de texto de esténcil militar en Illustrator

by
Read Time:11 minsLanguages:

Spanish (Español) translation by Leareny Guerrero (you can also view the original English article)

Final product imageFinal product imageFinal product image
What You'll Be Creating

Sigue este tutorial y descubre cómo puedes incorporar el estilo militar a tus proyectos de diseño. Aprenderás a crear un motivo de camuflaje y aplicarlo a una fuente de esténcil militar, junto con otros detalles que mejorarán el resultado final del texto militar. No nos olvidemos del pincel de motivo de cinturón de balas que se incluye.

Encuentra más inspiración y una multitud de recursos listos para usar que te ayudarán a conseguir lo que quieres más rápidamente en Envato Elements. Echa un vistazo a la colección para encontrar los increíbles diseños que necesitas, como esta fuente militar sans, Lordcorps.

first military stencil font recommendation from Envato Elementsfirst military stencil font recommendation from Envato Elementsfirst military stencil font recommendation from Envato Elements

Qué aprenderás en este tutorial sobre folletos

  • Cómo utilizar una fuente de esténcil del ejército
  • Cómo crear un motivo de camuflaje
  • Cómo crear un efecto de texto militar
  • Cómo crear un pincel con un motivo de cinturón de balas

Recursos del tutorial

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

1. Cómo abrir un nuevo documento

Inicia Illustrator y ve a Archivo > Nuevo para abrir un documento en blanco. Escribe un nombre para tu archivo, establece las dimensiones y selecciona Píxeles como Unidades y RGB como Modo de color.

A continuación, ve a Edición > Preferencias > Generales y establece Incrementos del teclado en 1 px, y mientras tanto, ve a Unidades para asegurarte de que están establecidas como en la siguiente imagen.

how to open a new Illustrator documenthow to open a new Illustrator documenthow to open a new Illustrator document

2. Cómo configurar la fuente militar

Agarra la Herramienta Texto (T) y escribe "ARMY" en tu mesa de trabajo usando la fuente Monty Stencil Black, una hermosa fuente de esténcil militar de Envato Elements. Ajusta el tamaño a 192 pt en el panel Carácter (Ventana > Texto > Carácter). Ajusta el tracking a 40 para añadir más espacio entre las letras. Una vez hecho esto, ve a Texto > Crear Contornos seguido de Desagrupar (Mayús-Control-G) para obtener las letras individuales.

how to set up the military font in Illlustratorhow to set up the military font in Illlustratorhow to set up the military font in Illlustrator

3. Cómo crear el motivo de camuflaje

Paso 1

Utiliza la Herramienta Rectángulo (M) para dibujar un rectángulo que cubra completamente tu fuente militar, como se muestra en la imagen de abajo. Utiliza el gris oscuro como color de relleno.

how to start the camouflage pattern in Illustratorhow to start the camouflage pattern in Illustratorhow to start the camouflage pattern in Illustrator

Paso 2

El motivo de camuflaje se realiza íntegramente con pinceles de Illustrator que ya tienes. Esta vez no vamos a optar por la versión clásica, sino que vamos a crear un motivo de estilo militar grunge y moderno.

Agarra la Herramienta Pincel (B) o la Herramienta Pluma (P) y dibuja cuatro trazados curvos sobre el rectángulo, como se muestra en la siguiente imagen.  Traza las líneas usando un pincel artístico llamado Pincel seco 7 que puedes encontrar en el Menú de bibliotecas de pinceles > Artístico > Artístico_Pincel. Aumenta el Grosor del trazo a 10 pt. El color del trazo no es importante.

Con los cuatro trazados aún seleccionados, ve a Objeto > Expandir apariencia para convertir los trazos en formas rellenas. Ahora, cambia el color de relleno a marrón.

how to create the first texture of camouflage pattern in Illustratorhow to create the first texture of camouflage pattern in Illustratorhow to create the first texture of camouflage pattern in Illustrator

Paso 3

Utiliza la Herramienta Pincel (B) o la Herramienta Lápiz (N) de nuevo para dibujar un montón de trazos más cortos esta vez. Asegúrate de cubrir la mayor parte del rectángulo. Traza los contornos usando un pincel artístico llamado Tiza que puedes encontrar en el Menú de bibliotecas de pinceles > Artístico > Artístico_LápizTizaCarboncillo. Aumenta el Grosor del trazo a 5 pt.

Una vez hecho esto, mantén todos estos trazados seleccionados y ve a Objeto > Expandir apariencia. Rellena la textura recién obtenida con negro apagado.

how to create the second texture of camouflage pattern in Illustratorhow to create the second texture of camouflage pattern in Illustratorhow to create the second texture of camouflage pattern in Illustrator

Paso 4

Unos pocos pasos más y habrás terminado. Dibuja más trazados sobre el rectángulo, como se muestra en la imagen de abajo. Traza todos ellos con el Pincel seco 7 y establece el Grosor del Trazo en 5 pt.

Ve a Objeto > Expandir apariencia; luego cambia el color de relleno a verde para todo el grupo.

how to create the third texture of camouflage pattern in Illustratorhow to create the third texture of camouflage pattern in Illustratorhow to create the third texture of camouflage pattern in Illustrator

Paso 5

Utiliza la Herramienta Pincel (B) o la Herramienta Lápiz (N) de nuevo para dibujar unos cinco trazos verticales sobre el motivo. Trázalos con Tiza y establece el Grosor del trazo a 7 pt. Expande la apariencia y luego cambia el color de relleno de la textura resultante a beige.

how to create the forth texture of camouflage pattern in Illustratorhow to create the forth texture of camouflage pattern in Illustratorhow to create the forth texture of camouflage pattern in Illustrator

Paso 6

Selecciona el texto army bajo el rectángulo y luego Copiar y Pegar en el mismo lugar (Mayúsculas-Control-V) para hacer copias de las letras delante de todo. Mientras las cuatro letras permanecen seleccionadas, ve a Objeto > Trazado compuesto > Crear (Control-8). Lo llamaré "Trazado compuesto army".

Mantén el trazado compuesto army seleccionado junto con todas las texturas y el rectángulo; luego ve a Objeto > Máscara de recorte > Crear (Control-7). Esto creará una máscara y limpiará todos los bordes. El texto militar empieza a quedar bien, ¿verdad?

how to mask the camouflage pattern on military stencil font in Illustratorhow to mask the camouflage pattern on military stencil font in Illustratorhow to mask the camouflage pattern on military stencil font in Illustrator

4. Cómo mejorar el texto militar con detalles

Paso 1

Selecciona el trazado compuesto army que usaste antes para enmascarar el motivo, y luego Copiar y Pegar en el mismo lugar (Mayúsculas-Control-V) para hacer una copia del mismo delante de todo. Haz un trazo con un Pincel Artístico llamado Pincel seco 3 que puedes encontrar en el Menú de Bibliotecas de Pinceles > Artístico > Artístico_Pincel. Ajusta el Grosor del trazo a 1 pt y dale un color a negro apagado.

Copiar y Pegar en el mismo lugar (Mayúsculas-Control-V) el trazado compuesto army una vez más. Mantenlo seleccionado junto con el trazo y ve a Objeto > Máscara de recorte > Crear (Control-7). Este paso acentúa el aspecto grunge dentro de los bordes de las letras.

how to create a grunge look for army stencil font in Illustratorhow to create a grunge look for army stencil font in Illustratorhow to create a grunge look for army stencil font in Illustrator

Paso 2

Copiar y Pegar en el mismo lugar (Mayúsculas-Control-V) el trazado compuesto army de nuevo y dale un color de relleno blanco. A continuación, ve a Efecto > Estilizar > Resplandor interior y aplica los ajustes mostrados para obtener una sombra oscura dentro de los bordes.

Establece el Modo de Fusión del atributo Relleno en Multiplicar para que el blanco se vuelva transparente, pero aún puedas ver la sombra en los bordes.

how to create inner shadow for army stencil font in Illustratorhow to create inner shadow for army stencil font in Illustratorhow to create inner shadow for army stencil font in Illustrator

Paso 3

Enfoquémonos en una sola letra. Selecciona solo la letra "A" y luego Copiar y Pegar en el mismo lugar (Mayúsculas-Control-V) para hacer una copia de ella delante de todo. Dale un Trazo de 2 pt usando negro apagado y, en el panel Trazo, presiona la opción Alinear Trazo al Interior.

Con la letra aún seleccionada, pulsa Añadir nuevo trazo en la parte inferior del panel Apariencia para añadir un segundo atributo debajo del primero. Establece el color en blanco y el Grosor del trazo en 3 pt. Mantén seleccionada la opción Alinear trazo al interior y cambia el Modo de fusión a Superposición.

Repite este paso para las otras letras y aplica la misma configuración.

how to add strokes on military font in Illustratorhow to add strokes on military font in Illustratorhow to add strokes on military font in Illustrator

Paso 4

Ahora, vamos a crear un aspecto deslavado en el texto army. Agarra la Herramienta Pluma (P) y dibuja uno o dos trazos en cada letra, como se muestra en la imagen de abajo. Traza con el Pincel seco 3 y aumenta el Grosor del Trazo a 3 pt. Dale un trazo blanco; luego ve a Efecto > Desenfoque > Desenfoque Gaussiano y aplica un Radio de 2 px. Ajusta el Modo de Fusión a Luz Suave, y podrás ver el resultado final.

how to create the washed out look on military font in Illustratorhow to create the washed out look on military font in Illustratorhow to create the washed out look on military font in Illustrator

5. Cómo crear la etiqueta Soldier

Paso 1

Utiliza la Herramienta Rectángulo (M) para dibujar un pequeño rectángulo de 39 x 15 px relleno de color negro. Además, dale un Trazo de 1 pt usando el color verde y selecciona la opción Alinear Trazo al Exterior en el panel Trazo.

Con el rectángulo aún seleccionado, mira el panel Transformar. Ajusta el Tipo de Vértice a Chaflán y el Radio de Vértice a 2 px. Asegúrate de pulsar Vincular Valores de Radio de Esquina para que las cuatro esquinas tengan el mismo aspecto.

Finalmente, escribe "SOLDIER" usando la fuente Arial Bold. Ajusta el tamaño a 8,5 pt y dale un color de relleno beige. Ajusta el Tracking a -57 para acercar las letras entre sí.

how to create a soldier tag for army text in Illustratorhow to create a soldier tag for army text in Illustratorhow to create a soldier tag for army text in Illustrator

Paso 2

Haz un Grupo (Control-G) con las formas que componen la etiqueta soldier y muévelo sobre la letra "A".

how to arrange the soldier tag on army text in Illustratorhow to arrange the soldier tag on army text in Illustratorhow to arrange the soldier tag on army text in Illustrator

6. Cómo crear el cinturón de balas

Paso 1

Utiliza la Herramienta Pluma (P) para dibujar una forma simple de bala como en la imagen de abajo, y coloréala con marrón. Dibuja una forma similar pero más pequeña en el interior y coloréala con marrón claro. A continuación, dibuja una forma delgada y cónica como punto culminante y coloréala con amarillo pálido.

how to create a bullet in Adobe Illustratorhow to create a bullet in Adobe Illustratorhow to create a bullet in Adobe Illustrator

Paso 2

Utiliza la Herramienta Pluma (P) de nuevo para dibujar un rectángulo sobre la bala, pero redondeado en la parte superior e inferior. Coloréalo con gris. Continúa dibujando una fina franja vertical rellena de blanco como iluminación. La siguiente forma es un rectángulo en el lado derecho relleno con gris oscuro. No hay que ser demasiado preciso porque cubriremos los bordes con un trazo negro. En el panel Trazo, selecciona la opción Unión redondeada.

how to make a bullet in Adobe Illustrator for army texthow to make a bullet in Adobe Illustrator for army texthow to make a bullet in Adobe Illustrator for army text

Paso 3

La bala está hecha, y puedes agrupar (Control-G) todas las formas que la componen. Antes de continuar, asegúrate de que la bala es pequeña, alrededor de 7 x 33 px.

Arrastra la bala al panel Pinceles y elige Nuevo pincel de motivo. Escribe un nombre y selecciona Añadir espacio en encajar. Pulsa OK.

how to save a bullet belt pattern brush in Adobe Illustrator how to save a bullet belt pattern brush in Adobe Illustrator how to save a bullet belt pattern brush in Adobe Illustrator

Paso 4

Volvamos al texto army. Utiliza la Herramienta Pluma (P) para dibujar una trayectoria curva sobre la letra "M" como se muestra. Traza con el Pincel Motivo de Balas, y ya está. ¿Qué tan fácil fue eso?

how to apply the bullet belt pattern brush on military fonthow to apply the bullet belt pattern brush on military fonthow to apply the bullet belt pattern brush on military font

7. Cómo crear el fondo y las sombras

Paso 1

Utiliza la Herramienta Rectángulo (M) para dibujar un rectángulo del mismo tamaño que la mesa de trabajo, que es de 850 x 450 px. Envíalo al fondo yendo a Objeto > Organizar > Enviar detrás (Mayúsculas-Control-[). Rellénalo con un degradado radial de gris oscuro a negro apagado.

how to create the background behind army stencil fonthow to create the background behind army stencil fonthow to create the background behind army stencil font

Paso 2

Selecciona las letras negras de army del principio del tutorial, que deberían estar detrás de todo. Ve a Efecto > Estilizar > Sombra paralela y aplica los ajustes mostrados para obtener la sombra.

how to create shadow behind army stencil fonthow to create shadow behind army stencil fonthow to create shadow behind army stencil font

Paso 3

Vamos a añadir también una sombra al cinturón de balas. Mientras el trazado permanece seleccionado, vamos a Efecto > Estilizar > Sombra paralela y aplicamos la configuración mostrada.

how to create the shadow under bullet army belt in Illustratorhow to create the shadow under bullet army belt in Illustratorhow to create the shadow under bullet army belt in Illustrator

¡Felicitaciones! ¡Tu efecto de texto de esténcil militar está hecho!

Espero que este tutorial haya sido útil y que hayas aprendido algunas técnicas nuevas hoy. Ahora puedes aplicar el estilo militar de camuflaje en tus futuros diseños y experimentar con otras fuentes de esténcil también.

military stencil font final image text effectmilitary stencil font final image text effectmilitary stencil font final image text effect

Populares fuentes de esténcil de Envato Elements

Envato Elements es un lugar increíble para encontrar fuentes y tiene una impresionante colección de todo tipo de fuentes. Navega por la multitud de recursos para encontrar lo que necesitas y experimenta.

Fuente militar sans Lordcorps (OTF, TTF)

Esta fuente está inspirada en el clásico diseño militar vintage tipo esténcil y puede ser una opción sólida para que la utilices en cualquier proyecto de inspiración militar.

first military stencil font recommendation from Envato Elementsfirst military stencil font recommendation from Envato Elementsfirst military stencil font recommendation from Envato Elements

Fuente militar Airborne 86 (OTF, TTF)

Utiliza esta fuente para carteles del ejército, papel pintado, álbumes de recortes, etiquetas, pegatinas o para imprimir en telas y ropa, y tu proyecto será seguramente un éxito.

second military stencil font recommendation from Envato Elementssecond military stencil font recommendation from Envato Elementssecond military stencil font recommendation from Envato Elements

Fuente Thunderbolt

Inspirada en los números utilizados en los legendarios aviones Thunderbolt, esta fuente es imponente y atraerá la atención de todos.

third military stencil font recommendation from Envato Elementsthird military stencil font recommendation from Envato Elementsthird military stencil font recommendation from Envato Elements

Fuente militar Deltroy

Deltroy es la fuente perfecta para utilizar en cualquier ilustración de inspiración militar, y debería formar parte de tu colección de fuentes.

fourth military stencil font recommendation from Envato Elementsfourth military stencil font recommendation from Envato Elementsfourth military stencil font recommendation from Envato Elements

Esténcil Monty

¿Quieres una fuente de esténcil dinámica? Monty es perfecta, y es muy versátil para una multitud de proyectos y diseños. ¡Pruébala!

fifth military stencil font recommendation from Envato Elementsfifth military stencil font recommendation from Envato Elementsfifth military stencil font recommendation from Envato Elements

Aprende más con estos tutoriales recomendados

Encuentra mucha información y técnicas nuevas que te ayudarán en tus futuros proyectos en esta selección de tutoriales, desde el nivel principiante hasta el intermedio. ¡Empieza ya!

One subscription.
Unlimited Downloads.
Get unlimited downloads