Youtube Facebook Twitter Deviantart My feed Feed directly to your inbox

How to design a Vectorial Mascot design in Illustrator

How to design a Vectorial Mascot design in Illustrator
Choose your language / Elige tu idioma:englishespañol

Hi guys, I recorded the whole process in the making of Cheeky Monkey vectorial mascot design in Illustrator, there will be several videos and I will update this post frequently, so subscribing to my Youtube Channel, my Facebook page or my Twitter is a good idea to stay up to date.

What is this tutorial about?

The object of this tutorial is the cute vectorial character illustration for Cheeky Monkey Media, web development company from Canada, designed by commission some months ago.

Cheeky Monkey Media

Final integration, cute, don´t you think?

Sadly the video is about 15 hours long, so I need to split it in different parts and accelerate the time to compress it within YouTube´s restrictions. I will write some annotations along the videos where I share some tips to improve your inking in Photoshop and your coloring in Illustrator but I’m sure lot of questions will pop up on your mind, feel free to ask.

Here you can see the character evolution from the concept to the final rendering.

Cheeky Monkey Media design process

This is the character evolution from sketch to final artwork

And some close-ups:

Mascot design close up

Remember there will be several videos and I will update this post frequently, so subscribing to my Youtube Channel, my Facebook page or my Twitter is a good idea to stay up to date.

Video 1: some tips to improve the quality of your lineart in Photoshop

I receive lot of questions about my digital inking process: how do I get so sharp and crisp lines?, what brush settings do I use?, how big is my canvas?… In this video I reply all these questions and some others, if your lineart looks pixelated or blurry take care of these advices and you will notice a change.

Video 2: how to vectorize your lineart in Illustrator

Vectorizing your lineart in Illustrator with Live Trace is so easy that you don´t really need to deal with vectors until the final conversion. I find much more comfortable and natural working with Photoshop and a Wacom tablet, also the inking process is much faster.

At the end of this step I have lot of white shapes over a black silhouette.

Video 3: Assigning flat colors in Illustrator

This video could be a bit boring for expert users, I just assign flat colors and organize the shapes into groups, it’s very important when working on complex illustrations.

Music courtesy of Nanowar.

Video 4: Applying gradient colors in Illustrator (Part I)

I forgot to record the first minutes of this video, I just applied very basic gradients and cut big areas into smaller ones, then I start the tricky part: adding shadows and lights.

Music courtesy of The Butcher’s Ballroom.

Video 5: Applying gradient colors in Illustrator (Part II)

So here is the last video, after 15 hours of work our vectorial mascot design is completely done. Crisp and clean!

Music courtesy of Shearer.

I hope you enjoyed the process, if you have any question or suggestion just let me know.
See you soon!

This post was written by:

- who has written 96 posts on SOSFactory Blog.

My name’s Sergio Ordoñez I´m illustrator, graphic and web designer. A selection of my work is included at SOSFactory. If you want to support this blog, please be an active member: tweet the posts, participate in the discussions and the exercises :)

Contact the author

  • http://www.clippingpathspecialist.com/photoshop-retouching/ Suzan

    Every details have been mentioned here with very careful mind. The steps are cleared with the images so well.