Illustrated Character

Creating an original character is something very common in the design and illustration world. It goes from just a little something on a design campaign to complex characters for an animation, to have a few examples. No matter the purpose, creating your character with Gravit Designer is very easy.

Know your creation

Example of sketch concepts.
Early concepts for the character Rajah, from Disney animation Aladdin (by Concept Artist Aaron Blaise).

You want to create your character for a purpose. Could be for a game, an animation, a comic or even just because that’s your hobby. The best approach is always the same: you need to know who your character is going to be. In which universe does it live? Which kind of audience is it aimed at? What does it do?

It might sound complex (and it can be complex, if you’re producing for a big animation, for example), but these are just guidelines to help you when the time of creation comes. Even coming up with a just a few simple key words helps.

Example of sketch concepts.
Early concepts for the Disney animation Moana (by artist Bobby Pontillas)

What I wanted for my character, as I began to sketch for this article, was already defined in my head: a cute astronaut cat. That’s enough to get started for this simple example.

Inspiration

The basic of the basics: Inspiration! To come up with ideas and concepts for your character, don’t hesitate to look for things that insprire, be it great resources like DribbbleBehance or Artstation or even movies, series, cartoons … whatever gets your creative juices flowing!

Inspiration images.

This is just part of my inspiration for my Space Cat: The cats from Disney’s Aristocats, the traditional Japanese Lucky Cat and a beautiful illustration by Marko Stupic.

Sketching

After gathering some inspiration, it’s time to let your ideas flow. You can do this in any way you like, but from my personal preference the good old pencil and paper work best. Just put your ideas there, experiment, erase and start over again. Add details and create a style until you’re satisfied with the result.

Example of sketch concepts.
Sketch concepts of the character Rapunzel, from the Disney animation Tangled (by artist Glen Keane).

Tip: Let your final creation rest for some hours (or even over night) and then look at it again. With this resting time, you might see a lot of things you could possibly improve or change that you didn’t notice before.

After you have your final sketch, you can scan it or take a nice picture and open it in Gravit Designer. Here is my final Space Cat sketch:

Final sketch.

Remember, it’s a concept, so it doesn’t need to be perfect. It’s just a guideline!

Vectorizing the sketch

There is no right or wrong way to continue with your creation, but what I particularly like to do is to first create the line art, which means creating the vector contours over my pencil sketch. Let’s do that!

Open Gravit and create a new file (with 400 x 475 pixels for my example):

Create a new file.

Now you can import your sketch to Gravit. Go to File > Import > Place Image and choose your sketch, or simply drag it from your folder to the canvas inside Gravit.

Place image on the canvas.

Place your drawing centralised on the canvas, then lock the layer on the left panel (with the lock icon, so that you don’t move it by accident). You can also lower the image’s opacity in the right panel, to have a better contrast for the lines you are about to make. I set mine to 70%.

Lock layer and set opacity.

I use the basic shapes whenever I can, and if not, I trace over my sketch using the Pen or Bezigon tools. To make the helmet, planets, the smaller stars and part of the cat’s head, I used the Ellipse tool, located in the toolbar (shortcut E).

Drawing tools.
Where to find the basic shapes and the the drawing tools.

For the rest of the outline I used the Pen and Bezigon tools from the same location to trace freely on top of the image. The Pen tool allows more freedom to your path, while the Bezigon makes perfect curves, so it’s really your choice! You can check our tutorials on illustration and other tips about these tools.

Tracing the sketch with the Bezigon.
Tracing the sketch with the Bezigon tool.

After creating a path with the Pen or Bezigon tool, you can always adjust it with the Subselect tool (shortcut D).

Adjust path with the Subselect tool.
Adjusting some nodes with the Subselect tool (D).

To create continuous shapes for the whole head you will need some compound shapes. After creating the closed paths for both ears, select them together with the ellipse of the head (by holding Shift on your keyboard and clicking on the elements) and choose Union at the Merge options in the toolbar.

Creating a compound shape.
Creating a compound shape for the head.

With your lineart ready, you can let go of the pencil sketch (delete the image layer or just hide it in the left panel) and move on with the colors.

Finished lineart.

Color Palette

Before you start filling everything, choose a base color palette. This will be your guideline so you don’t get lost and start adding too many colors (you can always check our article about Color Theory).

I chose this palette for my character, to go along with the “cute space thing” theme.

Color palette for this tutorial.

Coloring, gradients and blending modes

Now you can start filling your shapes and work on the borders. I went for a style without borders, so I just set them to invisible after I add a fill.

Border set to invisible on the right panel.

Select the shapes and add a fill for each one on the right panel, then set its border to invisible (by clicking on the eye icon).

Filled lineart without borders.

This is the filled lineart, with no details. Looks like it’s missing is something, right? So now it’s time to add more sparkle to the work!

For the astronaut’s helmet I used white, with a Soft Light blending mode, and set the Opacity to 68%. I added the blending mode instead of just lowering the opacity because that gives a better visual effect.

Helmet details.
Add a line and a dot with low opacity to create some shine on the helmet.

Since I don’t have borders I had to use something to delimit the paws, so I used gradients with a darker pink for contrast.

Paws details.

To add more detail, I did the same thing with the ears and tail, clipping a shape with the gradient to it. Simply drag it over the tail in the left panel.

Tail details.

You don’t need to limit yourself to the sketch, of course. I added a lot more stars in the background (more ellipses, then a lot of copy and paste), details to the planets and concentric ellipses.

For the planets I just made two copies of the white ellipse, changed the colors, and positioned and clipped them.

Planet details.

For the overlapping circles in the background I created a first circle, set its Opacity to 2%, copy/pasted it (Ctrl/Cmd + Cand Ctrl/Cmd + V), enlarged the circle holding Alt and Shift (to resize from the center and keep the ratio), and repeated that twice. This gave me this nice gradient effect.

Creating overlapping circles.

This is the final result of my exemplary character design: a cute Space Cat. It’s a very simple character, but it gives you an idea of the process and how much Gravit Designer can help you with the final concept.


Do you have any original characters created with Gravit? Share them with us on our social media channels or in the comments and let us know if the article helped you.

Share on facebook
Facebook
Share on email
Email
Share on twitter
Twitter
Share on linkedin
LinkedIn
Claudia Driemeyer

Claudia Driemeyer

Leave a Reply

Your email address will not be published. Required fields are marked *

Choose your language

And save 20% on our Yearly Subscription

Get started designing now, just enter your email to activate the special offer