This content originally appeared on Envato Tuts+ Tutorials and was authored by Diana Toma
Follow this tutorial and find out how you can incorporate the army style into your design projects. You will learn how to create a camouflage pattern and apply it to a military stencil font, along with other details that will improve the final result of the army text. Let's not forget about the bullet belt pattern brush included.
Find more inspiration and a multitude of resources ready to use that will help you achieve what you want quicker on Envato Elements. Browse through the collection to find amazing designs that you need, such as this military sans font, Lordcorps.
What You Will Learn in This Brochure Tutorial
- How to use an army stencil font
- How to create a camouflage pattern
- How to create a military text effect
- How to create a bullet belt pattern brush
Tutorial Assets
To complete the tutorial, you will need the following assets:
- Monty Stencil Black font
1. How to Open a New Document
Launch Illustrator and go to File > New to open a blank document. Type a name for your file, set up the dimensions, and then select Pixels as the Units and RGB as the Color Mode.
Next, go to Edit > Preferences > General and set the Keyboard Increment to 1 px, and while there, go to Units to make sure they are set as in the following image. I usually work with these settings, and they will help you throughout the drawing process.
2. How to Set Up the Military Font
Grab the Type Tool (T) and write “ARMY” on your artboard using the Monty Stencil Black font, a beautiful military stencil font from Envato Elements. Set the size to 192 pt in the Character panel (Window > Type > Character). Set the to 40 to add more space between the letters. Once done, go to Type > Create Outlines followed by Ungroup (Shift-Control-G) to get the individual letters.
3. How to Create the Camouflage Pattern
Step 1
Use the Rectangle Tool (M) to draw a rectangle that covers your military font entirely, as shown in the image below. Use dark gray as the fill color.
Step 2
The camouflage pattern is entirely made using Illustrator brushes that you already have. We won't go for the classic version this time, but instead we will create a grunge and modern army style pattern.
Grab the Paintbrush Tool (B) or the Pen Tool (P) and draw four curved paths over the rectangle, as shown in the next image. Stroke them using an Art Brush called Dry Brush 7 that you can find in the Brush Libraries Menu > Artistic > Artistic_Paintbrush. Increase the Stroke Weight to 10 pt. The stroke color is not important.
With the four paths still selected, go to Object > Expand Appearance to turn the strokes into filled shapes. Now, change the fill color to brown.
Step 3
Use the Paintbrush Tool (B) or the Pencil Tool (N) again to draw a bunch of shorter paths this time. Make sure to cover most of the rectangle. Stroke them using an Art Brush called Chalk that you can find in the Brush Libraries Menu > Artistic > Artistic_ChalkCharcoalPencil. Increase the Stroke Weight to 5 pt.
Once done, keep all these paths selected and go to Object > Expand Appearance. Fill the newly obtained texture with off-black.
Step 4
A few more steps and you are done. Draw more paths over the rectangle, as shown in the image below. Stroke all of them with the Dry Brush 7 and set the Stroke Weight at 5 pt.
Go to Object > Expand Appearance; then change the fill color to green for the entire group.
Step 5
Use the Paintbrush Tool (B) or the Pencil Tool (N) again to draw about five vertical paths over the pattern. Stroke them with Chalk and set the Stroke Weight to 7 pt. Expand Appearance and then change the fill color of the resulting texture to beige.
Step 6
Select the army text under the rectangle and then Copy and Paste in Place (Shift-Control-V) to make copies of the letters in front of everything. While the four letters stay selected, go to Object > Compound Path > Make (Control-8). I will name it “army compound path”.
Keep the army compound path selected along with all the textures and the rectangle; then go to Object > Clipping Mask > Make (Control-7). This will create a mask and clean up all the edges. The military text is starting to come together nicely, right?
4. How to Improve the Army Text With Details
Step 1
Select the army compound path that you used to mask the pattern earlier, and then Copy and Paste in Place (Shift-Control-V) to make a copy of it in front of everything. Stroke it with an Art Brush called Dry Brush 3 that you can find in the Brush Libraries Menu > Artistic > Artistic_Paintbrush. Set the Stroke Weight to 1 pt and the color to off-black.
Copy and Paste in Place (Shift-Control-V) the army compound path one more time. Keep it selected along with the stroked path and go to Object > Clipping Mask > Make (Control-7). This step accentuates the grungy look inside the edges of the letters.
Step 2
Copy and Paste in Place (Shift-Control-V) the army compound path again and give it a white fill color. Next, go to Effect > Stylize > Inner Glow and apply the settings shown to obtain a dark shadow inside the edges.
Set the Blending Mode of the Fill attribute to Multiply so that the white becomes transparent but you will still be able to see the shadow on the edges.
Step 3
Let's focus on one letter. Select only the letter “A” and then Copy and Paste in Place (Shift-Control-V) to make a copy of it in front of everything. Give it a 2 pt Stroke using off-black and, in the Stroke panel, press the Align Stroke to Inside option.
With the letter still selected, press Add New Stroke at the bottom of the Appearance panel to add a second attribute below the first. Set the color to white and the Stroke Weight to 3 pt. Keep the Align Stroke to Inside option selected and change the Blending Mode to Overlay.
Repeat this step for the other letters and apply the same settings.
Step 4
Now, we will create a washed-out look on the army text. Grab the Pen Tool (P) and draw one or two paths on each letter, as shown in the image below. Stroke them with Dry Brush 3 and increase the Stroke Weight to 3 pt. Give them a white stroke; then go to Effect > Blur > Gaussian Blur and apply a Radius of 2 px. Set the Blending Mode to Soft Light, and you can see the final result.
5. How to Create the Soldier Tag
Step 1
Use the Rectangle Tool (M) to draw a small rectangle of 39 x 15 px filled with off-black. Also, give it a 1 pt Stroke using green and select the Align Stroke to Outside option in the Stroke panel.
With the rectangle still selected, take a look at the Transform panel. Set the Corner Type to Chamfer and the Corner Radius to 2 px. Make sure to press Link Corner Radius Values so that all four corners look the same.
Finally, type “SOLDIER” using Arial Bold font. Set the size to 8.5 pt and give it a beige fill color. Set the Tracking to -57 to bring the letters closer to each other.
Step 2
Group (Control-G) the shapes that compose the soldier tag and move it over the letter “A”.
6. How to Create the Bullet Belt
Step 1
Use the Pen Tool (P) to draw a simple bullet shape like in the image below, and color it with brown. Draw a similar but smaller shape inside and color it with light brown. Next, draw a thin tapered shape as a highlight and color it with pale yellow.
Step 2
Use the Pen Tool (P) again to draw a rectangle over the bullet, but rounded at the top and bottom. Color it with gray. Continue to draw a thin vertical stripe filled with white as a highlight. The next shape is a rectangular one on the right side filled with dark gray. You don't have to be too precise because we will cover the edges with a black stroke. In the Stroke panel, select the Round Join option.
Step 3
The bullet is done, and you can Group (Control-G) all the shapes that compose it. Before you continue, make sure that the bullet is small, around 7 x 33 px.
Drag the bullet into the Brushes panel and choose New Pattern Brush. Type a name and select Add space to fit. Hit OK.
Step 4
Let's return to the army text. Use the Pen Tool (P) to draw a curved path over the letter “M” as shown. Stroke it with the Bullets Pattern Brush, and you are done. How easy was that?
7. How to Create the Background and Shadows
Step 1
Use the Rectangle Tool (M) to draw a rectangle the same size as the artboard, which is 850 x 450 px. Send it to the back by going to Object > Arrange > Send to Back (Shift-Control-[). Fill it with a radial gradient from dark gray to off-black.
Step 2
Select the black army letters from the beginning of the tutorial, which should be behind everything. Go to Effect > Stylize > Drop Shadow and apply the settings shown to get the shadow.
Step 3
Let's add a shadow to the bullet belt as well. While the path stays selected, go to Effect > Stylize > Drop Shadow and apply the settings shown.
Congratulations! Your Military Stencil Text Effect Is Done!
I hope this tutorial was useful and that you learned some new techniques today. Now you can apply the camouflage army style in your future designs and experiment with other stencil fonts too.
Popular Stencil Fonts From Envato Elements
Envato Elements is an amazing place to find fonts and has an impressive collection of all kinds of fonts. Navigate through the multitude of resources to find what you need and experiment.
Lordcorps Military Sans Font (OTF, TTF)
This font was inspired by the classic vintage military stencil design and can be a solid option for you to use in any military-inspired project.
Airborne 86 Military Font (OTF, TTF)
Use this font for army posters, wallpaper, scrapbooking, labels, stickers, or for printing on fabric and clothes, and your project will surely be a success.
Thunderbolt Font
Inspired by the numbers used on the legendary Thunderbolt planes, this font is imposing and will attract everyone's attention.
Deltory Military Font
Deltory is the perfect font to use in any military-inspired artwork, and it should definitely be a part of your font collection.
Monty Stencil
Want a dynamic stencil font? Monty is perfect, and it's extra versatile for a multitude of projects and designs. Try it out!
Learn More With These Recommended Tutorials
Find plenty of new information and techniques that will help you in your future projects in this selection of tutorials, from beginner to intermediate level. Start now!
34 Best Military Fonts (Army Stencil Fonts)
31 Best Stencil Fonts
How to Make a Vector Military Cap Icon
How to Create a Western Text Effect in Adobe Illustrator
How to Create a Graffiti Text Effect in Illustrator
Use a Pattern Rope Brush to Create a Rope Text Effect in Illustrator
How to Create a Casino Text Effect in Adobe Illustrator
How to Create a Game Graphic Style Text Effect in Adobe Illustrator
How to Create a Japanese Hanko Stamp Text Effect in Illustrator
How to Create a Glow Effect Text Effect in Illustrator
This content originally appeared on Envato Tuts+ Tutorials and was authored by Diana Toma
Diana Toma | Sciencx (2021-04-28T14:00:00+00:00) How to Create a Military Stencil Text Effect in Illustrator. Retrieved from https://www.scien.cx/2021/04/28/how-to-create-a-military-stencil-text-effect-in-illustrator/
Please log in to upload a file.
There are no updates yet.
Click the Upload button above to add an update.