To give you illustrator software users to detailed analysis to share the drawing of six flat style cartoon small animal portrait of the tutorial.
1. Create an elegant Siamese cat
First from an elliptical tool (L) produced by the 60*60 px size round into the cat's face. Fill this circle with light brown.
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.
Now let's make the cat's ears.
Select the Polygon tool and make a triangle that is about the size of PX. Use effect > Deformation > Extrude and set Vertical bending value to 40%.
The effect of applying objects > expanded skins to this shape. Select the above anchor point with the direct Selection tool (A) and click the conversion angle in the property panel above to make a smooth corner.
Shorten the anchor handle of this anchor point and drag it upward to make the ear more sharp.
Select the nose, copy and paste it in front (Control-c > Control-f). Reduce the shape of the new copy 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.
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.
Make a pink 3-shaped nose with a polygon tool. Select the nose, 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.
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.
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.
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 remove unwanted parts by holding down the ALT key, so add more detail to the nose.
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, pull your mouse to the left of the cat's head, and cover it with a white rectangle.
Release the mouse button and remove the overwritten fragment.
Here we are to finish him! Our flattened cat has been finished. Let's start making the next cheerful puppy.
As before, we first form an image from a circle of PX. 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 0 px and click OK, so the anchor point is moved to the left by 5 pixels.
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.
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.
Let's use the polygon tool to draw an ear with a triangle of PX. 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.
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.
Draw a flattened oval into a dark gray nose and drag the anchor point below it a little.
Make two superimposed grayish ellipses underneath the nose, and shape the face as a key object, grouping them and aligning them horizontally with the face.
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.
Let us come to the eye of the making.
Draw a dark blue ellipse 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're going to make an interesting shape. 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.
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.
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, making a lovely raccoon.
First we shape the face from a light blue circle of 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.
Make a nose from a dark gray ellipse of 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.
Copy the shape of the face, make a smaller copy, 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.
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!
Make a fluffy face from an PX light beige and move the anchor points on both sides of it down.
Copy the area of the nose from our dog's icon and set the stroke color, and the lip is 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.
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 the eyeball selected, use the object > Path > Offset path and create a small pupil in the -1px offset value of the eye.
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!
First, make a bear's face from a 60*60 px circle. 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 turn the corners of the shapes slightly round.
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.
Make a wide, dark brown nose from a flattened oval.
Then let's draw the nose bridge, select the rectangular 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.
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!
Once again, we first form the Fox's face from our familiar orange circle of 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.
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.
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.
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 nose.
Don't forget to add a soft high light to your nose and a small, light shape at the top of your nose.
Add a soft shadow to the right of our sly Fox.
7, create a long projection of the icon
Now that we have 6 flat-style animal images, let's put them on a set of colored circles and create icons.
Make a 106*106 px size turquoise Circle as the base of the icon and place it in the middle of the raccoon's head.
Create a 80* px Square as a shadow base, hold down the SHIFT key and rotate it 45 °.
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, using the Shape Generation tool (SHIFT-M) to remove unwanted fragments outside the icon.
Look at that! A trendy flat-shaded fancy icon has been completed! 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 a small series for the users of this software illustrator to bring the detailed drawing of six flat style cartoon small animal portrait of the full content of the tutorial to share, you see the users here, small knitting believe that everyone is now very clear the way to draw the bar, Then you should go to the small part of the tutorial on the sharing of the tutorials themselves to try to draw it.
