Youtube Facebook Twitter Deviantart My feed Feed directly to your inbox

Videotutorial: digital color with Photoshop

Videotutorial: digital color with Photoshop
Choose your language / Elige tu idioma:englishespañol

Digital color with Photoshop
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.

Download video with Emule

This post was written by:

- who has written 95 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

  • Jelle

    Can you make me a clan mascot please ?
    When you can then add me into MSN Please ;

  • koozehchian

    goood tutorial.

  • Sergio Ordonez

    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.

  • 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..

  • 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.

  • 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

    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!”.

  • 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.



  • Sergio Ordonez

    Cogete el manual de photoshop :)

    … lo que hay que aguantar…

  • panky

    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..

  • Sergio Ordonez

    Hola Panky, en breve planeo escribir un tutorial sobre color digital, estate atento.

    Saludos ;)

  • panky

    muchas gracias

  • javier

    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

  • Dany VostiK

    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!

  • Sergio Ordonez

    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.


  • Claudia

    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!

  • Sergio Ordonez

    Muchas gracias Claudia, me alegra que pienses así­ :)

  • Steven

    That so cool and can you send me that mascot you made in your tutorial please

  • Sergio Ordonez

    Sorry Steven, its comissioned work… so its not possible.

  • diana

    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.

  • Sergio Ordonez

    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.

  • Raynier Borja

    tu tecnica es impecable, creo que debieras proponer un curso completo pago, yo serí­a uno de tus principales clientes, te felicito!

  • Raynier Borja

    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.

  • Beto

    te felicito tus tutoriales son muy bueno pero sobre todo me da gusto k compartas tus conocimientos con otras personas, felicidades

  • Diana

    Muchas gracias por aclarar mi duda, espero q publiques pronto el tutorial escrito.

    Diana Hernández.

  • Diana

    !Hola!, me preguntaba si podrias poner este video en youtube para poder descargarlo pues he tenido problemas con emule.

  • Sergio Ordonez

    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.

  • Diana

    La verdad es que creo que podrias convertirlo a otro formato y subirlo a youtube siempre y cuando tengas una cuenta,

  • carloV

    not start on emule…. can you share in different way?

  • Sergio Ordonez

    Right now I have no other choice, too much bandwicht consuming.

    Please be patient and dont delete the files when downloaded.


  • Deron Sizemore

    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?

  • 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?

  • 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.

    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:

    Thanks again for the visit :)

  • morcio

    seria sugerible que lo subieras a youtube o a algun myspace no crees?

  • Sergio Ordonez

    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.


  • FabroX

    Excelente tutorial, hay alguna forma de hacerlo pero en illustrator??

  • Sergio Ordonez

    Hola Fabrox, el proceso serí­a casi el mismo, solo que en vectores.

  • drumu

    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! :D
    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

  • Deb

    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

  • http://comingsoon; David

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

  • Sergio Ordonez

    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.

  • Pingback: Kreative Ideas » Drunken Monkey Photoshop Tutorial

  • http://- Manu

    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.

  • Sergio Ordonez

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

  • marcia

    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

  • Mr Javo

    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.