Today we’ll be creating a logo badge inside illustrator. There are plenty of logo badges templates available on the web and if you search for it, you find a variety of designs which are easily editable and can be used directly for the business. so our goal here is to create an exclusive logo badge, in the fastest and the easiest way. And during the process I’ll be using some vector resources from Vexels.com, where you can download in several formats. Vexels also offer monthly subscriptions starting at with licenses for every download. You can also buy individual licenses for a single graphic. so let’s begin with the designing process. So we’ll be creating this logo badge for the mountain climbing event. So the first thing we need to understand is the theme of the logo. And now I’ll go to Vexels and look for the vectors related to our theme.
Let’s search for mountain and let’s download this vector. I’ll be needing one more vector of ribbon. So let’s look up for that and I think this one is good. Now we are ready to design the logo. First add a dark background on the artboard using the rectangle tool and lock it up using the keyboard shortcut command or ctrl + T. now open the mountain vector which we have just downloaded and drag and drop it to work area. Scale up the size and fill it up with white color. Now we’ll do some modification with the vector, so using the pen tool draw out curves extending the path of the vector and merge it with the design. Click and drag to give smooth curves and also break the points to give pointed edges. By adding these details we are giving an organic look to the design. The smooth and curved region represent the shape of frozen ice.
Next we’ll type out the text, for the logo. Type mountain and scale up the size. Remove the Alphabet M and choose a proper font for the rest. Apply white stroke color with a stroke thickness around 2 points, and change the font style to Agency FB. Now create a duplicate of the text and type M alphabet. We will increase its size and place it somewhere in the middle. Also change the font style to bold to maintain the thickness of the fonts.
Reduce the stroke thickness to 1 point, maintain equal distance between each alphabet. Now create another duplicate and type out snow. For this change the font style to regular and reduce its size. we’ll place it somewhere here on the top. next we’re going to be modifying the shape of the text, so select the text and go to Object > Envelope distort > make with mesh. Set the rows and columns to 2 by 2 and click OK. This will give us the anchor points to modify the shape. let’s place it around here. Now using the direct selection tool, select the right side anchor points and drag it down. Now select the middle anchor points and drag it out, then select the left anchor points and push it down.
Now using the handle tools try to maintain the curve flow. Select the handles and adjust the direction. Now bring in this snow text. Apply mesh with the same values and the anchor points and set the flow, according to our main text. Adjust the handles properly to get the exact curve. Next we’ll bring in our next vector “ribbon”. Place it inside the Artboard and scale up the size. we will flip the direction using the selection tool from one side, then ungroup it. Now delete the top pieces. Then delete out this piece also. For this overlapping region, we will extract it using the shape builder tool. Select all and click and drag to extract the region. Now place the vector below the text. Do some little tweaking with the anchor points, to make the corner round. Also let’s apply color to the shapes. Select the shape and apply red color from the color panel. Then select the second one and give little darker shape to it. Now we’ll type out one more text, give it a white font color and we’ll give Arial Black font style and under character panel, increase the distance between each alphabets.
Then go to object and Envelope distort and make it mesh. Give the same values 2 by 2 rows and columns and start modifying the shape according to the flow of the ribbon. uUse direct selection tool to edit the anchor points. Adjust each handles to get a perfect curve, parallel to the edge of the vectors. Also place it in the middle of the design. Once you are set with a path, double click inside and select the text. Then increase the spacing. And place it back to its original position. Now we’re going to be creating the outline of the logo. We will be using ellipse tool to create this circular region. So draw the circle and apply only the stroke color. we’ll set the stroke thickness to 4 points. Now create one more diplucate of the circle, using the keyboard shortcut command or ctrl + C to copy and command ctrl + F to paste in front, and increase its radius. Now select both the ellipse and choose Scissor tool to delete out the unwanted curves. Give one cut here and the other on the opposite side. Do the same for the second curve, then delete out the extra pieces.
Now we’ll draw the rest of the outline using the pen tool, by following the overall shape of the design. Once you reach the arc curve, click on the last anchor point to connect the path. Then continue drawing from the other side and finish it at the starting point. This way we got a nice outline. Now carefully adjust of the vertices, to do the final refinement. And Adjust handles to give a proper spacing. Next draw the shape at the ends of the stroke to give a round end. Fill this shape with a background color. Now select our outline shape and fill it up with dark blue color. tThen arrange it at the back of all the elements. Now selecting the shape go to object > path > outline stroke, this will convert it into fill object. Ungroup it and we got two different shapes for background and stroke. select the other stroke and apply the same option. Apply light blue color to both the strokes.
You can use this code to get the color. Give the same color to the snow texture also. Now we’ll add some details to our Mountain vector. So first of all, select all the pieces and combine it under Pathfinder. Than using pen tool start drawing out curve path. To create a division, try to create a wavy curve in order to get a random look. Now select the stroke and the shape and extract of the region using the shape builder tool. Ungroup it to select individually and apply light blue color. And now lastly we’ll create this frozen ice effect for our design. The designing process very simple. We will first create out the shape, using the pen tool.
The shape can be in any form. Try to get that feel in your design. Fill it up with white color and start tweaking the sheep using the Direct selection tool. Next Create one more duplicate of the shape and fill it up with a background color. Then arrange it to back of the shape and drag it down. This shape will be used to give shadow. The placement will decide, how much depth you want to give to your design. Then using the direct selection tool, adjust the anchor points properly. Now we’ll add highlights to our design. Draw a curve like this. Draw under go for the other shape. nNow select the Cove and the shape and using the Direct selection tool, click here and then here to extract out the region. Select the extracted shape and apply light blue color and this will add a highlight effect to the frozen Ice.
we’ll be following the same steps and create all the other two vectors with different volume and shape. Finally we have completed designing a logo badge. To give more details to our design. we can use Photoshop to add more depth, highlights and glossiness. You can also add lens flare effect and it will be make your design more standout. Finally our logo is ready. tThe designing process was very simple. By using the ready-made graphic resources, we have saved up lots of our time. I hope you liked the techniques and enjoy this tutorial.
As found on Youtube