Here is the last step when designing mascots for websites. I did this color job just to do this video, so its a short version, I usually spend around 3h per mascot design when I work from sosfactory, but this would be too long, impossible to edit, maybe in the future

If you have any doubt, or suggestion, please just leave a comment and I will reply as soon as possible.

This post was written by:

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 :)

We dont work for peanuts… pay peanuts and get monkeys. If you need a 20US$ design we are not the right people.

http://www.myspace.com/ruthlezz_ Ruthlezz

Hello, im a 14year old designer which has just recently started using photoshop cs2. I was wondering if anyone could add me on msn and help me out, thanks alot..

http://www.sosfactory.com Sergio Ordonez

Hello Ruthlezz, if you want to learn how to use photoshop the best way is reading books, visiting blogs or tutorials sites, its the way everybody learn.

Think I work from SOSFactory, I manage this blog and the spanish version, design, articles and all the promotion online… I need some spare time too

dvanex

Thats a very cool tutorial, however I found it a bit fast and I couldn’t really see the tools you used very well at that speed. Nice to watch though and I learned allot about shading techniques. I was just wondering do you use a Wacom tablet? I have a mouse and can never get my lines to curve that smoothly. I always end up having to use the pen tool for shadows and get a cell shaded look, not really my preference.

http://www.sosfactory.com Sergio Ordonez

Hello Dvanex, thanks

Yah is true, I usually spend around 3h per character design, so I have to be agressive in the videoediting… maybe in the future I could afford longer videos.

And yes, if you are serious about digital painting a WACOM tablet is a must.

Shao

@Ruthlezz:
What exactly do you design? ^^

Btw, nice tut. standardly speaking, is this really the easiest way to color characters? You see, I’ve seen so many good works and I’ve always wondered, “how do they do all those smooth hair lines, wavy hair shine and perfect skin/cloth shadow? There’s gotta be some 1-click trick that does all the hardwork for you, they just won’t tell me!”.

http://www.sosfactory.com Sergio Ordonez

Shao, this is the fast version, done just to show how is the process, really its more complex and longer but the videoediting would be really long.

Im afraid there is not tricks, just practice and practice.

Ruthlezz

Erm well as ive just recently started designing i only make myspace layouts, cd covers, gif animations, banners, posters and much more soon to come.

I have a question though. When you’re adding new layers on top of the main layer (with the outlines), how are you adding highlights and color without it actually coloring over top of the outlines of the main layer? Is that because of the “multiply” mode?

http://www.randomjabber.com Deron Sizemore

I forgot to ask too, are you using a mouse or tablet? If you’re using a tablet, is this possible with a mouse?

http://www.sosfactory.com Sergio Ordonez

Hello Deron, thanks for visitin us

I put the lineart, and all the colors below. First layer is the one with flat colors, I do it to choice the right color scheme but much more important, to do fast selections (I think in the tutorial the selection is hide CTRL+H).

Next week smashingmagazine will publish a tutorial of mine, there will be all very clear.

Hey Sergio first of all I want to congratulate you for your work. I have been looking for this kind of tutorials since a long time ago, nice job!

organicoman

Hi guy, your tutorials is really amzing. and i’ve got a look over your blog and i was really bllowed out by your clean and pro work, really 10 stars for you.
i wanna just add a remark, try to make the video more slow to follow your steps.
THANKS again and keep posting tuts.