Within the following tutorial, you’ll discover ways to draw the High Gun brand utilizing pixel-perfect vector shapes.
First, you’ll discover ways to make the wings, the star, and the textual content utilizing fundamental vector shape-building strategies. As soon as you have created the primary shapes, you’ll discover ways to coloration and additional stylize your High Gun brand.
As soon as you have completed studying how you can create your vector High Gun brand, you may head over to Envato Parts, the place you may get limitless downloads of inventory movies, music, graphics, pictures, fonts, and rather more. This army brand template is simply one of many many examples that may encourage you to create your individual High Gun emblem.
What You will Be taught in This Tutorial
- What font is the High Gun brand?
- How to attract the High Gun brand
- Methods to stylize the High Gun image
1. Methods to Create a New Doc and Set Up a Grid
Hit Management-N to create a brand new doc. Choose Pixels from the Items drop-down menu, set the Width to 850 px and the Peak to 400 px, after which click on Superior Choices. Choose RGB for the Shade Mode and set the Raster Results to Excessive (300 ppi), after which click on the Create button.
Allow the Grid (View > Present Grid or Management-“) and Snap to Grid (View > Snap to Grid or Shift-Management-“). You have to a grid each 5 px, so merely go to Edit > Preferences > Guides & Grid, and enter 5 within the Gridline each field and 1 within the Subdivisions field. Strive to not get discouraged by all that grid—it can make your work simpler, and take into account that you may simply allow or disable it utilizing the Management-“ keyboard shortcut.
You also needs to open the Data panel (Window > Data) for a reside preview with the scale and place of your shapes. Do not forget to set the unit of measurement to pixels from Edit > Preferences > Items. All these choices will considerably enhance your work velocity.
2. Methods to Create the Wings of the High Gun Emblem
Step 1
Decide the Rectangle Software (L) out of your toolbar after which concentrate on the colour settings. Choose the stroke and take away the colour, after which double-click the fill and exchange the present coloration with R=255 G=180 B=0.
Transfer to your artboard and easily create a 640 x 15 px form—the grid and Snap to Grid ought to make it simpler.
Hold this rectangle chosen and go to Impact > Distort & Remodel > Remodel. Set the variety of Copies to 4 and drag that Transfer-Vertical slider to 20 px. Click on OK to use the impact, after which go to Object > Broaden Look to broaden it.
Press Shift-Management-G to Ungroup the ensuing group of shapes, after which press Management-8 (Object > Compound Path > Make) to simply flip your 5 rectangles right into a single compound path.
Step 2
Give attention to the appropriate aspect of your yellow rectangles, and ensure that the Rectangle Software (M) continues to be lively.
Use it to create a 75 x 95 px form and place it precisely as proven within the first picture. Create a second one and transfer it to the left fringe of your yellow shapes, as proven under.
Change to the Delete Anchor Level Software (-) and use easy clicks to take away the 2 anchor factors highlighted within the first picture. This can flip your rectangles into triangles, as proven within the second picture.
Step 3
Reselect the Rectangle Software (M), create a 340 x 65 px form and place it as proven within the first picture. Utilizing the identical instrument, create a 280 x 15 px form and place it as proven within the second picture.
Step 4
Use the Choice Software (V) to pick all of your shapes, open the Pathfinder panel (Window > Pathfinder), and click on the Minus Entrance button.
3. Methods to Add Textual content to Your High Gun Emblem
Step 1
For this tutorial, we’ll create the textual content from scratch, however in the event you’re asking, “What font is the High Gun brand?” this one may be the proper alternative: High Gun Emblem Font.
Let’s have a look at how one can add the textual content to your High Gun emblem utilizing fundamental vector shapes. We’ll begin with the primary letter. Decide the Rectangle Software (M), create a 40 x 15 px form, fill it with blue and place it as proven within the first picture. Utilizing the identical instrument and coloration, create a 20 x 75 px form and place it as proven within the second picture.
Step 2
Utilizing the Rectangle Software (M), add the 4 rectangles that make up the letter “O”, as proven within the first picture. Use the grid as a reference to just be sure you’re following the precise dimension and spacing settings. Do not forget that the scale of a grid field is 5 px.
Proceed with the letters “P”, “G” and “U”, and add the units of rectangles proven within the following photographs.
Step 3
Lastly, for the letter “N” you’ll want to begin with two, 20 x 75 px rectangles and place them as proven within the first picture. Choose the left one and add a replica in entrance (Management-C > Management-F).
Give attention to the underside aspect of this copy and choose the Direct Choice Software (A). Choose each anchor factors and easily drag them 30 px to the appropriate, as proven within the second picture.
Step 4
Use the Choice Software (V) to pick all of your letter shapes and merge them utilizing the Unite button from the Pathfinder panel, after which flip the ensuing shapes right into a single compound path (Management-8).
Step 5
Give attention to the “O” letter shapes and reselect the Rectangle Software (M). Create 4 10 px squares and place them as proven within the first picture.
Hold these tiny shapes chosen and swap to the Delete Anchor Level Software (-), after which merely click on the highlighted anchor level to take away them.
Step 6
Use the Choice Software (V) to pick your black triangles one after the other. Choose simply the appropriate ones and press Management-C > Management-V to duplicate them. Transfer the copies on high of your “P” letter form, as proven within the first picture.
Proceed with the “G” and “U” letter shapes and add some black triangles as proven under.
Step 7
Choose all of your black triangles together with the textual content compound path and click on the Minus Entrance button from the Pathfinder panel.
4. Methods to Add the Star to Your High Gun Emblem
Step 1
Focus under your “G” letter form and choose the Rectangle Software (M). Create a 40 x 60 px form and place it precisely as proven within the first picture. Once more, use the grid as a reference.
Change to the Direct Choice Software (A) and use it to pick the highest anchor factors of your new rectangle. Needless to say you’ll want to maintain down the Shift key to pick multiple anchor level.
As soon as chosen, go to Object > Path > Common (Alt-Management-J). Test that Each field and click on OK to simply flip your rectangle right into a triangle.
Step 2
Make it possible for your triangle is chosen and go to Object > Path > Add Anchor Factors. Utilizing the Direct Choice Software (A), choose the anchor level highlighted under and drag it 15 px up.
Step 3
Reselect the Rectangle Software (M), create a 70 x 25 px form and place it as proven within the first picture.
Give attention to the underside aspect of this new rectangle and swap to the Direct Choice Software (A). Use it to pick each anchor factors, and go once more to Object > Path > Common. Test that Each field and click on OK.
Step 4
Use the Choice Software (V) to pick each shapes that make up your star and merge them utilizing the Unite button from the Pathfinder panel.
Step 5
Make it possible for your star form continues to be chosen and go to Object > Path > Offset Path. Set the Offset to 10 px and click on OK to create a bigger star form.
Step 6
Use the Choice Software (V) to pick your bigger star form together with the yellow form that lies behind it, and click on the Minus Entrance button from the Pathfinder panel.
5. Methods to Shade the High Gun Emblem
Step 1
Use the Choice Software (V) to pick the six shapes highlighted within the first picture, and alter the fill coloration to R=255 G=0 B=0.
Choose the remainder of the shapes and merge them utilizing the Unite button from the Pathfinder panel, flip them right into a compound path (Management-8), after which set the fill coloration to R=204 G=204 B=204.
Step 2
Choose all of the shapes that make up your brand, press Management-C to repeat them, after which press Management-F so as to add copies in entrance.
Flip these copies right into a compound path (Management-8) and fill it with blue.
Step 3
Disable Snap to Grid (View > Snap to Grid) after which go to Edit > Preferences > Common to ensure that the Keyboard Increment is about to solely 1 px.
Choose your blue compound path and add two copies in entrance (Management-C > Management-F > Management-F). Choose simply the highest copy and press the Down Arrow key as soon as, which can transfer your choice 1 px down.
Now choose each compound path copies added on this step and click on the Minus Entrance button from the Pathfinder panel. Flip the ensuing group of shapes into a brand new compound path (Management-8), fill it with white, and decrease its Opacity to 50%.
Step 4
Reselect the remaining blue compound path and go to Object > Path > Offset Path. Set the Offset to 10 px and Joins to Spherical, after which click on OK.
Change to the Direct Choice Software (A) and use it to pick one of many anchor factors which make up that gap in your form. Press the Delete key as soon as to take away the chosen level, and yet one more time to eliminate that total gap.
6. Methods to Additional Stylize Your High Gun Image
Step 1
Make it possible for your bigger blue form continues to be chosen, and press Shift-Management-[ to move it behind the rest of your design. Replace the blue with R=43 G=42 B=41, and then go to Effect > Stylize > Drop Shadow. Enter the settings shown below and click OK.
Step 2
Select the remaining blue compound path and open the Gradient panel (Window > Gradient). Click that Linear Gradient button to replace the flat fill color with a linear gradient.
Set the Angle to 135 degrees and then move to the gradient sliders. Select the white one and set the Location to 40%, and then select the black one and lower its Opacity to 0%. Click the gradient bar to add one more gradient slider and select it. Set the color to black, lower its Opacity to 0%, and drag it to the left end of the gradient bar.
Once you’re done, move to the Appearance panel (Window > Appearance), select the existing fill, and just change its Blending Mode to Soft Light.
Step 3
Make sure that your gradient-filled compound path is still selected, and keep focusing on the Appearance panel. Use Add New Fill to add a second fill and select it.
Set the color to black, lower its Opacity to 15%, change the Blending Mode to Multiply, and then go to Effect > Artistic > Film Grain. Set the settings as shown below and click OK, and then go to Effect > Sketch > Photocopy. Again, enter the attributes shown in the following image and click OK.
7. How to Add a Background for Your Top Gun Logo
Use the Rectangle Tool (M) to create a shape that covers your entire artboard, fill it with R=30 G=156 B=215, and move it behind your Top Gun logo (Shift-Control-[).
Congratulations! You’re Done!
Here is how your Top Gun logo should look. Now that you understand the basics of putting together a vector Top Gun logo, feel free to try another one of the Top Gun logos, maybe the Top Gun Maverick logo.
You can find some great sources of inspiration at Envato Elements, with interesting solutions to improve your Top Gun logos.
Popular Logos From Envato Elements
Envato Elements is an excellent resource for logo templates and Top Gun logos. Here’s a short list of some of the most popular Top Gun logo templates that you can find.
Aviator Logo Template (AI, EPS, JPG, PDF, PNG, PSD)
Looking to further stylize your final Top Gun logo? Feel free to incorporate this aviator portrait into your design and make it stand out.
Fighter Pilot Esport Logo Template (AI, EPS, PNG)
A pilot silhouette could be a good addition to your Top Gun PNG logo. You can try a design like this one and adjust it to fit the Top Gun logo style.
Air Attack Logo (AI, EPS, PNG)
If you choose to recreate the Top Gun Maverick logo, you can take it to the next level by adding a badass fighter jet design. This one could be a good start.
Man With Gun Esport Logo (AI, EPS, JPG, PDF, PNG, PSD)
Looking for something more menacing? Check out this badass fighter mascot. All you have to do is add your text and feel free to adjust the colors as you need.
Eagle Air Force Logo Template (AI, EPS, PNG)
Cut the hassle of learning how to create a military logo and use this eagle Air Force logo template.
Want to Learn More?
We have loads of tutorials on Envato Tuts+, from beginner to intermediate level. Take a look!
