Try Tuts+ Premium, Get Cash Back!
Creating Personal Character Designs with Precision
sessions

Creating Personal Character Designs with Precision

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

Tags: Sessions
  • http://lskd BAHOG BILAT

    FIRST!!!!!!!! awesome thanks for this tutorial dude

  • http://coghillcartooning.com George Coghill

    Awesome character design & vector illustration tutorial as always Von!

  • Iaroslav Lazunov

    You are the best!!!

  • http://9livesillsutrations.com Amanda Bodack

    Thanks Von, great tutorial as always. I especially liked seeing how you draw out the shading on the base vector by hand. Great tip!

  • http://mljarmin.daportfolio.com/ mljarmin

    very neat and attention to detail is superb!

  • Shane

    Thought the style looked familiar, then looked at author. Love your work and the fact you contribute to the community Vonster. Been following your illustration class site for a while and have purchased Crumble, Crackle, Burn (great textures and inspiration to make your own textures).

  • Rui

    The level of tutorials on plus have increased tenfold just from these sessions.

  • http://www.bluebuffalomedia.com Blue Buffalo

    You did a great job on this tutorial! I like your techniques.

  • darryl brocklesby

    There seems to be a great deal of owness on digitally produced artwork, but knowing that more artists jump from Analogue to Digital is a releaf. Printing out the outlined character seems to me to be a really good idea and its a technique I think I may adopt myself.

    Thanks for the Tutorial will keep looking for more advice…..I love the internet!

  • http://feeds.feedburner.com/Smashingwebs SmashingWebs.com

    Nice artistic style..

  • http://www.buitenaardig.nl/ Phil

    These tutorials are the best!

  • http://www.kishkoosh.com Ron

    Always admire your work!

  • Giampaolo

    One of the best tutorials i have ever seen!

  • http://8916.co.za/ karabo

    Awesome step by step drawing method | most of the time i play guess tactics with illustrator | instead of finalising my refined sketch and also another good point u made was that you print your base vector art out and literally draw out the shading, and the highlights. i will definatley try that method.

  • http://www.johnschwegel.com John Schwegel

    Awesome illustration and great tutorial. Love how you sketch out your shapes first. Thanks for sharing!

  • http://www.aravindtemplates.com Aravind

    HI…..This is really nice work, but If you explain Illustrator steps…..

    That’s helps us…..!!!

    Thank you so much…….

  • timurKo

    Please, make wallpaper(2560×1440) :) I want it!

  • http://inspirationfeed.com inspirationfeed

    Honestly, i think it will look better without the platter.

  • http://twitter.com/bliitzi Deoxys

    haha, nice way you created the tongue ^^, but wouldn’t it go faster by drawing it with the pen tool ;-)

  • Moshiko

    Simply Wow Factor material.
    the problem is that it takes hours and hours of frustrating ant job.
    The charachter is just amazing!

  • jane

    thank you!

  • SEAMOnster

    Love it-Most of this I know & use in my own work, but I definately learned a few things.
    Thanks.

  • http://phoinx.no-ip.info Ricardo Roehe

    Very interesting you going back and forth from analog to digital media! A very nice tricky tip! Thanks!

  • http://www.litmusonline.com Litmus Logo

    This is an awesome tutorials, Just focus on its face expressions its look horrible but cartoon characters are really look cute in any expression. I would like to create my favorite characters “Dennis & Mickey”

  • Mindy A

    You know… that rat head almost reminds me of rat fink only more stranger than what you drew. Rat fink is a well-known eye-popping cartoon character that drives classic cars… hot rods. My dad is a classic car fanatic and that is his favorite character! It’s hard to forget such a strange, unique character like that.