How To Draw Cute Mascots Pdf

When yous mention M&Ms or Pringles, everyone remembers the colorful button-shaped chocolate characters and the mustachioed man, which naturally bulldoze united states of america to remember the brands they're associated with. Professionally designed mascots are a smashing way of keeping businesses in the minds of customers.

Mascots are fun, useful brand/service and effect ambassadors. Therefore they should be appealing in guild to take hold of the attending of their target audition, and must reflect the spirit and nature of the "product".

Find and download this mascot logo pack and others like it from Envato Elements.

Envato Elements and Envato Market have a wide range of logo and mascot designs and mascot kits you can purchase or browse for inspiration. In most cases, mascots are used for educational purposes, entertainment, or both.

In this tutorial, you lot'll learn more almost how to take a customer cursory from mascot cartoon to a terminal logo and mascot pattern.

Let'due south beginning creating!

1. Research, Concepts, & Sketch

Footstep i

I receive plenty of character pattern requests for several types of businesses, but I tin can tell you in that location are no correct steps to follow when designing a character. There are, however, a few tips y'all can follow to achieve the right look.

One client brief I handled was focused on creating "a fictional, health conscious character which is supposed to bring fun and excitement to kids' meal choices while also serving every bit an administrator to counterbalanced and wholesome eating".

So typically, you'd outset with some quick research of current character trends, like brand avatars, and an assay of what could maybe piece of work and reflect the brand's personality, keeping in listen that it targets kids on an educational level.

Here are a few tips on designing characters for kids:

1. Keep the character blueprint simplified.
2. Draw simplified shapes and expressions kids can relate to.
3. Take time to explore possibilities, sketch concepts out, and make sure information technology'south different from what'southward in the market.
4. Eyes communicate emotions, and they're the first thing nosotros view when connecting with a character. Slightly large eyes bring out warmth and appeal to kids.
5. The character should have an assertive opinion.
6. Slightly broad smiles always win the heart.

Go along an open mind. Clients tend to have their ain vision and will tend to direct you in the way they need the character developed to suit their business. What you first with may vary by the end of the process.

Sketch out at least 3 rough concepts of the mascot cartoon for the client to review. A sportive apple, a toast-headed male child, and a lunch pocketbook were among the sketches.

The client's feedback was to create a "sandwich male child", with artillery and legs, but no body. So I sketched a cleaned out version, and information technology was immediately canonical.

Footstep ii

I illustrated a sandwich with large chimera eyes, a wide smile, sports cap, trainers, and a thumbs-upward pose.

When approved, relieve your image as JPG, to place it into Adobe Illustrator.

Step 3

Open Adobe Illustratorand create aNew Document, Name: Sandwich Mascot,Contour: Print measuringA4 size, andOrientation: Landscape,and Save.

The size of the artboard doesn't matter, because with vector, all artwork is infinitely scalable.

File > Place (Command-Shift- P), and a preview icon of your sketch file will appear. Click on the artboard to place the image onto the artboard.

Open the Layers panel, Window > Layers.

Double click the starting time layer in the Layers panel, and name it "Sketch".

CheckLock, Dim Images to: xx%and clickOK.

Create New Layer, on peak of the Sketch layer, and name it "Outline".

File > Salve(Control-Due south) and OK.

ii. Outline, Brushes & Line Weights

Step 1

Let's showtime outlining the artwork. There are many ways to do this.

Select yourPen Tool (P). Open theStroke panel. Select a black Stroke of0.75 pt, Fill to None, Rounded Caps/Corners, and brainstorm tracing over the main parts of the artwork.

As a offset, trace the basic line work and leave out the organic shapes, curved lines, and ellipses.

Next, select theEllipse Tool (50) with Fill to None and black Stroke, and trace over the ellipses in the illustration. At some points, you may need to select the Scissor Tool (C) to split paths at ballast points or forth segments, and so delete the excess paths.

Step 2

As you lot tin can see, the analogy looks rigid and lifeless with plain 0.75 pt strokes. We need to bring information technology alive by creating some thickness to the lines. Even so, having similar thickness doesn't help ease the eyes any more the thin stroke. Instead, nosotros demand to add variation to the widths of those lines. We can do that by playing with the line weight.

Line weight is a class of fashion and expression.

It tin distill images in our brains, taking mass visual information and transforming it into a simplified estimation of that form. Just by varying the thickness of lines and outlines of the illustration, we can give apartment artwork motility, character, and added forcefulness to create a type of third dimension!

This is definitely a style technique that I recall everyone should experiment with, in order to go a better understanding of why line weight is important.

When information technology comes to line weight, there is no rule on whether to use or not to apply line work at all. Not using any line work can give the mascot logo design a light visual feel, only at the same fourth dimension it can limit its usage. Using varied line work can give the image more presence and definition.

Step 3

To  reach the thickness effect, grab the Width Tool from the tool palette (Shift-W), and merely click and drag anywhere on the stroke to change the width of that point.

Click and elevate to control the width at each desired point. Drag inwards to reduce the line weight, and elevate out to increase it. The fun thing is that the transitions are instant and smooth, so you don't take to spend fourth dimension tweaking.

Gradually you'll begin to come across the character develop beautifully.

Step 4

For curves, I like to create custom brushes.

Rather than eyeballing line weights, y'all tin can fix Variable Width Profiles that automatically utilise to a line.

Select the Line Segment Tool (\) and draw iii to five lines, holding down theShift key to keep the line fixed horizontally.

And so select theWidth Tool(Shift-Westward) and create dissimilar width profiles for the strokes. This volition enable you to adjust the settings that you want the profile to duplicate.

Next, hit the Add to Profiles button at the bottom of the Contour console, in theStroke panel.

This will popular open the Variable Width Profile window, to enable you lot to name the stroke. Click OK.

Delete the custom line paths created later on their profiles have been saved.

Pace 5

Now accept the Pencil Tool (N) and trace in the remaining curves, with the Stroke Contour and Stroke Width of your choice.

Information technology'southward of import to empathise that when you apply Variable Width Strokes, the nature of the path stays the same. It edits the stroke independently of the path.

Step 6

To finalize the outlines, take the Pen Tool (P) and fill out the black zones of the illustration to give information technology depth, wherever suitable. Then tweak the paths as seems visually appropriate.

One time you're happy with the result, File > Save.

3. Color Variations

We need to aggrandize our artboard in order to create different versions of our character.

Typically four versions of the mascot character design are delivered to clients:

1. Outline
2. Greyscale
3. Apartment color
4. Color with furnishings

Step 1

File > Document Setup > Edit Artboards

Aggrandize the artboard to dimensions that fit ii characters on the elevation of the board and two underneath.

Object > Select All (Command-A) to select all the elements. Then Object > Expand Appearance to transform the strokes into filled shapes. This volition allow y'all to resize the illustration to whatever size without losing quality.

Control-Chiliad to Group the elements together. And so Duplicate the group, in order to create three other copies of the mascot character design on the artboard. Select the group, hold downwards the Option andShift keys, and drag to copy and constrain your option.

Stride 2

Lock the "Outline" Layer. From the Layerspanel,Create New Layer nether "Outline" and name it "Versions". Here we volition create the other iv versions of our mascot logo design.

Start with the black and white. Select the Pen Tool (P), with White Fill and Stroke to None. Trace around the outline borders of the digital mascot design. This will create the white base in our black and white character version.

Duplicate the white background we created to the mascot logo design on the right, by property downward the Option andShift keys and dragging it across, so nosotros can create the greyscale version.

Step 3

Let'southward create our "Greyscale" version of the digital mascot design.

Open the Swatches panel. You'll find a folder in the library that's called "Grey" with a range of gray swatches.

Select the Pen Tool (P), and experiment with the gray tones from the Swatches panel,to fill in white spaces between the black outlines, withStroke toNone.

Your character volition begin to appear live.

Let's take it to another level.

Unlock the "Outline" layer from the Layers panel. Select the Direct Selection Tool (A), and experiment with switching some black paths or shapes to white or grayness tones.

Changing the outline colors and black shapes will diminish the aggressiveness of the black outline.

Lock the "Outline" layer from theLayers panel. With the Choice Tool (5), grab all the grey layers we created.

Duplicate the gray shapes to the mascot character blueprint below, by holding downwards the Alt central and dragging, and so we tin can create the color version without having to trace under the outline again.

Step iv

Here we will give our digital mascot design colour.

Select thePen Tool (P), and experiment with the color tones to fill up in the white spaces between the black outlines. Make sureStroke is set toNone.

Unlock the "Outline" layer again from theLayers panel.

Ungroup (Command-Shift-K) the grouped outline, so nosotros tin give each stroke a colour. Select theSelection Tool (5), and alter the color of the outline paths and shapes.

This will tone downwards the black outline upshot.

Awesome! Looks peachy.

Step 5

To create the "Furnishings" version, Delete the fourth mascot cartoon outline, by selecting all its parts from both the "Outline" and "Versions" layers.

Adjacent, with the Choice Tool (Five), select all the color components of our "Color Version" mascot design, concur downwards the Option - Shift keys, and drag to re-create and constrain the selection.

The catchy part most effects is that you have to brand lighting decisions, on where there might be shadows and where we can add light effects.

Let'south start with the shadows.

Lock both layers from the Layersconsole, andCreate New Layer between "Outline" and "Versions", called "Shadow".

Select the Pen Tool (P) with a mid-gray swatch, and draw in areas where there might be shadows.

Step six

Open theTransparency panel. Select All (Command-A), and change the Blending Fashion to Multiply. It will look dark, and it probably won't match, merely it volition aid you decide if the shadow falls in the right place.

Side by side, you need to modify the grey tones to a lighter version of the color underneath it. So if it'due south brown, go for a stake chocolate-brown alteration. Tweak every bit y'all find fitting.

Pace 7

NowLock the "Shadow" Layer from the Layerspanel, andCreate New Layer on top of "Outline" and name it "Lite".

Select the Pen Tool (P) and add together in white low-cal, but don't overdo information technology. Just pocket-size touches.

Step eight

Finally,accept the Option Tool (Five). Drag over each digital mascot pattern version, and Group (Command-Chiliad) it to its relative components, so each color version is grouped to itself, and nothing is misplaced when the customer accesses the file.

Then Select All (Command A), and move them to the "Light" Layer, and rename it "Mascot", so they're all on 1 unified layer.

Awesome Work!

We are done!  By using basic Adobe Illustrator tools and shortcuts, nosotros learned to create a unproblematic mascot character design, for kids, in 4 different color versions.

Let'due south meet what yous tin can create too!

Fun Mascot and Logo Packs From Envato Elements

Learning how to create a digital mascot design is a slap-up skill to have. But if you're crunched for fourth dimension, you lot might want to download a mascot logo pack instead. That's why I'thousand sharing a few premium options from Envato Elements that y'all tin use today.

1. Esports Animals Mascot Gaming Logo Set (AI, EPS)

Here'due south a set of various mascot gaming logos you tin customize and employ. There are ten loftier-quality logos to cull from. Each mascot design is paw-drawn and fully scalable. Employ it for your gaming brand or YouTube channel.

2. Female Plumber Character Fix (20 Poses) (AI, EPS)

Are you looking for a fun mascot character design to go along with your business? And so you'll love this character set. Information technology features a female plumber and includes 20 unique poses. You tin can edit this mascot pattern in Photoshop or Illustrator and find a expect that works for you.

3. Monster Studio Pro (AI, EPS, PSD)

Monster Studio Pro is the ultimate download for digital mascot logo packs. Choose from a large diversity of character designs and pair them with fun features and accessories. If yous're looking for a absurd mascot drawing to use with your children's production, try this out.

iv. Girl Cook - Mix & Match Logo Series  (AI, EPS)

Logo and mascot design for food services doesn't get much amend than Girl Cook! This mix-and-friction match logo pack is super like shooting fish in a barrel to employ. Simply toggle layer visibility to choose the food, mascot character blueprint, and background color.

five. Character Set V04 Aliv (AI, PSD, SKETCH, FIG, SVG, XD, EPS, PNG, PDF)

Nosotros round out our list of logo packs with this awesome mascot grapheme design. It comes with 20 dissimilar poses and more than 50 objects to mix and friction match. Aliv works great if you lot're looking for a mascot logo design to fit your personal make.

More Digital Mascot Pattern Resources From Envato Tuts+

Has this design tutorial gotten you lot interested in learning more about the earth of logos and mascots? So cheque out these awesome free logo and mascot design resources from Envato Tuts+.

Source: https://design.tutsplus.com/tutorials/how-to-create-a-mascot--cms-25937

Posted by: ruddmyris1978.blogspot.com

Share this post