From manga-style art and comic books to children’s books, many types of illustration utilize character design. Character design is typically a 2D character concept based on the description of a character. Using Illustrator, you can take a rough sketch or even a blank slate and turn it into a unique and compelling character in no time!
You can easily base a new drawing off an existing piece of artwork by tracing it. If you sketch on paper, you can take a picture of it and import the image into Illustrator. Use Image Trace to quickly convert raster images (.JPEG, .PNG, .PSD, etc.) to vector artwork (shapes and paths) that you can edit and resize without losing crispness.

You can also use layers in the Layers panel to lock and dim the photo of your initial sketch and draw over the top using the Pen tool, Curvature tool, Paintbrush tool, or Pencil tool. The Paintbrush and Pencil tools can create more expressive lines and are similar to drawing on paper—perfect for inking or drawing over the pencil lines of your character.
Steps To Create Pixel Art Characters In Adobe Illustrator
To add more form or expression to your lines, perhaps with a taper, apply a brush either as you draw or to paths you’ve already created. Using the Brushes panel and built-in libraries, you can stylize your artwork in unique and creative ways.
When drawing paths for your character, you can colorize the open areas using the Live Paint Bucket tool. It’s like coloring on paper—if you edit the paths after coloring, Illustrator automatically reapplies the color to the new regions that are formed by the edited paths.
To give characters different poses, you can use the Puppet Warp tool in the toolbar to twist and distort parts of your artwork. You can add, move, and rotate pins to seamlessly transform your artwork into different variations that create nuance and even inject humor into your character design.This new tutorial is quite unique—unlike the other tutorials we’ve done in the past, this one is more like a game. First we will create many different elements of character from scratch, and then we will use these elements to create different characters. I promise you that you will have lots of fun combining different parts together and experiencing the excitement of creating various characters.
Creating Male Cartoon Characters In Adobe Illustrator
Envato Market is a great place where you can find many character kits and mascot kits and where you can always find your inspiration. I'll let you in on a secret: that's the place which inspired me to write this tutorial for you!
After opening Adobe Illustrator and creating a new document with 600 x 600 px Width and Height, we will start by drawing the head, which will be the same for every character.
Using the Ellipse Tool (L), draw an oval. In the image below, you can see which fill color you need. To give the head an irregular shape, go to Effect > Warp > Inflate. Enter the options you see below.
Outstanding Character Design Tutorials
Create two more circles, which overlap each other as in the image below. Go to the Pathfinder panel and press the Minus Front button. Now, create a circle using the same fill color as the head. Place the crescent moon shape on the circle that you just created. We have our ear.
Since this was the left ear, we’ll put it on the left side of the head. While keeping it selected, take the Reflect Tool (O). Hold down the Alt key and then click the forehead, in the center of the face.
A tiny ellipse on the face, close to the left ear, will show the blush on the left cheek. It needs to be slightly tilted to the right. Using the Reflect Tool (O) again (Vertical, Angle 90 degrees, Copy), create the right cheek.
How To Make Pixel Character In Adobe Illustrator
Using the Rectangle Tool (M), draw a small rectangle under the head. While keeping it selected, go to Effect > Warp > Arc Lower and enter the following options:
Create three more heads like the previous one by copying-pasting. Play with colors and create different skin types, or just enter the color codes you see below.
On to the eyes—the windows to our souls. To create an even circle, use the Ellipse Tool (L) while holding down the Shift key. Then add a smaller, darker circle inside (Control-C, Control-F). Add two more tiny white circles to add sparkles to the eyes.
Adobe Illustrator Cc: Learn To Create Simple Flat Vector Characters
While holding the Shift and Alt keys, move this eye to the right. You will get another copy of it to complete the eyes. For your convenience, group the eyes together (right-click > Group).

Let’s add the eyebrows. Create two circles, which overlap each other, as in the image below. Be sure that the bigger one is over the smaller. Go to the Pathfinder panel and press the Minus Front button.
Place the left eyebrow over the left eye. While keeping the left eyebrow selected, take the Reflect Tool (O) and while holding down the Alt key, click between the two eyes.
Top 16 Tutorials To Learn Adobe Character Animator [2022]
We will now duplicate the set of eyes and eyebrows to create different variations of this set. Change the colors of the eyes and the eyebrows, or even tilt the eyebrows a bit to create different varieties.
Let’s tackle the mouth. When you create this on your own, you just need a white colored mouth, minus the black strokes—I just have the black strokes in the first few images below so that you can see better.
Let’s first create a little white ellipse, and then, using the Convert Anchor Point Tool (Shift-C), make the left and right anchor points sharp by clicking on them. Select the top and bottom anchor points (with the Direct Selection Tool (A)) and move them down by pressing the Down Arrow on your keyboard.
Adobe Illustrator Essentials For Character Design
By moving the handles of the anchor points of the mouth, you can create many different variations of the mouth. You can also just draw a tiny ellipse like the last one in the image below, to show a singing or surprised mouth.
We will use the Warp Tool (Shift-R) to style our hair. But first, we want to create one brown ellipse behind the head and one small ellipse in the forehead—these two elements will be used to stretch out—or style—the hair.

Double-click on the Warp Tool (Shift-R). Enter the options you see in the image below. Note that the arrows in the image show how to move your mouse.
How To Create Characters In Illustrator: 7 Unique Vector Kits
It is very important to select the object before you use the Warp Tool (Shift-R)—otherwise you will spread other objects surrounding it.
Another idea for a hairstyle. All the hairdos here are just ideas to spark your creativity—be as creative and wild as you want!
Take the Rounded Rectangle Tool and create two rounded rectangles, one over the other. You can choose any color, so be creative here. Just keep in mind that the first one needs to be a slightly darker color.
Character Animator Tutorials Part 4: Rigging And Tools
Select one rectangle and go to Effect > Warp > Arc. Enter the options you see below. Both rectangles have the same options. Expand the rectangles: Object > Expand Appearance.
Draw a rectangle with any fill color and place it as shown below, covering the lower part of the rounded rectangles. We will use this as a cutter. Keeping it selected, create a copy in front (Control-C, Control-F).
Select the first rounded rectangle and the cutter, and press the Minus Front button on the Pathfinder panel. Select the copy of the cutter and the second rounded rectangle and press Minus Front in Pathfinder. This is the upper part of the torso, the shoulders and the chest.

How To Create Vector Avatar Characters With Adobe Illustrator
Take the Polygon Tool and click on your art board. In the new dialogue window, enter 3 Sides and press OK. You will get a triangle. Place it as shown in the image below as part of the collar. Using the Reflect Tool (O), make a vertical copy of this triangle to complete the other part of the collar. Add a couple of circles to the shirt as buttons.
Duplicate the previous shirt and create a copy of the chest part (not the collar, not the sleeves) in front (Control-C, Control-F). Apply a contrasting fill color. Then draw a triangle (no fill color, any stroke color) using the Polygon Tool and place it on the top—it will create a V-neck style. Add two ellipses using the Ellipse Tool (L)—these will create the additional cuts to our vest. Select the two ellipses, the triangle, and the contrasting chest part of the shirt, and then press Minus Front in Pathfinder.
Create a copy of the outfit you made in the previous step and change the fill colors. You just got another outfit!
Character Design Tutorials For Adobe Illustrator
Duplicate some of the previous outfits, delete the collar, and add a few stripes. Use the Intersect button on the Pathfinder panel to cut out stripes. This outfit looks like a long-sleeved, striped t-shirt.
Time to see what we created so far! Combine all the elements you made and create different characters. Here are a few characters that I came up with:
For the gentle, singing boy, we will add a bow tie. Use the Polygon Tool to create a triangle. After making it narrower, rotate it
0 Comments
Posting Komentar