How to Create a Mountain Rescue Unit Badge in Adobe Illustrator

Started by vodanhphd, 05-31-2021

131
0
How to Create a Mountain Rescue Unit Badge in Adobe Illustrator
  05-31-2021, 01:29 PM
#1
How to Create a Mountain Rescue Unit Badge in Adobe Illustrator




1. How to Create a New Document and Set Up Grid
Hit Control-N to make a new document to create your emblem logo. Select Pixels from the Units drop-down menu, enter 850 in the width and height boxes, and then click that More Settings button. Select RGB for the Color Mode, set the Raster Effects to Screen (72 ppi), and then Create Document.

Enable the Grid (View > Show Grid) and the Snap to Grid (View > Snap to Grid). You'll need a grid every 5 px, so simply go to Edit > Preferences > Guides & Grid, and enter 5 in the Gridline every box and 1 in the Subdivisions box. Try not to get discouraged by all that grid—it will make your work easier, and keep in mind that you can easily enable or disable it using the Control-" keyboard shortcut.

You can learn more about Illustrator's grid system in this short tutorial from Andrei Stefan: Understanding Adobe Illustrator's Grid System.

You should also open the Info panel (Window > Info) for a live preview of your emblem logo design with the size and position of your shapes. Don't forget to set the unit of measurement to pixels from Edit > Preferences > Units. All these options will significantly increase your work speed.

Mountain Rescue Badge Tutorial set up grid
2. How to Create the Main Shape
Step 1
Pick the Ellipse Tool (L) and focus on your toolbar. Remove the color from the stroke and then select the fill and set its color to R=87 G=158 B=214.

Move to your artboard and simply create a 310 x 70 px shape—the grid and the Snap to Grid should make it easier. This is the start of the main shape you'll need to create the emblem logo.

Mountain Rescue Badge Tutorial ellipse tool
Step 2
Pick the Rectangle Tool (M), create a 310 x 255 px shape, and place it as shown in the first image. Make sure that it stays selected and go to Object > Path > Add Anchor Points.

Switch to the Direct Selection Tool (A), select the anchor point highlighted in the first image, and drag it 115 px down as shown in the second image.

Mountain Rescue Badge Tutorial add anchor point
Step 3
Select both shapes made so far for the Himalaya logo design. Open the Pathfinder panel (Window > Pathfinder), and click the Unite button.

Mountain Rescue Badge Tutorial pathfinder
Step 4
Make sure that your shape is still selected and go to Effect > Stylize > Rounded Corners. Enter a 25 px Radius, click OK, and then go to Object > Expand Appearance.

Mountain Rescue Badge Tutorial rounded corners
3. How to Create the Smaller Shapes
Step 1
Make sure that your blue shape is still selected and go to Object > Path > Offset Path. Enter a 25 px Offset and click OK. Fill the resulting shape of the mountain rescue badge with red. Don't forget to send it to the back with Shift-Control-[.

Reselect your blue shape and go again to Object > Path > Offset Path. This time, enter a -15 px Offset and click OK. Fill the resulting shape of the mountain rescue badge with yellow.

Mountain Rescue Patch Tutorial expand appearance
Step 2
Select your red and yellow shapes and click the Minus Front button from the Pathfinder panel.

Mountain Rescue Patch Tutorial offset path
Step 3
Using the Rectangle Tool (M), create a 200 x 100 px shape and place it as shown in the first image. Select this rectangle along with the red shape and click the Intersect button from the Pathfinder panel. Fill the resulting shape with R=246 G=40 B=17.

Mountain Rescue Patch Tutorial intersect
Step 4
Select your blue shape and go to Object > Path > Offset Path. Enter a -15 px Offset, click OK, and fill the resulting shape with R=32 G=43 B=63.

Mountain Rescue Patch Tutorial offset path
Step 5
Using the Rectangle Tool (M), create a 320 x 155 px shape and place it as shown in the first image. Select this new rectangle along with the darker blue shape and click the Intersect button from the Pathfinder panel. Make sure that the resulting shape is filled with R=32 G=43 B=63.

Mountain Rescue Patch Tutorial intersect
Step 6
Pick the Rectangle Tool (M) and create a 360 x 85 px shape. Fill this part of the mountain rescue patch with R=246 G=40 B=17 and place it as shown in the following image.

Create Badge in Illustrator Tutorial red rectangle
4. How to Create the Mountains
Step 1
Using the Pen Tool (P), create a sharp mountain outline roughly as shown in the following image. Once you're done, fill this shape with R=248 G=232 B=217.

Create Badge in Illustrator Tutorial mountain shape
Step 2
Pick the Ellipse Tool (L), create a 50 px circle and place it as shown in the first image. Select your mountain shape and go to Object > Path > Offset Path. Enter a 5 px Offset, click OK, and bring the resulting shape to the front (Shift-Control-]).

Select both shapes made in this step and click the Minus Front button from the Pathfinder panel. Fill the resulting shape with R=248 G=232 B=217.

Create Badge in Illustrator Tutorial sun
Step 3
Using the Pen Tool (P), create several sharp shapes as shown in the first image. Fill them all with R=153 G=196 B=230.

Create Badge in Illustrator Tutorial pen tool
5. How to Create the Bent Shapes
Step 1
Select your red rectangle and go to Effect > Warp > Arch. Enter the attributes shown below, click OK, and then go to Object > Expand Appearance.

Create Badge in Illustrator Tutorial warp arch
Step 2
Pick the Rectangle Tool (M) and create a 360 x 85 px shape. Fill it with R=32 G=43 B=63, place it as shown in the first image, and then go to Effect > Warp > Arch. Enter the attributes shown below and click OK. Expand your selection (Object > Expand Appearance) and then send it to the back (Shift-Control-[) .

Create Badge in Illustrator Tutorial warp arch
6. How to Add Strokes, Shading, and a Background
Step 1
Select your blue shape and focus on the Appearance panel (Window > Appearance). Select the stroke, set the color to R=248 G=232 B=217, and then open the Stroke fly-out panel. Increase the Weight to 15 px and check the Align Stroke to Inside button.


Step 2
Make sure that your blue shape is still selected and keep focusing on the Appearance panel. Add a second stroke using the Add New Stroke button and select it. Set the color to R=32 G=43 B=63 and the Weight to 10 px.
[Image: MountainBadge18.jpg]
Step 3
Select all the shapes made so far and add copies in front (Control-C > Control-F). Make sure that only these copies are selected and click the Unite button from the Pathfinder panel.
Send the resulting shape to back (Shift-Control-[) and focus on the Appearance panel. Select the fill, set the color to R=32 G=43 B=63 and lower its Opacity to 15%, and then go to Effect > Path > Offset Path. Enter a -30 px Offset, click OK, and then go to Effect > Distort & Transform > Transform. Enter the attributes shown below, click OK, and then go to Effect > Blur > Gaussian Blur. Enter a 20 px Radius and click OK.
[Image: MountainBadge19.jpg]
Step 4
Pick the Rectangle Tool (M) and create an 860 px square. Fill it with R=248 G=232 B=217, make sure that it covers your entire artboard, and don't forget to send it to the back (Shift-Control-[).
[Image: MountainBadge20.jpg]
7. How to Add Text
Step 1
Now let's work on the text of our Himalaya logo design. Pick the Type Tool (T) and open the Character panel (Window > Type > Character). Select the Balatype font and set the size to 70 px.
Simply click on your artboard and add the "HIMALAYA" piece of text. Place it as shown in the following image and set the color to R=248 G=232 B=217.
[Image: MountainBadge21.jpg]
Step 2
Make sure that your piece of text is still selected and go to Effect > Warp > Arch. Enter the attributes shown below and then click OK.
[Image: MountainBadge22.jpg]
Step 3
Pick the Type Tool (T) and focus on the Character panel. Use the same font and set the size to 35 px.
Add the "RESCUE UNIT" text and set its color to R=248 G=232 B=217. Place this new piece of text as shown in the following image and go to Effect > Warp > Arch. Enter the attributes shown below and then click OK.
[Image: MountainBadge23.jpg]
Step 4
Pick the Type Tool (T), add the "EVEREST" piece of text, and set its color to R=248 G=232 B=217. Place this new piece of text as shown in the following image and go to Effect > Warp > Arch. Enter the attributes shown below and then click OK.
[Image: MountainBadge24.jpg]
Step 5
Pick the Type Tool (T) and focus on the Character panel. Use the same font and set the size to 100 px. Add a little "+", set the color to R=248 G=232 B=217, and place it as shown in the first image.
Return to the Character panel and set the size to 30 px. Add the "19" and the "69" pieces of text and place them as shown in the last two images.
[Image: MountainBadge25.jpg]
8. How to Add Some Fir Trees
Finally, download the attachment from this tutorial: How to Create a Wintry, Snow Background in Adobe Illustrator. Open that christmas tree.ai document and copy the shape inside your badge document.
Change the fill color to R=32 G=43 B=63 and then create about seven copies. Spread these copies roughly as shown in the first image and then send them behind that red shape.
[Image: MountainBadge26.jpg]
Congratulations! You're Done!
Here is how the completed badge design should look. The results can be used for a Himalaya logo design or mountain rescue patch. I hope you've enjoyed this tutorial on how to create your own badge and can apply these techniques in your future projects. Don't hesitate to share your final result in the comments section.
Feel free to adjust the final design and make it your own. You can find some great sources of inspiration at GraphicRiver, with interesting solutions to improve your design.
[Image: MountainBadge0.jpg]
F

« Next Oldest | Next Newest »


Possibly Related Threads…
Thread Author Replies Views Last Post
A to Z of Illustrator: Tips, Tricks, & Hacks! vodanhphd 1 152 06-01-2021, 12:16 PM
Last Post: preetrippin
How to Create a Pamphlet Template in Illustrator vodanhphd 0 109 05-31-2021, 01:26 PM
Last Post: vodanhphd
How to Create Vector Glitches Using Adobe Illustrator vodanhphd 0 109 05-31-2021, 01:24 PM
Last Post: vodanhphd
How to Use Outline Stroke in Illustrator vodanhphd 0 94 05-31-2021, 01:22 PM
Last Post: vodanhphd
How to Create a Christmas, Knitted Text Effect in Adobe Illustrator vodanhphd 0 94 05-31-2021, 01:14 PM
Last Post: vodanhphd
How to Create a Military Stencil Text Effect in Illustrator vodanhphd 0 97 05-31-2021, 01:09 PM
Last Post: vodanhphd
How to Create a Brochure Template in Illustrator vodanhphd 0 89 05-31-2021, 01:07 PM
Last Post: vodanhphd
How to Create a Glow Effect Text Effect in Illustrator vodanhphd 0 111 05-31-2021, 01:02 PM
Last Post: vodanhphd
How to Mirror and Repeat Objects in Illustrator vodanhphd 0 91 05-31-2021, 01:00 PM
Last Post: vodanhphd
How to Create a Photo to Pencil Drawing Effect in Photoshop vodanhphd 1 113 05-23-2021, 08:54 PM
Last Post: s_smurf



1 Guest(s)