How to Create a Cool Beard Trimmer in Adobe Illustrator

Adobe Illustrator can be a little tricky to get your hands around, particularly after getting used to the workflow of applications like Photoshop. The differences between layer use and the creation of objects and shapes can be really strange at first hand.
In this tutorial I will show you how to create a Cool Beard Trimmer in Adobe Illustrator using some basic vector shape building techniques. I would also show you how to add depth and shading for shapes using complex gradients, Mesh tool, the Pathfinder options and some basic blending techniques.

Final Result

Let’s see what you will be creating in this tutorial.
Create a Cool Beard Trimmer in Illustrator - Final Result

Create a Cool Beard Trimmer in Illustrator

Step 1
Let’s start by creating a New document (Control + N). Select Pixels from the Units drop-down menu, enter 800 in the width and height boxes then click on the Advancedbutton. Select RGBScreen (72ppi) and make sure that the Align New Objects to Pixel Grid box is unchecked. Click OK
Create a Cool Beard Trimmer in Illustrator
Step 2
Select the Rectangle Tool (M) and create a 160 x 545px rectangle shape. Fill it with a light blue.
Create a Cool Beard Trimmer in Illustrator
Step 3
Take the Direct Selection Tool (A), select the two anchor points highlighted by the red circles (in the following image) and drag them inward 20px respectivly.
Create a Cool Beard Trimmer in Illustrator
Step 4
The Live Corners feature is only available for CC users. The best solution to replace this effect would be the Round Any Corner script that can found in this article: Scripts for Adobe Illustrator (JavaScript) that you can also download directly here. Grab the Direct Selection Tool (A) and select the two anchor points highlighted by the red circles (in the following image), go to File > Scripts > Other Script. Open the Round Any Corner Script and drag the slider to 50px.
Create a Cool Beard Trimmer in Illustrator
Step 5
Now take the Ellipse tool (L), create a 85 x 45px shape and place it as shown in the following image. Send this shape to the back by choosing Object > Arrange > Send to Back. Select our blue shape and make a copy in front (Control-C > Control-F). Then select the shape made in this step and our blue copy and click the Minus Front button from the pathfinder panel.
Create a Cool Beard Trimmer in Illustrator
Step 6
Grab the Direct Selection Tool (A) and select the two anchor points highlighted by the red circles (in the following image), go to File > Scripts > Other Script. Open the Round Any Corner Script and drag the slider to 20px.
Create a Cool Beard Trimmer in Illustrator
Step 7
Make sure that your blue shape is selected. Take the Pen Tool (P) and add four anchor points as shown in the following image. Now with the Direct Selection Tool (A), select the two anchor points highlighted by the red circles (in the following image) and drag them outward 10px respectivly. Then select the two anchor points highlighted by the blue circles and drag them inward 3px respectivly.
Create a Cool Beard Trimmer in Illustrator
Step 8
Take the Direct Selection Tool (A), select the two anchor points highlighted by the red circles (in the following image) and go to File > Scripts > Other Script. Open the Round Any Corner Script and drag the slider to 15px. Select the two anchor points highlighted by the blue circles and click the Convert selected anchor points to smooth button in the top panel.
Create a Cool Beard Trimmer in Illustrator
Step 9
Make sure that our blue shape is selected and go to Effect > Warp > Arc Upper. Enter the settings shown below. Then go to Object > Expand Appearance.
Create a Cool Beard Trimmer in Illustrator
Step 10
Select our blue shape and make two copies in front (Control-C > Control-F> Control-F). Select the top copy and move it 40px to the top. Then select the Rectangle Tool (M) and create a 240 x 530px rectangle shape.
Create a Cool Beard Trimmer in Illustrator
Step 11
Now select the rectangle shape made in the previous step and the top copy of our blue shape and click the Unite button from the pathfinder panel. Select the resulting shape and the other copy of our blue shape and click the Minus Front button from thepathfinder panel. You should have a resulting shape as shown in the last image.
Create a Cool Beard Trimmer in Illustrator
Step 12
We’ll give a little color to it all. Select the bottom shape and fill it with gradient as shown. Then select the second shape and fill it with gradient as shown below.

Conclusion

As difficult as it looks I’m very sure if you follow my tutorial you will find a lot of help using your skills and images to produce your own creation! Ones again Thank you for using our tutorial, we will be very happy to answer any questions that you may have, You can simply leave a feedback and or a comment below.

Download Result Source Files

Post a Comment

0 Comments