3 May 2007
To see the video just click on the image.
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.
Sergio Ordonez - who has written 85 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 :)
[...] Many illustrators color everything in one layer, i prefer to to it in separate ones, so i can make color modifications in any of the design tones, lights or shadows. Let me briefly explain each step, if you want to get into details I highly recommend you to watch the Photoshop coloring videotutorial. [...]
© 2009 by 
24 May 2007 at 12:30 PM
Can you make me a clan mascot please ?
When you can then add me into MSN Please ;
The.only.cr4ck@hotmail.com
25 May 2007 at 3:39 PM
goood tutorial.
tnx
26 May 2007 at 8:33 AM
Reminder for future requests:
We dont work for peanuts… pay peanuts and get monkeys. If you need a 20US$ design we are not the right people.
31 May 2007 at 12:53 PM
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..
31 May 2007 at 4:11 PM
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
31 May 2007 at 9:57 PM
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.
1 June 2007 at 5:45 AM
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.
2 June 2007 at 11:57 PM
@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!”.
3 June 2007 at 9:27 AM
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.
2 July 2007 at 1:33 PM
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.
20 September 2007 at 9:09 PM
PUEDE SER MUY AVANZADO Y TODO PERO QUEREMOS (O POR LO MENOS YO)MAS EXPLICACION DEJí LA PEREZA
21 September 2007 at 9:11 AM
Cogete el manual de photoshop
… lo que hay que aguantar…
8 October 2007 at 12:04 AM
hola
soy nuevo en estoy y la verdad q pintando para mi tu estilo WOW impresionante.
te escribo pq me gustario aprender a pintar digital asi como lo haces ci el tutorial y todo lo uno q no veo bien los pasos y herramientas que estas si este tutorial se podria pasar a texto o uno corto n osepintando un cubo con agua o algo asi para poder ver los pasos y practicar telo agradeceria
hasta luego..
8 October 2007 at 6:22 AM
Hola Panky, en breve planeo escribir un tutorial sobre color digital, estate atento.
Saludos
8 October 2007 at 10:53 AM
muchas gracias
5 November 2007 at 12:15 AM
muyy bueno, un efecto bonito y rapido, jugando con el modo de fusion de capas se pueden sacar otros efectos muy buenos. gracias.
pd: me parece que si se tienen conocimientos basicos de photoshop no es muy dificil de realizar, en verdad me gusto
11 November 2007 at 1:10 PM
Hola, creo ke tu nivel aparte de altísimo es impresionante. He estado practicando las tecnicas que propones en tus tutoriales y los resultados son verdaderamente increíbles. Quisiera saber si en breve sacaras tutoriales más detallados de el color digital ya que me interesa en demasía puesto que los resultados son poco favorables si el color tiene una aplicación simple.
Te felicito!
Gracias
11 November 2007 at 6:38 PM
Hola Danny, por supuesto, tengo planeadas muchas cosas, entre otras algun video sobre color digital que es lo que mejor se me da.
A ver si este mes que viene ando un poco menos ocupado con SOSFactory.
Saludos.
14 November 2007 at 7:29 AM
Hola!
estoy conociendo tu sitio y realmente me siento muy a gusto leyendo todos tus consejos y tutoriales. Te felicito, eres muy generoso.
Gracias, sigue asi, le facilitas las cosas a muca gente. Suerte!
14 November 2007 at 1:21 PM
Muchas gracias Claudia, me alegra que pienses así
10 January 2008 at 1:15 PM
That so cool and can you send me that mascot you made in your tutorial please
thanks
10 January 2008 at 4:36 PM
Sorry Steven, its comissioned work… so its not possible.
11 January 2008 at 12:49 PM
Hola, soy Diana y tengo una duda sobre el video de coloreado digital y es que no entiendo muy bien lo de cambio de fusión que aparece en Historia, pues no logro conseguir ese efecto que le das a la piel al principio.
11 January 2008 at 3:36 PM
Hola Diana, es muy sencillo.
Cojo un color y pinto la cara (color plano).
Creo una capa por encima.
La pongo en modo multiplicar temporalmente.
Hago las sombras con el mismo color de fondo (para eso lo de la capa en modo multiplicar, así puedo ver que estoy haciendo).
Cuando termino pongo la capa en modo normal.
Creo una capa por debajo de las sombras.
Hago degradados con un color más claro.
En breve habra un tutorial escrito.
Saludos.
11 January 2008 at 8:56 PM
tu tecnica es impecable, creo que debieras proponer un curso completo pago, yo sería uno de tus principales clientes, te felicito!
13 January 2008 at 8:53 AM
Como decimos acá en Colombia este tutorial estuvo del putas (para decir que está excelente), gracias y sigue en ese camino que así nos ayudas a todos.
14 January 2008 at 1:00 PM
te felicito tus tutoriales son muy bueno pero sobre todo me da gusto k compartas tus conocimientos con otras personas, felicidades
14 January 2008 at 3:28 PM
Muchas gracias por aclarar mi duda, espero q publiques pronto el tutorial escrito.
Diana Hernández.
14 January 2008 at 3:33 PM
!Hola!, me preguntaba si podrias poner este video en youtube para poder descargarlo pues he tenido problemas con emule.
14 January 2008 at 3:49 PM
Hola Diana, la verdad que no tengo ni idea de como funciona eso, pero creo que no aceptan videos en alta resolución, se verá todo muy pequeño. Corrígeme si me equivoco.
18 January 2008 at 12:42 PM
La verdad es que creo que podrias convertirlo a otro formato y subirlo a youtube siempre y cuando tengas una cuenta,
1 February 2008 at 10:02 AM
not start on emule…. can you share in different way?
http://www.carlovalente.deviantart.com
1 February 2008 at 1:07 PM
Right now I have no other choice, too much bandwicht consuming.
Please be patient and dont delete the files when downloaded.
Cheers.
8 February 2008 at 10:32 AM
That’s a great tutorial Sergio! Thanks for doing it.
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?
8 February 2008 at 10:32 AM
I forgot to ask too, are you using a mouse or tablet? If you’re using a tablet, is this possible with a mouse?
8 February 2008 at 3:56 PM
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.
Everything is possible with a mouse or a tablet if you are skilled enough, but obviously tablet helps a lot, mainly because its faster. I would suggest you buy one, the cheapest one is enough and will help you a lot. Take a look to this article: http://www.sosnewbie.com/en/resources/manual-to-choice-your-first-graphics-tablet/
Thanks again for the visit
Sergio
24 February 2008 at 9:32 AM
seria sugerible que lo subieras a youtube o a algun myspace no crees?
saludos!
24 February 2008 at 12:30 PM
El problema es que en Youtube los videos tienen poca resolución.
De todas maneras lo tendré en cuenta, a ver si saco un poco de tiempo, los convierto a video y los subo a Youtube.
Saludos
28 February 2008 at 12:44 PM
Excelente tutorial, hay alguna forma de hacerlo pero en illustrator??
28 February 2008 at 1:03 PM
Hola Fabrox, el proceso sería casi el mismo, solo que en vectores.
4 March 2008 at 10:17 AM
Hola, tenia que escribir porque merece la pena decirte que tus tutoriales son geniales! he visto tu pagina en PSD Tuts y llevo mas de 2 horas viendo tutoriales WOW WOW, en serio genial. Siempre tenia dudas sobre como pasar un dibujo a vector i como pintarlo, y porfin la solución!
Encima he descubierto como sacarle partido al pincel historia que nunca lo uso
Felicidades por la web y muchas gracias por compartir tus trucos con tod@s
8 March 2008 at 2:14 AM
jaajjajjajajajaaj buenisimo!!!
animo sergio!
y gente no sean exigentes y ponganse a moverle al photoshop que si no le mueves no aprendes!!!
nos leemos
nos visualizamos
deb is papirusa
13 June 2008 at 5:28 PM
what exactly do you use your tablet for? I see that you make sketches with pencil, and coloring with mouse…
maybe you color with tablet also?
anyways thanks for a superb website, it couldn’t be better. Congratulations!
13 June 2008 at 6:20 PM
Hello David, thanks
I use my tablet for everything. From sketching to ink or color.
I usually ask some help to my buddies, they are comic artists, its because you see some pencil skechts. For the rest everything is digital, sometimes even the skecht is done with the tablet.
28 August 2008 at 2:14 PM
tengo una duda. Porqué enseñas a la gente a dibujar como tú si luego eso te puede perjudicar cuando tus “alumnos” lleguen a un buen nivel.
¿Cuanta menos gente dibuje mascotas mejor para tí no?
Gracias, y saludos.
28 August 2008 at 4:11 PM
Hola Manu, buena pregunta.
1.- A dibujar se aprender dibujando, no mirando tutoriales. Los tutoriales sirven para motivarte o captar pequeños trucos… el grueso del aprendizaje se basa en la práctica. Por eso no tengo miedo en enseñar lo que sé.
2.- Mi blog es una herramienta de marketing, no soy una ONG. Si lo hago es porque me favorece en algún modo, quizás no con ingresos directos pero sí con prestigio. Una vez alcanzas el estatus de experto en cualquier materia llegas a más gente.
3.- Dibujar es una pequeña parte de este negocio. Cuando empezamos caemos en el error de creer que las cosas se venden por su calidad cuando las cosas se venden por que hay alguien que sabe venderlas, por supuesto la calidad del producto ayuda.
4.- No me da miedo la competencia. En este mundo hay espacio para todos.
5.- Si me copias, tanto la manera de trabajar como el modelo de negocio, sólo serás un clon mío, lo que en cierto modo me favorece. Cuanto más gente te copie, más exitoso serás.
6.- Aprendo mucho. A veces haces las cosas automáticamente, al explicarlo tomas conciencia del proceso y sus fallos.
7.- Lo principal… me gusta hacerlo, me divierte
Saludos
25 September 2008 at 12:47 PM
hola, me acabo de encontrar tu pagina, haciendo una pregunta estupida en google: “¿como hacer un azul en cuadrado?”,- jajajaja, es broma-.
He estado leyendo cada uno de los articulos q tienes publicados, y me parece muy amable de tu parte, presentar tantos artículos y consejos relacionados en el gran campo del diseño.
muchas felicidades por tu pagina, recibe un abrazo desde mexico.:D
20 December 2008 at 11:24 PM
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!
28 December 2008 at 5:35 PM
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.
1 January 2009 at 2:58 PM
Hello buddy, the problem is I dont speak english properly so I cant explain all the process, I need to add those callouts… really time consuming.
I think you should follow the written tutorials better, the videos are just for extra motivation.
21 February 2009 at 5:47 PM
Buenas, Sergio, con este tutorial he aprendido a colorear mejor, desde el año 2007, aunque no lo he intentado, no sé si se ve mejor en cómic que en animé.Supongo que el modelo es básicamente igual en cada personaje a la hora de colorear la piel, pero la ropa me mata, jeje. Una pregunta, ¿Por qué dice PARTE 3 en el tutorial?
21 February 2009 at 5:50 PM
ahhh el coloreado es el tercer paso del proceso…supongo. Pensaba que tal vez el tutorial tenía varias partes.
21 February 2009 at 6:53 PM
cuando pintas con el pincel historia, qué es lo que haces,
en el video noto que tú lo que haces es guardar un valor, como
como el degrade de las sombras, o me equivoco? porque yo
aplico las sombras, pero no sé si debo bajar la opacidad
al borrar, no se ve muy bien de cuanto es en el video.
26 February 2009 at 10:45 AM
Hola Diana, no suelo bajar la opacidad del pincel.
El pincel historia sirve para hacer las cosas por trozos, te conserva el estado que marques en la paleta historia. Así puedes borrar sin miedo a modificar areas que quedaron bien.
Te recomiendo que estudies un poco esta herramienta, es muy útil.
3 March 2009 at 3:49 PM
Me encantan tus tutoriales y el dibujo, por eso quisiera aprender más,….pero tengo un problema, donde vivo no me permiten usar Emule ni nada parecido,…acaso podrías subirlo a rapidshare, megaupload o algo parecido para poder descargarlos?
Sl2s y felicidades, eres genial por lo que haces con tu trabajo y por tu forma de pensar (en eso de que no te importa la competencia, por eso ensennas)!
16 March 2009 at 3:47 PM
hola Sergio! saludos desde COLOMBIA! me pareces un excelente diseñador, tus trabajos y tutoriales son muy didacticos, aunque te soy sincero, yo soy muy malo para esto de los computadores, soy excelente con el papel y el lapiz y tambien para diseñar logotipos, pero con el mouse no. me encantaria llegar a tu nivel en ésto, pero la verdad me cuesta mucho.
una vez mas saludos y gracias!…sigue asi. CHAO!
19 March 2009 at 12:50 AM
Wow, great tutorial! I can never color this good.
3 August 2009 at 12:13 PM
EXCELENTE PAGINA!! soy ilustrador digital tambien y la verdad es que voy a recomendar este sitio a todos mis alumnos!!!
Oie no podrias subir tus tutoriales a torrent, o incluso a algun servidor, esque el e2k nos anda muy mal por estas tierras!!!
Saludos desde colombia!!!
4 September 2009 at 9:31 PM
Simply beautifully!!!!
Brightly beautifully professional!!!!!!!!!!
possible save this video in computer?
4 September 2009 at 9:36 PM
the drawings simply splendid and beautiful!!!!
5 September 2009 at 12:35 AM
Sorry, not yet… maybe in the future. For you can use Firefox, it have some plugin to download Flash files.
10 November 2009 at 5:39 PM
Dos cosas Sergio, por una darte las gracias por compartir con nosotros esta forma de colorear personajes, me parece una pasada y los resultados espectaculares.
Por otro lado, estoy practicando esta forma de colorear, pero me surge una duda, hay veces que me deja usar el pincel de historia y otras no, tu no sabrás por que puede ser??tengo marcado en la lista de historia uno de los puntos desde los que quiero continuar, pero no me hace nada.
Y abusando de ti, podria mandarte mis resultados para poder recibir una critica tuya, espero que constructiva??? jeje
Saludos Y gracias
10 November 2009 at 5:48 PM
Hola David, muchas gracias, por supuesto que puedes
Ten en cuenta que en el punto de la historia en cuestión debe existir la misma capa en la que quieres trabajar. Si después de la marca fusionaste, borraste o creaste una nueva capa el pincel histórico no funcionará por que simplemente no hay historia.
Saludos.
10 November 2009 at 9:40 PM
Muchas gracias Sergio, arreglado, el problema es que el pincel lo ponia,en la capa que acababa de pintar, entonces para el pincel de historia era lo mismo, lo puse justo en la anterior y funciona perfectamente. Gracias.
20 November 2009 at 3:30 PM
Hola Sergio, como te comente hace dias, aqui te adjunto mi primer dibujo hecho totalmente en photoshop, desde dibujarlo hasta pintarlo siguiendo tus tutos. Para que te hagas a la idea, me ha costado unas 7 horas hasta que le he pillado el truco, es un dibujo muy simple, pero para piner enpráctica tus enseñanzas me ha ayudado.
http://nomarak.deviantart.com/art/Girl-Face-144189215
Saludos y gracias
David
20 April 2010 at 8:40 PM
¿Por qué por eMule?
Pordrías usar algo un poco más fácil, como una página de DD. Ej. Mediafire.com
23 April 2010 at 10:29 AM
Ya lo sé Emi, en eso estamos