Design Bundles Net Logo
Menu
Cart
Search
  1. Home
  2. Design School
  3. Promo Badge Vector in Illustrator

Promo Badge Vector in Illustrator

Posted on 29th November 2018
1 - In Illustrator, create a “New Document”.



2 - Go to Illustrator CC > Preferences > Units (Command/Control + ,) and make all your units “Pixels”. Then, select the “Grids & Guides” tab and input 5 in the “Gridline every:” field and 1 in “Subdivisions:”.







3 - Go to View > Show Grid (Command/Control + ‘) and View > Snap to Grid (Shift + Command/Control + ‘).





4 - Select the “Ellipse Tool” (L), click inside your document and create a 300 x 300 px Circle. Fill it with Black and center it using the “Horizontal and Vertical Align Center” options on your Top Menu making sure that “Align to Artboard” is selected. Or use the same options in the “Align Panel”.







5 - Go to the “Appearance Panel” and click on the “Effects Menu” at the bottom-left. Go to Distort & Transform > Zig Zag… make the “Size” 5 px, check the “Absolute” and “Smooth” boxes.





6 - Create another “Circle”, but this time make it 260 x 260 px. Fill it with a Medium Gray and center it. Then, create another one measuring 220 x 220 px, fill it with Black and center it, too. Create other concentric circles, one filled with Medium Gray and measuring 160 x 160 px. Next, one filled with Black and measuring 140 x 140 px and finally one filled with Medium Gray and measuring 120 x 120 px. Don’t forget to Center all of them.



















7 - Select the outside vector and go to Object > Expand Appearance.





8 - Select all the vectors that are filled with Black and change the color. We used a Dark Brown from the “Swatches Panel”. Do the same with the vectors filled with the Medium Gray and choose a lighter shade of brown.





9 - Select the “Rectangle Tool” (M), click inside of your Document and create a 320 x 80 px Rectangle. Center it and fill it with the Light Brown used on the circles. Add a 10 pt “Stroke”, make its color the Dark Brown used before and give it a “Rounded” Corner.









10 - Create another Rectangle, make it 90 x 80 px. Leave the “Stroke” settings unchanged bit Fill it with a darker shade of Brown. Place this rectangle aligned to the first one, but close to its left side. Use the “Add Anchor Point Tool” (+) and add click on the center of its left side.









11 - Use the “Direct Selection Tool” (A) to individually select the Anchor Points and click the “Right Arrow” as many times as needed to move the point to the center of the shape.





12 - In the “Appearance Panel” click on the “Effects Menu” at the bottom-left. Go to Distort & Transform > Transform… use an “Horizontal” Move of 432 px with a 0° Angle, check the “Reflect Y” box and make 1 “Copy”.





13 - Go to Object > Expand Appearance, then right-click on top of the vector and choose “Ungroup”. Move the Left Rectangle about 1/3 Up and the Right Rectangle about 1/3 Down. Then, move them to the inside of the bigger Rectangle until they cover the sides of the outer Circle.









14 - Select them and go to Arrange > Send to Back. Move them even further in if needed.







15 - Select the “Pen Tool” (P), use the Dark Brown for “Fill” and “Stroke” and keep the “Stroke” settings. Draw a Triangular shape where the two Rectangles overlap to the left in order to give the idea of a “Folded” Ribbon. Repeat on the Right side.







16 - Create another Triangular shape on the left side where the two rectangles meet but only on top of the smaller one. The idea is to create a “Shadow”. Lower the “Opacity” to 35 % in the “Transparency Panel”. Repeat with the right side of the Ribbon.







17 - Select all the Circular Vectors, right-click on top and choose “Group” (Command/Control + G). Draw another shadow but this time on the Top portion of the Circles just outside the Ribbon. Don’t forget to reduce its “Transparency” too. Go to the “Appearance Panel” and apply another “Transform Effect”. Use a “Vertical” Move of 118 px with a 0° Angle, check the “Reflect X and Y” boxes and make 1 “Copy”.







18 - Go to Object > Expand Appearance, then right-click on top of the vectors and choose “Ungroup”.







19 - Select the “Line Segment Tool” (\), use a 10 px ”Stroke” with the Dark Brown as color and “Rounded Cap” and draw some straight lines on one side of the Center Ribbon Rectangle to mimic some wrinkles. Right-click on top of them and choose “Group”, then duplicate and Rotate them to place similar shapes on the Right side.









20 - Select the “Type Tool” (T), choose your font (we used “Myriad Pro”) and type tour text. Use the Dark Brown as “Fill” color and center your text inside the “Ribbon”. Select all the portions of the Ribbon including the Text and “Group” them together (Command/Control + C).







21 - Go to the “Appearance Panel” click on the “Effects Menu” at the bottom-left. Go to Warp > Flag… use an “Horizontal” Blend of 15 %.





22 - Select the “Ellipse Tool” (L), click inside your document and create a 170 x 170 px Circle. Fill it with any color and center it using the “Horizontal and Vertical Align Center” options on your Top Menu making sure that “Align to Artboard” is selected. Or use the same options in the “Align Panel”.





23 - Select the “Type on Path Tool” and click on your Circle where you want your Text to start. Type your text and choose Color and Size. Hover your “Cursor” on top of the “Text Box” until you see small arrows and move them to where you want your text to be. There should be one to move the start of the text and one for the end.





24 - “Copy” (Command/Control + C) and “Paste on Back” (Command/Control + B) the outer Circle, lower the “Transparency” to 35 % and move it a few clicks Down and Right to simulate a Shadow.



25 - Your Artwork should look similar to this.

Share this Tutorial

Have a question? Contact our Support for assistance.
ca image