You are on page 1of 43

Create a Set of Fun Chat

Stickers in Adobe
Illustrator

1. Creating the Basic Character Design
Step 1
For a project like this, I like to start with the face of my character. Since the majority
of the design is just a head (for the sake of this tutorial), it's the best place to begin
anyway.
1. Using the Ellipse Tool (L), draw a circle. This will form half of the head.
2. Use the Pen Tool (P) to draw the lower left half of the jaw. Note how the
jawline curves around to the chin softly, but moves upward at a right angle.
3. Here you can see the placement of the lower left jaw. I often start a jaw on the
left side of a circle, making sure it aligns with both the horizontal and vertical
centers.
4. Copy (Control-C), Paste (Control-V), and Reflect the left jaw to create the
right side.
5. After making sure each component of the head aligns as you'd like, Unite all
three shapes in the Pathfinder panel. Delete any extraneous anchor points
with the Delete Anchor Point Tool (-).

Step 2
The ear is a fairly simple process. You'll need two of these for your final design
(unless hair or additional design elements obscure them completely, in which case
feel free to skip this step).

Draw a circle with the Ellipse Tool.

Use the Direct Selection Tool (A) to pull the lower anchor point downward.

Angle the lower anchor point to the right.

Manipulate the anchor point's handles so the shape is rounded and looks
more like an ear.

Copy, Paste, and Reflect the ear so you have two. Align them on either side
of the head.

3. Draw your character's lash line or eye lashes. Apply the gradient to the white of the eyes (the raindrop-like shape). 2. the eye also begins with a simple circle. 5. 4.Step 3 Much like the head and ear. Unite the two shapes in the Pathfinder panel. Use the Pen Tool to draw a sharp point at the lower left of the circle (on the diagonal) and follow the contour of the circle to the center. Open the Gradient panel to recreate the Linear gradient seen below: dark purple ( #2a0551 ) to white to dark purple again. depending on what details you'd like to add. Draw a smaller dark purple circle for the eye's iris and place it beneath the lash line shapes in the Layers panel. Note how these shapes look a bit like a bird's head or a raindrop shape rotated on its side. 7. or simply outline the eye shape. 1. 6. . Draw a circle with the Ellipse Tool.

stars. . Group (Control-G) together your eye components. draw a half-moon shape over the top half of the eye in dark purple ( #2a0551 ). With the Pencil Tool draw some additional shapes in white to create shiny highlights (circles. With the Pen Tool. 1. Set the iris's fill color to your eye color of choice. Place it over the iris and white of the eye in the Layers panel. 4. Draw a smaller circle in the iris to form the eye's pupil. 2. Reduce the Opacity to 50% or less in the Transparency panel. 3. or hearts).Step 4 Let's add in some details to each eye.

5. 6. I chose little hearts rather than a traditional brow design. 3. The shadow below the nose outlines both nostrils and the philtrum above the mouth. 1. are like peachcolored ( #ff786b ) parentheses. I used the Pencil Tool. and adjust the position of the pupil and iris). The sides of the nostrils. Once again. . Draw some cute eyebrows. Paste. 2. The Linear Gradient goes from a rosy peach ( #ff786b ) to light peach ( #ffde9e ). Reflect. Step 5 For the nose. Start with teardrop-like shapes drawn for each nostril. Repeat these steps for the other eye (or Copy. drawn with the Pen Tool. Add additional details like little scallops (drawn with the Pen Tool or Pencil Tool) in the outer corner or define the eyelashes. a few simple shapes defining the nostrils and shadows do the trick.

2. Step 6 Let's complete the head. I added a stroke to the head shape of #ffae85 . The highlight shape (a messily drawn teardrop) goes from light cream ( #fff7d4 ) to light peach ( #ffde9e ). Group together all of the head components.4. Copy and Paste the head and go . 1. The ears are set to light peach ( #ffde9e ). Set the fill color of the head to a Linear gradient that goes from #ffae85 to #ffde9e to #ffbc8c .

2. Unite these copied components in thePathfinder panel. Drawing a Cute Hairstyle Step 1 Now that we've got the basic head of our character done. Set the Stroke width to 1–2 pt in the Stroke panel. Set the Fidelity slider to the right (though not all the way over). Set the fill color to dark purple and Align it behind the original head in the Layers panel. Double-click the Blob Brush Tool (Shift-B) to bring up its options. set the size to 1 pt. Make sure only Stroke is selected and hit OK. let's create her main hairstyle.to Expand under Object. As we'll simply be sketching with it. .

Delete the sketch so you're left with a single object for the hair. . Group together your sketched components and trace the hairstyle with the Pen Tool. I've opted for choppy bangs (fringe). 4. Think of the hair as being defined by large sections versus strands. start sketching out the character's hair. Using the Blob Brush Tool. 1. 2. Set the fill color to something bright and fun. Continue drawing the hair.Step 2 Make sure your head components are Grouped together. I chose purple ( #6f28ba ). Once you've completed the front portion of hair. This will allow you to keep your Layers panel organized. 3.

As such. Start with drawing a shape that denotes the hair being pulled behind the head into the elastic of the ponytail. 1. . we'll be drawing the following hair components behind the rest of the head.Step 3 My little character has a ponytail.

curly. Repeat what we did previously with tracing the sketch. or tied into a bun? 3. . The shape of the hair at this point is up to you: is it straight. Outline the hair components by placing stroked copies of them behind the original shape (as we did for the head) in the Layers panel.2. braided. Step 4 Now let's render the hair. 4.

1. 4. Using the Pencil Tool or the Pen Tool. draw gradient filled sections of hair that define shadows. Reduce the Opacity of your shadow shapes in the Transparency panel to your liking. . Note how the bangs have a shadow shape for each separation and what side they're on. 2. 5. The gradient goes from purple to dark purple. Play with additional shadow or highlight shapes in order to give your character's hair some fun variations. Add highlights or additional colors to your main hair design if you see fit. Further define the shadows and sections of the hair. I drew an inverted scallop shape on the ponytail. 3. Note how these shapes curve in such a way that mimics the contour of the ponytail.

Use the Pen Tool to add a couple of shadow shapes to the bow beneath the details drawn previously. 5. making sure your path is closed. Unite your bow components in the Pathfinder panel and set the fill color to something bright. . Don't forget to draw a connecting shape in the center of the bow. Group together your bow components and place the hair accessory on top of your character's head. 2. 3. Draw a lumpy heart shape with the Pencil Tool. Set the fill color to dark purple and its Opacity to 50%or less. Repeat on the other side. Use the Blob Brush Tool in order to draw details on the bow.Step 5 Now let's add a cute little bow. Outline your bow in the same fashion as we outlined the head and hair. 1. like the fuchsia ( #f01e8c ) seen below. 4.

Make several copies of the design as it is now (six in total).. We'll be using this icon as the basis for each character sticker within the rest of this tutorial. Expand (Object > Expand. ..Step 6 Finally.) the strokes of your character so the sticker base is forever scalable without having to change the stroke size later.

Current Status: Playing Games Step 1 Now we begin the fun! Let's start with a sticker for all of those times you want someone to know you're playing a game (or want to play a game with them!). Starting with the mouth. Fill in the center of the two curving lines with dark purple and the Pen Tool. Draw another. I've used the Blob Brush Tool to draw a line curving upward. 3. . 1. smaller line curving downward. 2.3.

Draw in the teeth. 7. The hands are cartoony and simple. . I drew mine with the Pencil Tool. Note how they follow the contour of the top lip and curve a bit on the bottom. not bothered about them being too detailed. though perhaps your design has a different shape to it. Fill in the top lip with a bright rose color ( #ff305a ). Note how it's a bit flat on the bottom edge. 9. Step 2 1. Outline the hands.4. Draw the top lip. Fill in the shape with peach ( #fe8c82 ). 5. Set the fill color to the same gradient as was used for the white of the eyes. Draw the bottom lip. 8. 2. consisting of only three fingers. Mine has no pronounced Cupid's Bow. 6.

This completes your first sticker. 4. Make sure to Expandany strokes before creating your outline.3. Group your design together and give it a thicker overall outline in the same manner as was done with the head and hair previously. . Then draw a brightly colored circle with the Ellipse Tool and place it behind the rest of the design. Current Status: Watching a Movie Step 1 Pass the popcorn! Next up is a chat sticker perfect for denoting something entertaining or letting others know you're viewing a fantastic film. Draw a rounded rectangle in gray and outlined in dark purple for the game controller. 4.

Duplicate the white frames of the glasses. Place this shadow shape behind the glasses in the Layers panel. 5. off to the lower right slightly.1. 3. . Draw a thin horizontal rectangle for the bridge of the glasses. Draw two rectangles over the eyes with the Rectangle Tool (M). Use the Direct Selection Tool to pull the Live Corners inward in order to round them out a bit. 4. Group all of your 3D glasses components together. You can also adjust the corners' radii in the Transform panel. 2. Draw two larger white rectangles behind the first two. Finally. Outline the glasses by adding dark purple strokes to the white object as we outlined the head previously in this tutorial. and set the fill color to dark purple and the Opacity to 40% in the Transparency panel. Unite the white rectangles in the Pathfinder panel. draw a couple curved shapes in each lens in white with their Blend Modeset to Overlay in the Transparency panel. 6. Set the fill color of the left one to teal ( #00d1c5 ) and the right one to fuchsia ( #f01e8c ).

Place this shape over the others. 2. Draw white stripes over the shape. Group together your objects and adjust the overall shape as wanted. 7. Use the Rectangle Tool to draw a rectangle the same width as the ellipse. The first copy will be set to a linear gradient that goes from dark purple at 100% to 0% to 100% with the opaque colors on the edges of the shape. Align the ellipse to the bottom of the rectangle (I manually aligned the bottom of the rectangle to the center of the ellipse). Group these components together. Use the Anchor Point Tool (Shift-C) to manipulate the handles of the top edge of the object so it curves downward slightly. 6. The second copy's fill color is set to dark purple with a stroke of 1–2 pt and set behind the other popcorn container shapes. 3. 5. our little chat sticker friend needs some popcorn. angle the bottom of the object inward. Copy and Paste two copies of the red base shape. Unite these shapes in the Pathfinderpanel and clean up any extraneous anchor points. Use the Ellipse Tool to draw a thin ellipse.Step 2 Now that she's got her 3D glasses on. Using the Direct Selection Tool. . following its contour. 4. Let's start by drawing a container for it! 1. Repeat on the other side.

go to New Brush > Scatter Brush. In the Brushes panel.Step 3 The popcorn will be made into a simple custom brush. Test out the brush with the Paintbrush Tool (B). . Outline the shape and make sure to Expand your strokes. Set the Rotationto Random and play with its angle as much as you need. Draw a puffy popcorn shape in light yellow with the Pencil Tool.

Set the cheek outline color to peach. Note the direction of each shape's curve. the lips to rosy red. The mouth on this sticker was created entirely with the Blob Brush Tool. Fill in the lips with peach and add highlight colors (light peach. 2. Start with two curved lines for the puffy cheeks. cream. or white) as you see fit. and the mouth opening to dark purple. .Step 4 1. 3.

Copy and Paste one of the hands from the previous sticker design so it looks as if she's chomping on the popcorn.Step 5 Let's put it all together! Use the custom popcorn brush you made to draw a couple of squiggly lines of popcorn behind the popcorn box. Give the final sticker design a thick outline to finish it. Expand the brush strokes and use the Magic Wand Tool (Y) to select the transparent boxes around the brush components to delete them. When you're satisfied with the placement of the popcorn brush. .

.

Using the Blob Brush Tool. I sketched out the basic look of the closed eye. outline-like shapes that curve over the closed eye. Set the fill color to peach. which covers most of the current eye. 1. . Current Status: Sleeping Step 1 For the sleeping status we begin again with the base head created earlier in this tutorial. Set these shapes to the same rosy peach as used on the nose. 3. Draw thin. 4. 2.5. Trace the closed eye sketch with the Pen Tool on both sides. Redraw or adjust the eyelash shapes and place the newly drawn eye components under the hair in the Layers panel.

3. If it helps. Delete the ponytail from your design. sketch it out first before drawing with the Pen Tool. With the Pen Tool draw a top of a hat (it looks a bit like a beret at this point). 5. Behind the head. 2.Step 2 1. This forms the sleeping cap. draw a cute curving shape. 4. Outline the top of the cap. It looks a bit like a ponytail. Outline the bottom of the cap. .

setting the H Space and V Space to 5 px. Adjust the corner radii by pulling in the live corners with the Direct Selection Tool.Step 3 Use the Star Tool to draw a yellow ( #ffbc04 ) star. and the Tile Type to Brick by Column. . In the Pattern Options panel create aNew Pattern.

Step 4 Copy and Paste the main sleeping cap pieces and apply the star pattern to them. . Draw a yellow circle for the pompom on the end of the sleeping cap.

2. . Draw a cute teal shape (a bit like a curving teardrop) on the right side of the pillow. Set the fill color to white and the stroke color to dark purple. 3. Draw a simple closed mouth with the Pen Tool. Draw a puffy pillow shape behind the sleeping head.Step 5 1. Add white or lighter teal stripes if you wish.

. you can draw little messages with the Blob Brush Tool or use a cute font with the Text Tool.Step 6 Give your final sleepy sticker design a thicker outline as has been done previously. Additionally. Don't forget to Expand any strokes before doing so.

Repeat on the other side. To draw smiling eyes.6. 2. Step 3 1. . Current Status: In a Silly Mood Step 1 Let's get weird. Step 2 1. Draw a dark purple line outlining the top half of the half circle. 3. and Reflect the ponytail so that the character has two pigtails. Copy and Paste the fuchsia bow. Reflect it over a vertical axis and place it on the right side of the head. Rotate them around as you see fit. Copy. pointed mouth. Use the drawing tool of your choice to draw a smiley. draw a half circle overlapping the lower half of the eye in light peach. Paste.

Draw a small. .2. Step 4 1. Use the Blob Brush Tool. 4. I found it easiest to do so with the Blob Brush Tool. Make sure it overlaps the character's mouth a bit. or a font you enjoy. 3. Don't forget to add an upper and lower lip. to repeatedly draw lines of letters in whatever onomatopoeia your language may use for laughter. Apply the same linear gradient as was used on the head. Outline it and define the fingers slightly with dark purple lines. three-fingered hand.

Step 5 Place the clipping mask group behind the sticker design to finish it off. Group together your laughing letters and draw a circle overlapping them. . 3.2. With both the group and circle selected. Make a Clipping Mask (Control-7).

Draw several rectangles over the pink shape to create stripes. Deselect and delete it. 3. 1.7. Let the rectangle overlap the circle slightly and hit Minus Front in the Pathfinder panel. Current Status: Listening to Music Step 1 Let's create a simple set of headphones by embellishing a gray half circle. Draw a circle and a rectangle. 4. Use the Shape Builder Tool (Shift-M) to select the non-intersecting component of the rectangle. Overlap part of the right side of the newly cut circle with a pink rectangle. . 2.

Give the headphone a dark purple outline and group all of the components together. Draw shadow and highlight shapes in a manner similar to what was done with the hair. Use Linear gradients of dark purple and light yellow for each. Delete them from the pink shape with the Shape Builder Tool. 7. 9. Change the stripes' colors to fuchsia and the pink shape to dark fuchsia. Use the Shape Builder Tool to delete extraneous portions of these shapes from the gray half circle. . Draw a star with the Star Tool over the left half of the headphone. Use the Shape Builder Tool to delete it from the half circle. Place them beneath the front portion of her hair in the Layerspanel.5. 8. Copy and Paste the headphone group so you have one for either side of the character's head. 6. Step 2 1.

or draw a new one. Step 3 Finally. Draw little teal music notes. 3. give the entire design a thicker outline. . Use the same mouth from one of the previous chat stickers.2. hearts. Draw a fuchsia shape on the top of her head to denote the band of the headphones. and sparkles coming out of the right side of the headphones.

Group together all sketch components.8. Sketch over the design using the drawing tool of your choice. This one has a simple wide stance with a microphone in one hand. doll-like body for it. . Current Status: Belting Out a Diva Number Let's change up the final design by drawing a tiny. Denote the basic body shape in a simple gesture drawing as well as any props being held.

I also used the same closed eye components from the sleeping chat sticker design created previously. I drew the top lip. 2. curving in a half circle. Draw the bottom lip and the inside of the mouth. Draw a gray circle over the end of the microphone. 3.Step 2 1. Using the Blob Brush Tool. .

5. Fill in the design with fuchsia. drawing two peaks for the neck line. Draw two little pointed legs coming out of the bottom of the dress. 3.Step 3 The dress is a series of angles. . 1. Start with the outline. at this point. You can hide the sketch in the Layers panel at this point. is a triangle with a couple of curving lines denoting the character's bust. and connecting at an asymmetrical angle. 2. following the curve of the hips. 4. Keep the neck a simple rectangle while the chest.

Step 4 Use either the Ellipse Tool or one of the brush tools to draw a series of white dots in varying sizes all over the dress. .

Add tiny shoes if you wish and create a slightly more detailed microphone in the style of your choosing. that you've deleted the clipping mask in the copied shape. . Outline the dress and body. Advertisement Step 5 1.1. and Create a Clipping Mask so the sparkles stay within the dress's boundaries. Make sure. For additional sparkles. 3. Copy and Paste the dress. Place the body beneath the head. draw circles with the Ellipse Tool all over the design. Expand your sparkles. Group them together and go to Effect > Transform & Distort > Pucker & Bloat and enter -78% into the slider. Layer additional dots over the others with varying Opacities and Blend Modesso the dress looks sparkly. 2. Group together the sparkle components. 3. when creating a duplicate shape for the outline. 2. Group the dots together and set their Blend Mode to Overlay in theTransparency panel.

moods. For similar tutorials like this one. and silliness can you create in a chat sticker set? Kick the challenge up a notch and create a self portrait set of chat stickers.Part One  How to Create a Beautiful Set of Zodiac Portraits in Illustrator .Part Two  How to Create Stylish Flat Space Icons in Adobe Photoshop . check out these:  How to Draw a Doll Base Body for a Dress-Up Game in Illustrator  How to Create a Beautiful Set of Zodiac Portraits in Illustrator . emotions. Share your creations in the comment section below. You're Done! Well done you! What other activities.Fantastic Job.