Deviantart Youtube Twitter Facebook 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

Entintado digital photoshop
Haz click en la imagen para ver el video sobre color digital con Photoshop

Se trata de un videotutorial de photoshop donde muestro muy rápidamente el proceso que sigo a la hora de colorear nuestras mascotas en SOSFactory. Ten en cuenta que el tiempo real para conseguir nuestro acabado dura alrededor de 3 horas por diseño, este tutorial es una versión muy resumida, hecha expresamente para este artículo.

Pronto haré un video mucho más completo y lo iremos dando por números :)

Download video with Emule

This post was written by:

Sergio Ordonez - who has written 87 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

65 Comments For This Post

  1. Jelle Says:

    Can you make me a clan mascot please ?
    When you can then add me into MSN Please ;
    The.only.cr4ck@hotmail.com

  2. koozehchian Says:

    goood tutorial.
    tnx

  3. Sergio Ordonez Says:

    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.

  4. Ruthlezz Says:

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

  5. Sergio Ordonez Says:

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

  6. dvanex Says:

    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.

  7. Sergio Ordonez Says:

    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.

  8. Shao Says:

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

  9. Sergio Ordonez Says:

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

  10. Ruthlezz Says:

    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.

  11. CAVORKA Says:

    PUEDE SER MUY AVANZADO Y TODO PERO QUEREMOS (O POR LO MENOS YO)MAS EXPLICACION DEJí LA PEREZA

  12. Sergio Ordonez Says:

    Cogete el manual de photoshop :)

    … lo que hay que aguantar…

  13. panky Says:

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

  14. Sergio Ordonez Says:

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

    Saludos ;)

  15. panky Says:

    muchas gracias

  16. javier Says:

    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

  17. Dany VostiK Says:

    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

  18. Sergio Ordonez Says:

    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.

  19. Claudia Says:

    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!

  20. Sergio Ordonez Says:

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

  21. Steven Says:

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

  22. Sergio Ordonez Says:

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

  23. diana Says:

    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.

  24. Sergio Ordonez Says:

    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.

  25. Raynier Borja Says:

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

  26. Raynier Borja Says:

    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.

  27. Beto Says:

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

  28. Diana Says:

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

    Diana Hernández.

  29. Diana Says:

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

  30. Sergio Ordonez Says:

    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.

  31. Diana Says:

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

  32. carloV Says:

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

    http://www.carlovalente.deviantart.com

  33. Sergio Ordonez Says:

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

    Please be patient and dont delete the files when downloaded.

    Cheers.

  34. Deron Sizemore Says:

    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?

  35. Deron Sizemore Says:

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

  36. Sergio Ordonez Says:

    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

  37. morcio Says:

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

  38. Sergio Ordonez Says:

    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

  39. FabroX Says:

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

  40. Sergio Ordonez Says:

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

  41. drumu Says:

    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

  42. Deb Says:

    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

  43. David Says:

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

  44. Sergio Ordonez Says:

    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.

  45. Manu Says:

    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.

  46. Sergio Ordonez Says:

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

  47. marcia Says:

    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

  48. Mr Javo Says:

    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!

  49. organicoman Says:

    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.

  50. Sergio Ordonez Says:

    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.

  51. Diana Hernández Says:

    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?

  52. Diana Hernández Says:

    ahhh el coloreado es el tercer paso del proceso…supongo. Pensaba que tal vez el tutorial tení­a varias partes.

  53. Diana Hernández Says:

    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.

  54. Sergio Ordonez Says:

    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.

  55. Ina Says:

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

  56. EDGAR Says:

    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!

  57. Faye Says:

    Wow, great tutorial! I can never color this good.

  58. tribal Dai Says:

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

  59. Fengai Says:

    Simply beautifully!!!!
    Brightly beautifully professional!!!!!!!!!!
    possible save this video in computer?

  60. Fengai Says:

    the drawings simply splendid and beautiful!!!!

  61. Sergio Ordonez Says:

    Sorry, not yet… maybe in the future. For you can use Firefox, it have some plugin to download Flash files.

  62. David A. Says:

    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

  63. Sergio Ordonez Says:

    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.

  64. David A. Says:

    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.

  65. David A. Says:

    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

1 Trackbacks For This Post

  1. Kreative Ideas » Drunken Monkey Photoshop Tutorial Says:

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

Leave a Reply