Tiempo para un tutorial, esta vez menos detallado y bastante más avanzado. Se trata de algo completamente diferente al estilo cartoon que suelo hacer, es una ilustración más realista de un luchador de MMA (artes marciales mixtas) que pinté para un logotipo destinado a la impresión en camisetas de una nueva marca llamada Temper Tamtrum.
Tengo que admitir que no quedé completamente satisfecho, el proceso fue un poco caótico, y tardé muchísimas horas más de las esperadas. Después de acelerar el video x10 todavía duraba 1 hora, así que tuve acelerarlo x20 para que entratara en Youtube:
Si quieres descargar el video de 1 hora de duración puedes hacerlo desde Mega Upload.
Y ahora vamos a explicar cómo suelo trabajar cuando me piden este tipo de ilustraciones. Como decía antes más que un tutorial es una serie de pasos descritos brevemente, se haría eterno hacer un tutorial detallado sobre este tema.
PASO 1: Referencias
Busqué algunas referencias para planificar la pose, cuando estás tan acostumbrado al estilo cartoon tienes a simplificar demasiado las formas. Después de terminar el encargo me doy cuenta que tenía que haber insistido más en esta parte… lección aprendida!!
PASO 2: Boceto
Cuando pinto en estilo más realista el boceto no tiene que ser demasiado detallado ya que al final lo quitaré. Como puedes ver el dibujo es bastante básico, usé Photoshop para hacer un collage de dibujos previos a modo de plantilla.
PASO 3: Aislamos colores planos
Pongo el boceto en modo Multiplicar y creo una capa por debajo donde pinto con colores planos de intensidad media cada area del personaje para poder hacer selecciones rápidas.
PASO 4: Pintamos los volúmenes básicos
Añado una capa por encima y voy dando pasadas con colores más oscuros para darle profundidad a los volúmenes. En cada pasada quito un poco de opacidad a la capa del boceto, hasta que llega a desaparecer.
PASO 5: Añadimos un poco de luz
Añado una capa por debajo de las sombras donde pinto con un color más claro.
PASO 6: Añado la luz reflejada
Añado una nueva capa donde pinto la luz reflejada en la piel. Esta iluminación ahora se ve muy suave pero al final la pongo en modo Linear Dodge para que sea más fuerte.
PASO 7: Suavizo los volúmenes
Ya he terminado el boceto de color, ahora aplano todas las capas menos la de luz reflejada y voy mezclando y suavizando los degradados, añado cada vez más detalle. Para esto desactivo la capa dondé pinte la luz reflejada, fíjate como se ve cuando la vuelvo a activar y lo pongo en modo Linear Dodge:
PASO 8: Limpio y añado volumen
Sigo suavizando los degradados, corrijo la anatomía, añado tonos más oscuros y más claros para reforzar los volúmenes.
PASO 9: Detalles
Para las ropas sigo el mismo procedimiento, primero colores planos de las formas generales y voy añadiendo volumen y detalles.
Para el pelo añado capas en diferentes modo de fusión (Screen para los brillos y Linear Dodge para el mechón de pelo rubio) y el Smudge tool para fusionar los tonos.
Para la sangre uso una capa en modo multiplicar con un rojo saturado al máximo.
PASO 10: Cambio de planes
El cliente hizo algunos cambios:
Los pantalones me dieron un poco de problema, a mí me gustaba más el primero pero el cliente eligió el segundo.
Igual para la cara, a mí me gustaba la primera pero eligió la segunda.
PASO 11: Diseño del Logotipo
Este es el logotipo final, también hice una version vectorial más simple para determinados casos:
¿Alguna pregunta?
Supongo que muchos, jeje, si necesitas que describa algunos de los pasos sólo tienes que dejar un comentario.
18 Octubre 2009 at 15:21
cool logo
18 Octubre 2009 at 16:43
Cada vez que veo más trabajos tuyos, más admiro tu trabajo… este me sorprendió cuando lo ví en tu portfolio por la diferencia de estilo de dibujo, como comentas… ya no es tan cartoon. Y el manejo de la tableta? pa que decir…
una cosita… lo modos de fusión que comentas están en inglés, sabes cuales modos de fusión son en la versión en castellano de photoshop? me hago una diea de cuales son… pero para asegurarme 
Grandísimo trabajo!!!
18 Octubre 2009 at 20:18
Hola JM, muchas gracias
Multiply = multiplicar, Overlay = superponer, Screen = Aclarar
19 Octubre 2009 at 1:03
El proceso es muy interesante, Sergio
me preguntaba si es posible hacer una ilustración así con una tableta wacom bamboo 
o solo se puede lograr con la Cintiq? otra preguntita: ¿cómo se llama esa fuente del logo? Saludos, está genial este post.
19 Octubre 2009 at 10:28
Hola Diana, claro que sí, todo es cuestión de ponerse. La fuente se llama Batman Forever
19 Octubre 2009 at 12:39
hello, gracias, ¿Batman Forever? ya decía que se me hacía conocida.
21 Octubre 2009 at 6:47
HOLA Sergio escribo desde argentina, hace unos meses que te decubrí y me estoy poniendo al día con todos tus post, que por cierto coincido en la mayoría de los puntos, hace 5 años que me dedico al freelance, particularmente aquí en sudamérica solo subsistimos gracias al trabajo del exterior aquí y en todo el mundo el reubro está muy bastardeado pero al cambio nos sirve por ahora.
Bueno a la pregunta, mi fuerte es el diseño grafico y electrónico (mucho illustrator y photoshop) hace un tiempo empecé con las ilustraciones pero siempre con illustrator.. Mi pregunta es si para llegar a tu nivel hay que usar si o si el photoshop + tableta, yo tengo una tabla de 6″ una de las mas chicas y me menejo con una Laptop de 13″ en la mayoría de los casos. Bueno espero sigan tus exitos y estamos en contacto. SALUDOS!
21 Octubre 2009 at 10:32
Hola Sebastian, lo importante no es lo que uses si no los resultados. Eso sí, un monitor más grande, una tabla más precisa o manejar bien Photoshop aumentará tu eficiencia y ya de paso, disfrutarás más.
21 Octubre 2009 at 14:00
Me doy cuenta de que en tu caso el inking tiene poco peso, relativamente. Al final, formas y constitución son definidas por el color, que conforma la estructura y profundidad del dibujo. ¿No?
21 Octubre 2009 at 14:05
Exáctamente Daniel, en este caso no hay entintado, del boceto paso al color directamente.
26 Octubre 2009 at 17:25
Hola Sergio. Tus ilustraciones son muy buenas, pero esta es impresionante,te felicito. Y ya me dieron ganas de practicar, tengo una Tableta Genius uqe me la compré hace un tiempo para comenzar. Saludos
26 Octubre 2009 at 20:17
Espectacular su diseño, me gustaria saber si me puede informar de cuales son los programas que se necesita para poder realizar esos espectaculares diseños. Le agredeceria muchisimo su informacion, ya que me estoy iniciando y no tengo mucha nocion. Nuevamente lo felicito. Si es posible, me gustaria saber que tipo de pc se necesita para trabajar, que hardware es el recomendado. Muchas Gracias…
27 Octubre 2009 at 2:25
Hola Jose, lo que necesitas es un PC de gama media, incluso gama baja. Lo más importante es hacerte con Photoshop y una tabla Wacom. El resto es sólo práctica.
27 Octubre 2009 at 22:59
Wao man es asombroso lo que estas haciendo con tu trabajo. muchas gracias por compartirlo con todo el mundo.
29 Octubre 2009 at 9:00
A great technique once again from the master
thanks for the tutorial, helped me a lot!
2 Noviembre 2009 at 22:48
Increible tu forma de pintar, ayudame con mi pedido por favor.
9 Noviembre 2009 at 16:34
Hola
Estoy haciendo algo de ilustracion en photoshop siguiendo tus consejos (¡¡gracias!!), PERO me encontre con un problema. cuando uno las capas, el degradado entre colores a veces queda grosero. ¿Como puedo suavizarlo? Uso “desenfocae” pero le quita realismo. ¿Hay alguna herramienta tipo difumino o que mezcle colores?
Un abrazo
Legion
9 Noviembre 2009 at 16:57
Hola Legion, no sé si te refieres a que tienes algún problema de gestión de los perfiles de color o simplemente sea falta de técnica.
En el segundo caso, para mezclar los colores puedes usar el “blur tool” o el “smudge tool” pero me temo que es cuestión de práctica.
9 Noviembre 2009 at 18:52
Hola Sergio!!
¡Gracias por la respuesta! si, me referia a la mezcla de colores.
¡¡Asi que las herramientas son dedo y desenfocar!! bueno… a practicar entonces!
Un abrazo
Legion
11 Noviembre 2009 at 1:17
El pelo es genial, se parece al del personaje que hiciste como wallpaper para psdtuts
si mal no recuerdo
11 Noviembre 2009 at 1:20
una pregunta: ya q este estilo no lo había visto antes en tus trabajos, ¿fue el cliente a quien se le ocurrió que fuese así, realista?
13 Noviembre 2009 at 12:40
Truly amazing, the detail is emence.
17 Noviembre 2009 at 1:39
Hola que tal primeramente quiero darte las grasias por apoyarnos con este gran tutorial y los demas un gran trabajo ,empeño, y lleno de calidad miles de grasias, segundamente realizas unas ilustraciones a detalles impresioanntes veo que cambias de estilo de digital paint degradados etc exlentes tus tecnicas bro pues muchas felicidades por tu gran trabajo nos vemos luego salu2
22 Noviembre 2009 at 17:37
Simply INCREDIBLE man….I LOVE IT !!! GOOD JOB!!!
26 Noviembre 2009 at 0:38
Me gusta mucho tu laburo sergio. Que sepas que por aca (Argentina) y por lo menos de mi parte te estoy muy agradecido por los consejos, los tips, la humildad y la sinceridad.
Se agradece y se aprecia.
Salu2~
10 Diciembre 2009 at 15:34
10 horas para eso?
o.o
dios
ahora ya se por que esta bueno =)
27 Diciembre 2009 at 12:32
seriuosly you only use PHOTOSHOP? Never with illustrator for this tuts!? Incredible..
12 Enero 2010 at 17:25
Impresionante tutorial, creo que tienes un sitio en mis favoritos…jejeje espero hacerlo pronto!!
13 Enero 2010 at 7:31
It looks cool! I like it very much even though is not my style:)
5 Febrero 2010 at 2:34
wow!!!! muy buen trabajo Sergio cada vez me sorprendes mas!