In this following聽monster illustrator tutorial you will learn how to create a cute quadruped monster聽character design. This is a beginners illustrator tutorial. You need to have Illustrator CS4,CS5, CS6 or Illustrator CC in order to follow along. You need to have the basic knowledge of Adobe illustrator and be able to work with tools such as: Pen Tool, Gradient Tool. You will also need to have the basic drawing and sketching skills to complete the monster illustrator tutorial.
Make sure you visit other Photoshop and Illustrator Tutorial聽posts such as:
First make couple of sketches聽even if you are terrible at drawing. Don’t spend too much time on the drawings and don’t detail them. Every monster character design sketch needs to be created in less then a minute. Always create different characters. For example: if your first sketch is with a big head and small聽tentacles, the next design should be the opposite ( small head long tentacles ). Tend to have more then 10 character designs.聽The more characters, the bigger the聽diversity is. Tend not spend more then an hour on your sketches.
This is the result i have chosen for the cute聽Quadruped Monster Illustrator Tutorial.
STEP 1- Create 2 circles as it is show in the image bellow. Pick the P key聽on your keyboard to activate the Pen Tool. Draw a rounded triangle sort of shape as it is show in the image bellow. Go to Window -> Pathfinder and make sure that Pathfinder is selected. Press the V key on your keyboard to activate the Move Tool. Select the 3 shapes and press on the “Unite” button from the Pathfinder menu ( see image bellow ). The shape is now ready for a gradient. This complete’s the background outlines section of the cute quadruped monster illustrator tutorial.
STEP 2 – Select the background shape you have created.The size of the background shape should be –聽Width 645 and Height 410. Press the G key on your keyboard to activate the Gradient Tool. The Gradient needs to be Radial. Apply a gradient to the background shape. Set the inner color to be聽2ae2ff and Location 0%. Set the outer color to be聽00adff and Location 100%. The position of the gradient is shown in the image bellow.聽This complete’s the gradient section of the cute聽quadruped monster illustrator tutorial.
STEP 3 – Select the Pen Tool and start outlining the drawing you have. We have created 2 shapes for the Quadruped聽character. Shape 1 is the head and 3 tentacles. Shape 2 is the forth tentacle and it’s going to be behind Shape 1.The shape of the quadruped聽is going to be Width 275 and Height 360.
STEP 4 -Press聽the G key on your keyboard to activate the Gradient Tool. Select Shape 1 and add a gradient.Gradient needs to be Radial.聽Set the inner color to be f94690聽and Location 12%. Set the outer color to be聽00adff and聽Location 100%.聽The position of the gradient for Shape 1 is shown in the image bellow.
Press聽the G key on your keyboard to activate the Gradient Tool. Select Shape 2 and add a gradient.聽Gradient needs to be Radial. Set the inner color to be 300038聽and Location 0%. Set the outer color to be 5c156b聽and Location 100%.聽The position of the gradient for Shape 2 is shown in the image bellow.
STEP 5 – Create an ellipse and a triangle as it is shown in the image bellow. Now repeat STEP 1. Simply select Shape 1 and Shape 2 and press UNITE to merge the 2 shapes. You have created the Speech Bubble shape.The size of the Speech Bubble Should be –聽Width 175px and Height 190px.聽Then press the P key on your keyboard to activate the Pen Tool.聽Outline the heart and you are done. The size of the Heart聽Should be –聽Width 107px聽and Height 85px.Now you have the speech bubble and the heart outlined. In the next step we are going to color them.
STEP 6 – You need to apply a gradient to the Hearth shape and the Bubble Speech shape.
Press聽the G key on your keyboard to activate the Gradient Tool. Select Bubble Speech shape聽and add a gradient.Gradient needs to be Linear.聽Set the inner color to be ffffff聽and Location 0%. Set the outer color to be cfe2df聽and聽Location 100%.聽The position of the gradient for Bubble Speech shape聽is shown in the image bellow.
Press聽the G key on your keyboard to activate the Gradient Tool. Select Hearth shape聽and add a gradient.聽Gradient needs to be Linear. Set the inner color to be ff0b51聽and Location 12%. Set the outer color to be 8d0022聽and Location 100%.聽The position of the gradient for Hearth shape聽is shown in the image bellow.
In the next step we are going to learn how to add shadow where the聽tentacles聽meet the ground.
STEP 7 – Create an ellipse聽– width around 100px and height around 15px. The ellipse will be the shadow under the tentacles. Add a radial gradient to the ellipse.Make sure to squash the gradient so it will have the same form as the ellipse. Color 1 will be Black (000000), Location 0%, Opacity 100. Color 2 will be also Black (000000), Location 85%,Opacity 0%. Duplicate the ellipse 4 times and place each ellipse under each tentacle. The result can be seen in the image bellow.
STEP 8 – Create 3 ellipses.Base eye ellispe – width 78px and height 100px.Iris ellipse – width 36px and height 45px.Pupil ellipse – width 22px and height 28px. Position them as it is shown in the image bellow.
STEP 9 – Add Radial Gradients to the Base Eye shape and Iris shape.The Pupil will have a solid color.
Base Eye Gradient –聽Color 1 will be white聽(ffffff), Opacity 0%, Location 50%聽聽 and 聽Color 2 will be Pink聽(聽ff6abd ), Opacity聽60%, Location 100%.
Iris Gradient –聽Color 1 will be Green聽(8ab232), Opacity 100%, Location 47% 聽and 聽Color 2 will be Blue聽( 1b8fef聽), Opacity 100%, Location 88%, Opacity 100%.
Pupil – Set color to be Dark Grey (聽2a3033 ).
STEP 10 – Create 3 shapes for the reflections of the eye. The shapes are shown in the image bellow.The 1st highlight dot will be positioned at the top right boarder where the聽Pupil聽meets the Iris.The 2nd highlight dot will be positioned at the bottom left聽boarder聽where the聽Pupil聽meets the Iris. See the image bellow.
Create a curved shape as it is shown in the image bellow. Set the gradient to be聽–聽Color 1 will be white聽(ffffff), Opacity 100%, Location 0%聽聽 and 聽Color 2 will be white聽(ffffff) again, Opacity 0%, Location 100%.
STEP 11 – Create couple of ellipses with different sizes. The shouldn’t be bigger then 15 x 15 or smaller then 3 by 3 pixels. Create around 10 ellipses. Give them all the same color ( fc6bad聽). Position them right under the eyes on both sides.
STEP 12 – Draw a shape as it is shown in the image bellow. Then add a gradient to it.聽Set the gradient to be聽–聽Color 1 will be Dark Red聽(630020) , Opacity 100%, Location 0%聽聽 and 聽Color 2 will be Red/Orange聽(聽df3122 ) again, Opacity 100%, Location 100%.
STEP 13 – Pick the P key on your keyboard to activate the Pen tool. Draw 2 lips on top of the edges of the mouth. The Top Lip will have a Dark Purlple color ( 7d2589聽). The Bottom Lip a light. Simple make tiny outlines. We don’t use Strokes because they will make bold the joints where the 2 lips meet. Using the Pen tool gives us control on the thickness聽of lips and that’s what we want.
STEP 14 – Create 2 shapes for the teeth of the monster. One tooth (the bigger tooth) needs to be on top and the other on the bottom ( the smaller tooth ) of the mouth.聽The gradient for the teeth will be the same. Set the gradient to be聽–聽Color 1 will be Pink聽(f7b0e5) , Opacity 100%, Location 0%聽聽 and 聽Color 2 will be White聽( ffffff聽) , Opacity 100%, Location 100%. The gradients ( color 1) will start from the base of every tooth.
This is the result that you get after completing STEP 14. I hope that this tutorial will inspire you to create other monster characters. If you liked the tutorial share the link on twitter, facebook, google +, pinterest and other social networks. Regards ile
ilcho bogdanovski is a designer and enthusiast who loves to create photoshop tutorials. He also loves to write articles about design and software used in the creative process