Illustrator making flat animal cartoon head drawing tutorial

Source: Internet
Author: User
To give you illustrator software users to detailed analysis to share the production of flat animal cartoon portrait of the Drawing tutorial.
Tutorial Sharing:
1. Create an elegant Siamese cat
1th Step
First, a rounded cat's face made from an elliptical tool (L) with a size of x px. Fill this circle with light brown.

2nd Step
Use the Direct selection tool (A) to select the anchor points on both sides and pull them downward to change the shape of the face.

3rd Step
Now let's make the cat's ears. Select the Polygon tool and make a triangle of approximately x px size. Use effect > Deformation > Extrude and set Vertical bending value to 40%.
The effect of applying objects > expanded skins to this shape. Use the Direct selection tool (A) to select the above anchor point and click the conversion angle in the property panel above to make a smooth angle for the smooth button. Shorten the anchor handle of this anchor point and drag it upward to make the ear more sharp.

4th step
Select the nose, copy and paste it in front (Control-c > Control-f). Make the new copy shape smaller and fill it with chocolate brown. Rotate the ear and place it on the left side of the head, placing it at the bottom (control-shift-[), underneath the head shape. Flip the ear by double-clicking the Mirror Tool (O) icon on the tool panel to make a copy and place it on the opposite side of the head.

5th step
Let's make the top portion of the flat head. Select the shape of the head, select the Eraser tool (SHIFT-E), and hold down the ALT key to draw a flat-long rectangle across the head. Now we cut this shape into 2 parts. Select the unwanted part and delete it.

6th step
Make a pink 3-shaped nose with a polygon tool. Select the nose to drag the control point of the real-time corner to make the shape circle. If this feature is not available in your Adobe illustrator version, the effect > Styling > Fillet can do the same.

7th step
Make another ellipse and place it in the face so that it touches the tip of the nose. Using the nose as a key object, align the ellipse to the nose. To do this, you need to select 2 shapes and hold down the ALT key when you click the nose shape. You will see a thick stroke around your nose to indicate the key object. Go to the Alignment panel and click the Horizontal center alignment.
Then select the Anchor Point tool (SHIFT-C) and move down the anchor handle of the bottom anchor point to about 45 °. Use a guide to move the anchor handle to the same distance (you can pull the Add Guide (control-r) from the ruler on your artboard).
Fill the face with the same color as our ears and use the eyedropper tool (I) to select the color. Add a smaller, light brown oval below the face, depicted as a lower jaw.

8th Step
Now let's make eyes! Make an ellipse, select its anchor point to the right, and convert it to a sharp angle using the conversion menu on the Control Panel. Fills the ellipse with a light blue and adds another ellipse above it as the iris.
We need to remove the overlapping portions of the iris and the edge of the eye. Select the two ellipses, and then use the Shape Generation tool (SHIFT-M) to hold down the ALT key and click on unwanted fragments to erase the upper part of the iris.
Rotate the eyes a little and use the Mirror tool (O) to create a copy of the mirror.

9th step
Make 2 light brown ellipses as our cat's eyebrows, and add 2 small white circles as the eyes of the high lights.
Create a light pink oval, place it at the top of the nose, and then use the Shape Generation tool (SHIFT-M) to hold down the ALT key to remove unwanted parts, so add more detail to the nose.

10th Step
Let's create a trendy flat shadow that covers half of the cat's head. Group all parts of the cat (control-g), copy the grouping and paste it in front (Control-c > Control-f). Leave the copy selected and merge the parts in the Pathfinder panel to produce a separate shape. The blending mode that changes the silhouette is a multiply-stacked, making it translucent.
Finally, select the silhouette, select the Eraser tool (SHIFT-E) and hold down the ALT key to pull your mouse over the left part of the cat's head, covering it with a white rectangle. Release the mouse button to remove the overwritten fragment.

Here we are to finish him! Our flattened cat has been finished. Let's start making the next cheerful puppy.
2. Draw a cheerful puppy
1th Step
As before, we first form an image from an X px circle. Move the 2-side anchor point down a bit so that the shape is protruding, and then rub the top part with the eraser tool (SHIFT-E).
Select the left anchor point with the direct Selection tool (A) and press ENTER to open the Move Options window. Set the horizontal position value to -5px, the vertical position value is 0px and click OK, so move the anchor point 5 pixels to the left.
The anchor point on the right is also handled in the same way, setting the horizontal move value to 5px and moving it to the right 5 px.

2nd Step
Select the anchor points on both sides and convert them to sharp corners. Use the Anchor Point tool (SHIFT-C) to adjust the position of the anchor handles and move them up, making a smooth curved facial line.

3rd Step
Let's use the Polygon tool to form an ear from an X-px triangle. Select the Curvature tool (control-') to make the edges of the triangles become more round and convex. If you are using an earlier version of Adobe Illustrator, you will not have this tool, as before you can use any effect > distortion > Extrude.
Select the anchor point above to make it smooth and pull a little to the left to tilt the shape. Go to the object > Path > Offset path and set the offset value to -3px to form the inside of the ear. Fill with light gray.

4th step
Rotate the ear and place it on the left side of the head. Use the Mirror tool (O) to create a copy of the mirror on the other side.

5th step
Form a dark gray nose from a flattened ellipse and drag the anchor point below it a little. Make two superimposed grayish ellipses below the nose, group them and align them horizontally with the face, making the shape of the face a key object.

6th step
Now let's make an interesting stick out of the tongue! Create a light pink rectangle with the rectangle tool (L) and place it underneath the light gray ellipse. Select the anchor point below and push the real-time rotation to the maximum so that the shape at the bottom of it becomes rounded. Select the line Segment tool () and hold down the SHIFT key to draw a vertical stroke. You can circle the end of the line in the Stroke panel.

7th step
Let's move to the eye. Make a dark blue oval and cover it with an ellipse of any color underneath it. Select 2 shapes and use the Shape Generation tool (SHIFT-M) to remove the portion of the bottom of the eye that is covered by the ellipse. So we can make an interesting appearance. Add a dark iris to the eye and a small white high light.
Rotate your eyes a little and create a second one on the other side of your face.

8th Step
Create 2 light gray positive circles, covering the eyes. Then add 2 larger circles, overlay and overlay the bottom of the face, as shown in the screenshot below. Select the following circle and use the Shape Generation tool (SHIFT-M) to remove the outer part of the face.
Select all 4 new fragments and merge them in the Pathfinder to create a facial mask. You can remove the interval at the center of the face by clicking its edge with the direct selection tool (A) and deleting it.

9th step
Make 2 small rounded rectangles as eyebrows, make the dog look friendly and cheerful, and finally create a subtle shadow in the right half of the face.

3. Make a lovely raccoon
1th Step
First we shape the face from a pale blue circle of x px. Flatten it a bit to make the graphic wider. Pull the anchor points down a few pixels down and convert them to acute angles from the transition menu of the upper toolbar.
Make a copy of the ear of our cat and color the ears with the colour of the raccoon's head and place it on both sides of the end.

2nd Step
Make a nose from a dark gray oval of x px and pull the anchor point up the top. Creates another ellipse with a dark gray stroke and sets the fill color to none in the color panel. Select the Scissors tool (C) and click on the left and right anchor points to divide them horizontally into 2 equal ellipses. Remove the next half and make our raccoon smile.

3rd Step
Make a small copy of the shape of the face, fill it with white and place it under the nose. Add 2 small black eyes with white high light, group them and align them horizontally in the alignment panel, making the face a key object.
Copy the facial shape again, make a smaller copy, fill it with dark blue, and place it on the bottom of the face to form a mask.

4th step
Let's cut the mask into 2 ellipses and create 2 spots around the eye. Select the Rectangle tool (M) and draw a vertical stripe through the middle of the face. Select masks and Stripes and use the Split function in the Pathfinder to cut all shapes. If so, delete unwanted fragments. Place the ellipse underneath the eye you created, and make the corners suitably rounded.
Finally, add a flattened shadow to the right half of the face. Now we can move on to the next!

4. Make a friendly Panda
1th Step
Make a fluffy face from a 60*60px beige and move the anchor points on both sides of it down.

2nd Step
Copy the nose area from our dog's icon and set the stroke's color lip to dark gray so that the contour is not visible. Select 2 Oval outlines (without noses) and merge them in the Pathfinder.
Select the Scissors tool (C) and click on the anchor points on the 2 edges of the shape outline to separate them. Cut off the top half and form a friendly smile for our pandas.

3rd Step
By copying our eyes from our raccoon graphics, we form a large dark gray blob around our eyes. Make a flattened ellipse and rotate it a little to the left. Use the Mirror tool (O) to make a copy and flip horizontally to the other side of the face. Fill the eyeball with white so that they are visible on dark spots.
Keep Eyeball selected, use object > Path > Offset path and create a small pupil in the eye of the -1px offset value.

4th step
Add a dark gray ear to the panda's head and finally form a translucent shadow on the right side of the face.
Well done! Let's move on!

5. Create a smart Bear
1th Step
First, make a bear's face from a circle of x px. Move the 2-side anchor point downward, and the top anchor point moves upwards to make it look like an egg.
Use the Eraser tool (SHIFT-E) to flatten the top of the head. And make the corners of the graph slightly rounded.

2nd Step
Add 2 rounded ears to the top of the head, group and align them horizontally, and use the head as a key object. The offset value of the -3px is given by the path offset function to form the dark part of the ear.

3rd Step
Make a wide, dark brown nose from a flattened oval. Then let's form the nasal bridge. Select the Rectangle tool (M) and make a light beige shape and place it behind the nose. Use the move Options panel to move the anchor point on the top left to the right 5px. Do the same with the anchor on the right, move it in the opposite direction, and get the top of a narrow nose bridge.
Turn the corners of the rectangle round. With real-time rotation, you can change the roundness of each rectangle angle. For example, you can select only the top anchor points, so by dragging them to the maximum worth 100% roundness.

4th step
Add a small oval below the bottom of the nasal bridge to form a lower jaw. Add eyes to the face of the bear, and if you think the bear's face is too dark, you can make the brown part brighter.
Finally, add a shadow to the face of the bear.
That's great! We have only one last image left!

6. Make a sly fox
1th Step
Once again, we first form the Fox's face from our familiar orange circle of x px. Push the 2-side anchor point down a bit and convert it to an acute angle, causing the side of the face to become sharp. Convert the following anchor point into a corner and then form a sharp nose.

2nd Step
Select the ear from our raccoon graph and place it on both sides of the Fox's head to adjust the color. Place the black oval on the bottom of the face and cover the area of the nose. Use the Shape Generation tool (SHIFT-M) to remove the outer part of the face to form a black pointed nose.

3rd Step
Create an ellipse, as shown in the following image, superimposed on the left side of the Fox's face. Use the Mirror tool (O) to make a flip copy on the opposite side. Select the ellipse and use the Shape Generation tool (shift-m) to delete those parts outside the face. Fill with a light beige to form the cheek. Finally give our Fox add 2 shiny small eyes.

4th step
Rotate the tip of the nose with the help of a real-time turn-around function. Then let's add some more details for the Fox!
Make a small, light orange flattened oval and place it on the left side of the nasal bridge. Select this shape, press and hold alt-shift and pull the ellipse to the right to make a copy. Press Control+d to form more copies at once. Make more columns of ellipses and place them in the vertical and horizontal positions. In this way, we depict a stylized fur fox's nose.
Don't forget to add a soft high light to your nose and a small, light shape at the top of your nose.

5th step
Add a soft shadow to the right of our sly Fox.

7. Create a long projection of the icon
1th Step
Now that we have 6 flat-style animal images, let's put them on a set of colored circles and create icons.
Make a round of the green turquoise of the X-px size as the base of the icon and place it in the middle of the raccoon's head.
To create an X-px square as a shadow base, hold down the SHIFT key to rotate it 45 °.

2nd Step
The blending mode of the converted rectangle is a positive overlay, so that it is translucent and placed on top of the raccoon. If necessary, make the shape narrower and move it to find a position that can cover 2 spots on the head. In our case, its ends are on the right side of the ear and on the left side of the face. Add 2 anchor points on these spots using the Add Anchor Point tool (+), then go to the Delete Anchor Point tool (-) and remove the unwanted anchor points at the top of the rectangle, placing the top shape below the raccoon's head.
Place the shadow below the head and use the Shape Generation tool (SHIFT-M) to remove the unwanted fragments from the icon and-see-we have a fancy-style icon with a trendy flat shadow already done! Create a circular icon with the same technique for the rest of the animal icons.

Very good! Our flat animal icon has been completed!
Funny, huh? I hope you will like to create these cute flat animal icons and learn some new ideas and methods, using ellipses, Pathfinder panels, and shape generation tools! Please continue to focus on the new tutorials and don't forget to show your results in the comments below!

Well, the above information is small make up to you illustrator of this software users brought the detailed production of flat animal cartoon head of the drawing tutorials to share the whole content of the you see the users here, small knitting believe that everyone is now very clear the way to draw the bar, Then you go to follow the small series of tutorials yourself to try to draw it.

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.