Advertisement
Techniques

Creating Personal Character Designs with Precision

by

Designing a character can apply to both personal and professional projects. The character can be a mascot that works in the context of a multi-national brand, or it can simply be inspired by a well-known character within pop culture. The later is usually referred to as "Fan Art." The character "Mickey Rat" first appeared in the early 1970's as a subversive underground comic that I enjoyed as a kid. Many artists over the years have taken their own approach with the character, and this article goes over my creation of this vectorized vermin.

This Post is Day 4 of our Character Illustration Session. Creative Sessions

Rough Sketching

Even though our industry may be digitally driven, ideas are still best developed in analog form. Meaning, you should always work out your ideas by sketching out your visual explorations before you ever jump on a computer.

Good reference, is a must if you are creating a parody such as "Mickey Rat." But with my character I wanted to infuse him with my own personal aesthetic, gleaning attributes from my references that reinforce the subversive stereotype. With character design, universally recognizable visual stereotypes are a good thing.

When I use the term "Stereotype" I'm talking about the specific attributes that make something what it is. For example, if you were drawing an alley cat, the ears should be pointed rather than rounded and so forth.

It helps to roughly draw out your art using vellum or tracing paper. Combine that with a light table and it's far easier to make adjustments, redraw, erase until you get your over all composition nailed down.

01_Rough_Sketching

Refined Sketch

Once you have your "Rough Sketch" done you'll need to draw it out more precisely. Think of this stage as laying a foundation for your vector building. What you are doing is drawing out exactly how you need to build your vector shapes in your drawing program.

This will let you see before you start building your vector shapes how your art is going to look. Doing this will save you time because you'll remove all the guess work when it comes to the build stage, you're simply creating what you've already pre-determined in your "Refined Sketch."

I usually try to draw my art out either larger than what I need or at 100%. I also draw my refined sketch out using a mechanical pencil so my line work is fine and sharp so when I go to use it as my template to build on top of in my drawing program it serves as my vector road map.

Notice how I draw my art out with "Shapes" in mind. That is important because when I go to build it I'll build using shapes, not strokes.

02_Refined_Sketch

Building Vectors

If you've drawn out your art precisely with your "Refined Sketch," then you simply scan it in, place it into your drawing program and lock it on its own layer. From that point it's all about building the art in vectors following your precise drawing as a template for building your vector shapes.

I like to finalize my vector forms before I go to color. So I create all my vector paths first, adjusting them until everything is exactly the way I want it.

There are two fundamental ways to build character art like this in your drawing program. Point by point, adjusting bezier curves to form your art as shown here. The second method will be covered in the next point below.

03_Building_Vectors

Build Methods

Not all vector building has to be done with the pen tool. Another method for building vector shapes is called "Shape Building."

The vector art you see in the eyes, buttons, hole in the shoe, and ear ring have all been created with "Shape Building" methods. For example I created the tongue in this characters mouth using nothing but the "Ellipse Tool" and the "PathFinder Palette."

  1. My refined sketch of the tongue.
  2. Four basic ellipse shapes to form my drawing.
  3. Select two of the ellipse shapes and "Minus Front" using the PathFinder Palette.
  4. Select two ellipse shapes and "Unite" using the PathFinder Palette.
  5. Select the remaining two ellipse shapes and "Intersect" using the PathFinder Palette.
  6. Final vector shape created by shape building.
04_Build_Methods

Pay Attention to the Details

Even though you draw out all your art before you build it, there is still room to improve your art as you go through the entire creative process. So learn to scrutinize your art, become your own art director and look for areas that you can adjust and improve on.

I noticed the curves in the eye were kind of flat and the end tapered too much at the point. So I went in and adjusted the bezier curves to fix the vector shapes and improve the clarity. This is a good creative habit to get into.

05_Pay_Attention_Details

Color, Highlights, and Shading

Once I have my base art done I figure out my color palette and start filling my vector shapes with color, creating blends to give depth and detail.

Even though I build my art digitally I still go back and forth between analog and digital methods throughout the creative process. I print my base vector art out and literally draw out the shading, and the highlights (shown in red), for my character art. I'll then scan this back in and use it as my template to build out my vector shapes.

06_Color_Highlights_Shading

Texturizing Your Art

Part the of the allure of subversive art like this is the shock value. Why would a lovable character be welding a bloody knife? Who knows, it just looked cool and fit with a dastardly vermin persona.

I wanted to play off of that. So I created a nice splatter texture. A little black Tempera paint splattered on some cardboard in my garage sufficed. I then scanned it in and created a bitmap tiff. I placed this into my drawing program and colorized it. I also experimented with other textures but ultimately didn't use them.

07_Texturizing_Your_Art

Final Art

To off-set the character from the background a bit, I copied the black silhouette shape of the character and pasted it to the back. Then I filled it with white and set the stroke thick to create the white halo effect.

I also decided my incarnation of this character needed a tattoo, so I created a nice tribal styled wrap for his arm.

8_Final_Art

Analog + Digital = Success!

Whether your character is meant to represent a corporate entity, a product, a service, or just a personal fan art project such as the one I've documented here, the creative process will be the same.

Learn to combine solid drawing skills (Analog) with precision vector building (Digital) to create a winning combination on all your creative projects.


Illustration Class

For more information about other "Character Design" tutorials and to take a sneak peek inside the creative process on real-world design projects for commercial purposes visit illustrationclass.com" and search using the keyword "Character."


This Post is Day 4 of our Illustrative Lettering Session. Creative Sessions
Related Posts
  • Design & Illustration
    Vector
    25 Amazing Blend Tutorials in Adobe Illustrator on Tuts+ Blend tool
    In this week's Round Up we've focused purely on beginner content for those who wish to get a better understanding on the Blend Tool and Blends! These aren't the only tutorials we have on Tuts+, in fact I'd like to share with you many of our others.Read More…
  • Design & Illustration
    Art
    Pencil vs Camera: Ben Heine Shows Us HowPencilvscamera400
    In this tutorial, you'll learn how to do a large 3D anamorphic drawing. The theme and message I want to express is "choose peace, not violence", so I've chosen a revolver as the main subject of the art work. What we want is to have some sketches large enough to pose with them and become part of the whole composition. By the end of this tutorial, you'll understand my work flow from the first studies through to the final work. I'm also going to teach you all kinds of graphic tricks to help you work faster and draw difficult shapes such as guns and hands. Read More…
  • Design & Illustration
    Comics
    Cartoon Fundamentals: How to Draw the Female FormCartoonwomen preview 400x400
    Women can be difficult to draw, whether in a realistic style or cartoon style. This technically should not happen, because anatomically speaking, females have less muscle detail visible to our eyes, compared to males! Their curves are sweet and their expressions are smooth—most of the time. So, why do we have so much difficulty expressing that on paper? I'm here to answer these and more questions on how to draw the female form in cartoons.Read More…
  • Design & Illustration
    Illustration
    How to Create a Neon, Stylized, 60's Inspired Portrait in IllustratorPreview1
    Turn out the lights and turn on the black light where neon shapes pop from fuzzy posters and the psychedelic fashion scene of the 1960's is alive once more. Join me in Adobe Illustrator, where we'll use the Gradient Tool, Pucker & Bloat Effects, and manipulate shapes to indicate a fuller composition within our picture plane. It'll be bright, fun, and down right retro.Read More…
  • Design & Illustration
    Web Roundups
    The Top 25 Vector Tutorials on Tuts+ in 2013Colorfultextpreview400x400
    2013 has been a great year for vector on Tuts+. Yet again, we've been able to provide you with more amazing, free, scalable content and it's getting better and better each month. So what have been the best posts of the year?Read More…
  • Design & Illustration
    Illustration
    Create a Vintage-Style Christmas Card in Adobe IllustratorChristmascard400
    Winter is maybe not the most loved season, but it has the best holidays for sure. Christmas and New Year are the perfect time to spend some happy moments with our friends and family, and maybe give them something extra special made totally by you! In this tutorial I will show you how to create a holiday's greeting card with a personalized message, in Adobe Illustrator, which you can give to your loved ones.Read More…