Deviantart Youtube Twitter Facebook My feed Feed directly to your inbox

The World´s longest Photoshop coloring tutorial (day 1 to 5)

23 Diciembre 2009

Ejercicios, Photoshop, Tutoriales

The World´s longest Photoshop coloring tutorial (day 1 to 5)
Choose your language / Elige tu idioma:englishespañol

Hola amiguetes, tiempo para un tutorial muy especial, intentaré escribir el tutorial más detallado que hayais visto sobre cómo colorear un personaje en Photoshop al estilo SOSFactory. Lo postearé por entregas, irá acompañado de videos a tiempo real desde mi canal de Youtube y con voz de Anita Nagu (ya que mi inglés es pésimo), cuando hayamos terminado el tutorial ofreceré:

  • Un PDF con el tutorial completo.
  • Un video recopilatorio en alta resolución de todo el proceso con comentarios en español e inglés.
  • El archivo en PSD en alta resolución bajo licencia creative commons (para uso personal y comercial).
  • El diseño en PSD por capas, para que puedas investigar.
  • Además de alguna acción de Photoshop y la paleta de colores usada.

Yo pensaba ofrecer el pack completo por unos 5-10US$… ya me contareis si os parece justo, pensad que mantener un blog como este no es gratis, además del tiempo y energía que se requiere. Sería una bonita manera de contribuir a que este blog siga ofreciendo contenido de calidad.

INDICE

Día 1: descárgate el dibujo para empezar

A aquellos que ya hayais coloreado el personaje les sugiero que lo vuelvan a hacerlo siguiendo este tutorial, después compararemos las dos versiones y vereis cuanto habeis mejorado. Los que aún no lo hallais intentado y esteis interesados en seguir el tutorial pueden descargar la imagen aquí:

Practice coloring skills

Y sin más, estamos listos para empezar :)
Nos vemos en un par de días, permaneced atentos y no olvideis hacer tweet de este post si os gustó la iniciativa.

Día 2: extraemos las lineas

El mejor método para colorear un dibujo es extrayendo las lineas, porque nos da la posibilidad de colorearlas fácilmente como luego veremos. Descargarte el dibujo, abrelo en Photoshop y sigue estos pasos:

  1. Abrimos nuestra imagen en Photoshop.
  2. Vamos al panel Canales y hacemos CTRL+click en el canal azul.
  3. Seleccionamos la Varita Mágica (W) y hacemos click derecho, elegimos Selección inversa.
  4. Vamos a Editar> Copiar (CTRL+C) y luego Editar> pegar (CTRL+V) y ya tenemos las lineas separadas del fondo.
  5. Nos ponemos en la capa "Background" y vamos a Imagen> Ajustes> Hue/saturación (CTRL+U) y ponemos la iluminación al +100 para quedarnos con una capa totálmente blanca.
  6. Renombramos la capa nueva a "Lineart" y volvemos a hacer CTRL+U, esta vez ponemos la iluminanción a -100 para quedarnos con unas lineas complétamente negras.

Extract lineart in Photoshop

Cómo ves el dibujo está ultralimpio porque lo dibujé digitalmente, en este tutorial nos centraremos sólo en el color, si estás interesado en obtener lineas limpias puedes visitar el post para aprender cómo entintar un dibujo con Photoshop.

Algunos consejos para conseguir un dibujo limpio.

  • Lo mejor es entintar digitalmente, ya sea con una tabla digitalizadora o con las herramientas de dibujo vectorial.
  • Trabaja siempre en alta resolución, cuanta más mejor, asegúrate al menos unos 2.500 x 2.500 píxeles.
  • Si decides trabajar a partir de un dibujo en papel, escanéalo en escala de grises o conviértelo a escala de grises en Photoshop antes de extraer las líneas.
  • Echa un ojo a este post acerca de cómo entintar un dibujo con Photoshop.

Resumen del día

Estamos trabajando en el sonido de los videos, pronto estará disponible.

Nos vemos en unos días!!

Día 3: hacemos la plantilla de colores planos

Entre la capa "Background" y la capa "Lineart" creamos una nueva capa que llamaremos "Flat colors". Esta capa con colores planos tiene 2 misiones:

  1. Elegir nuestro esquema de color.
  2. Tener aisladas las diferentes areas para hacer selecciones rápidas con la varita mágica (W).

Para pintar nuestra plantilla usamos la Varita Mágica (W) sobre la capa "Lineart" (esta es una ventaja de tener unas lineas bien limpias), después expandimos la selección para que no nos deje bordes dentados (Select > Modify > Expand: 3px), elegimos un color y hacemos click con el bote de pintura (G) en la capa "Flat colors":

Expand Selection

Algunos consejos para hacer una buena plantilla de colores planos:

  • Aunque siempre estás a tiempo de hacer cambios, visualiza el diseño acabado e intenta definir tu esquema de color.
  • Usa colores medios, ni muy saturados/desaturados, ni muy claros/oscuros.
  • Renombra la capa cómo "Flat colors".
  • Bloquea los píxeles de la imagen en la capa "Flat colors", así no pintarás en ella por accidente.

Resumen del día

Hoy hemos hecho una plantilla de colores planos para hacer selecciones rápidas y acelerar el flujo de trabajo, además de decidir nuestro esquema de color.

Esquemas de color

Esta es mi plantilla de colores planos.

Nos vemos pronto!!

Día 4: pintando areas simples

Por fin tenemos nuestro diseño listo para colorear :)

Empezaremos por algo tan fácil como los ojos para explicar la técnica, conforme avancemos el tutorial se hará más complejo. Como hay mucha gente que no tienen una tabla Wacom, hoy usaré el ratón y las herramientas de diseño vectorial y degradados, cómo vereis el resultado es el mismo sólo que invertiremos más tiempo, el resto de días usaré mi Wacom para ir más rápido, si necesitais ayuda podeis echar un vistazo a este post sobre cómo dibujar con las herramientas de dibujo vectorial en Photoshop.

Antes de nada dejame explicarte un poco de teoría que te será muy útil a la hora de aplicar una iluminación correcta:

Pintando ojos estilo cartoon

Como veis en la imagen he puesto la fuente de luz arriba y ligéramente a la izquierda, esto quiere decir que las zonas iluminadas estarán arriba y las sombras abajo. Por encima de las sombras añadiremos un poco de luz reflejada para dar volumen. No buscamos un acabado realista pero si que sea coherente.

Paso 1: sombras.

Creamos un nuevo grupo de capas que llamaremos "Eyes" y dentro creamos una nueva capa donde vamos a pintar las sombras, la llamamos "Shadows" y la ponemos en modo de fusión Multiply.

Pintamos sombras duras

Hacemos una selección de los ojos usando la Varita Mágica (W) sobre nuestra capa de colores planos (Flat colors), volvemos a la capa "Shadows" y pintamos un contorno con el mismo color azul de fondo (#92b6e6), se ve más oscuro porque la capa está en modo Multiply. Como dijimos la luz viene de arriba, así que las sombras serán más gruesas por abajo.

TIP: las lineas punteadas de las selecciones a veces resultan un poco molestas, podemos esconderlas con CTRL+H.

Difuminamos las sombras

Suavizamos el contorno que hemos creado, para eso usamos un pincel grueso con bordes suavizados. La clave es pintar desde lejos, para que el contorno se difumine pero no desaparezca. Cuando termines vuelve a poner la capa en modo Normal.

Los ojos son fáciles de hacer porque su forma es muy simple, por desgracia no todo es así de sencillo, para formas más compleja tendremos que aprender a usar el Pincel historia (eso lo veremos el próximo día).

Paso 2: luz.

Añadimos un gradiente

Creamos una nueva capa por debajo de la capa "Shadows", que llamaremos "Lightness", donde haremos un degradado de blanco a transparente, desde arriba a la izquierda hasta abajo a la derecha. La clave es hacerlo suave, sin cubrir de blanco todo el ojo.

Paso 3: luz reflejada.

Pintamos la luz reflejada

Ahora creamos luz reflejada para darle volumen al ojo, para esto creamos una nueva capa que llamaremos "Reflected light". Hacemos un contorno blanco que no cubra todo el area de la sombra, después difuminamos el contorno interior, pero esta vez usamos el borrador (E) con cuidado de no borrarlo del todo, sólo queremos que se haga un poco transparente.

Paso 4: pintamos pupilas.

Para pintar las pupilas del personaje creamos un nuevo grupo de capas llamado "Pupils"por encima de la capa "Lineart".

Pintaremos las pupilas en 3 capas como vemos en la imagen:

Pintando ojos estilo cartoon

  • Imagen 1: capa que llamaremos "Glow", creamos un circulo ligeramente ovalado y le aplicamos un gradiente de blanco a transparente, procuramos que el ovalo no quede completamente blanco si no con un poco de transparencia.
  • Imagen 2: creamos una nueva capa que llamaremos "Glow 2", pintamos un gradiente circular con azul saturado (#10a4fa) y ponemos la capa en modo Linear Dodge.
  • Imagen 3: creamos una nueva capa que llamaremos "Pupil", pintamos el mismo color azul algo como lo que ves en la imagen.
  • Imagen FINAL: esto es lo que obtenemos al activar las 3 capas.

Paso 6: coloreamos las lineas.

Por último creamos una capa por encima de la capa "Lineart" que llamaremos "Color hold", esta capa la usaremos para colorear las lineas.

Pintamos las lineas

Hacemos CTRL+Click en el icono de la capa "Lineart" para hacer una selección de las lineas, y nos vamos a la capa "Color hold". Seleccionamos un color azul un poco más oscuro (#223171) que el que usamos para el globo ocular, así conseguimos que la linea se funda con el diseño pero todavía sea distinguible.

Resumen del día

Hoy hemos pintado una forma tan simple como los ojos de nuestro personaje, el próximo día pintaremos los dientes, al ser más complejo tendremos que aprender a usar el pincel historia.

Ojos estilo cartoon

Hasta pronto!!

Día 4: pintando areas complejas: el pincel histórico

Muy buenas amiguetes, mañana vuelo hacia Berlín y me tomaré algunos días de descanso pero antes de salir quería postear el último video del Tutorial de coloreado con Photoshop más detallado del mundo.

Por ahora no hay tutorial, sólo el video donde puedes ver como coloreo zonas más complejas gracias a nuestro buen amigo el Pincel Histórico, puse mucho cuidado para hacerlo lo más sencillo posible, con suerte entedereis como funciona por vosotros mismos, de todas maneras postearé el tutorial en los próximos días, hasta entonces disfrutad del video.

Seguimos muy pronto!!

This post was written by:

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

90 Comments For This Post

  1. Darky Says:

    El primero en comentar!!.. asi que me merezco un descuento no?… :) .. Me parece justo el precio y estaremos atentos a esos videos..

    Saludos…

  2. Mikael Cubillan Says:

    I’m excited!

  3. Mikael Cubillan Says:

    Hello Sergio! (Maybe I will choose between 5$-10$) Yeah your right running a blog is not easy… and your tutorial also is a high quality… I think its worth to pay or donate… (I hope some vector coloring tutorials in the future =)

  4. Susan Johnston Says:

    HI – great tutorial that i just went through. I’m hungry for more that will show me how to colorize the cartoon figures. I am an illustrator but primarily traditional / realistic.
    I’m doing a project that requires cartooning and am chomping at the bit to
    get good at it.

    You definately can charge or ask for donations on our tutorials – I’m ready to pay!
    please let me know if you have any finished that show how you work with color. I think I have the line art down! Wow – THANKS!!
    Susan

  5. Diana Says:

    No sé si sería buena idea, hmm, que una parte la des gratis y el resto sea de pago :) , como por ejemplo el psd, Sergio. ¡Está genial todo esto!

  6. Josue Says:

    te felicito por tus aportes sergio, y me parece una buena idea, aunque para colorearlo necesitas una tabla digitalizadora? porque desgraciadamente aun no tengo una.

  7. vlad Says:

    I think that’s a great idea! Looking forward for the tutorial :)

    Vlad.

  8. Sergio Ordonez Says:

    @Mikael: nice idea, if it works fine maybe we could do the same but with vectors.

    @Susan: check this link: http://www.smashingmagazine.com/2008/02/13/drunken-monkey-photoshop-tutorial/

    @Diana: la idea es ofrecer el tutorial gratis, y el pack completo de pago, así quien quiera puede contribuir a la causa y de paso sacar más partido.

    @Josue: la tabla ayudará bastante pero intentaré que los que no tienen puedan seguirlo.

    Thanks for the support buddies!!

  9. Jonathan Says:

    estaré pendiente de este tutorial y además listo para pagar :D

  10. Lou Says:

    Sounds good. I’ll pay $5 to $10 for the tutes. Hey, would love to see one from start to finish, video that is, with voice over. Like what pencils you use and if you draw on regular typing paper or something else(some creatives use tracing paper or velum) and if you prefer PS or Illustrator, things like that. Thanks

    Love your blog, great resource.

  11. Ramon Mejia Jr. Says:

    This is a great idea and I’m all for it! Una idea muy buena y pagar de 5 ha 10 para eso no es mucho para lo que compras. Disculpa por mi castellano, no lo escribo muy bien:)

  12. radioflash24 Says:

    ola sergio, exelente lo que estas aciendo! Pero yo soy menor y no se como comprar las cosas xD

    Deberias ponerlo gratis, ya ganas algo con la publicidad, tampoco el hosting es tan caro creo xD

    Un saludo =)

  13. Sergio Ordonez Says:

    @Radioflash24: el tutorial es gratis, el resto es para soportar los gastos de traducción (bastante trabaja Anita de forma altruista), de energías y de tiempo… los ingresos por publicidad actualmente son 0.

    Por favor, no creamos que todo en la vida tiene que ser gratis… esto es un servicio al que dedico muchísimas horas al día, si no pensara que va ser rentable algún día simplemente dejaría de hacerlo.

    Igual al contrario, cuanto más rentable sea, más tiempo podré dedicarle.

  14. Nelutu Says:

    very nice :) thanks

  15. JCMaziu Says:

    Esperando impaciente la continuacioón.
    Gracias por el trabajo que te tomas en estos tutoriales Sergio.

  16. Miguel Says:

    Hola Sergio, me llamo Miguel y tengo 24 años y soy de malaga(nerja no se de donde seras tu :P ), tradicionalmente siempre he dibujado con boligrafo o lapiz sin importarme mucho el hecho de color. Pero mira desde que topé con tu blog me he estado manejando con photoshop(con raton por ahora ahora) y la verdad es que el resultado me motivó bastante por lo que me voy a comprar una Wacom Intuos4 S(la pequeñita) ¿como lo ves?¿es preferible gastar los doscientos y pico euros que cuesta en una bamboo que es menos gama pero mas tamaño?¿o por lo contrario es mejor la intuos peque?

    Por otro lado para comprar el tutorial este una vez completo de 5-10US$ como lo compro desde aqui desde andalucia/españa??¿cual es el metodo de pago?esque ya tienes un cliente para eso(que aki poco dolares shikillo :P )
    Bueno lo dicho muchas gracias y enorabuena por este blog y sobretodo gracias por tomarte la molestia y perdona por tanta pregunta y tanto texto.

  17. Sergio Ordonez Says:

    Hola Miguel, ¿cómo estás paisano? Yo soy de la capital, zona Rosaleda.

    Te recomiendo ir a por la Intuos 4 al tamaño más pequeño. Echa un ojo a este post: http://www.sosfactory.com/blog/articles/manual-to-choice-your-first-graphics-tablet/

    El tema del pago aun no está resuelto, seguramente usaré Paypal que es el sistema más extendido, pero hay que estudiarlo un poco :)

    Saludos.

  18. Miguel Says:

    una cosa para entintar el dibujo a partir de un boceto a lapiz con la intuos4 se puede?o solo con la cintiq esta de gama alta porque me interesaria tambien el tema de dibujar con ella(calcar diria yo a partir de un dibujo escaneado)¿¿como ves esto??
    perdona que sea tan cansino pero esque soy novato en esto del dibujo digital :) por cierto estuve mirando el post ese de las tabletas me fue muy util que solo avia mirado tutoriales y eso y hay cosas mucho mas interesantes
    saludos y gracias por la atencion :D

  19. Lesha' Says:

    Hello,Sergio
    Thanx for the tut!I really think you do a great thing!
    I have a question and a comment
    the question goes like this why it is the Blue channel you pick to select all in it? is it cause it’s usually the darkest?
    and the comment is kind of silly:
    when i ctr clicked the blue channel i accidentally selected it only so when i then tried to copy and past my Background laer nothing happened :)

  20. Sergio Ordonez Says:

    Thanks for the support guys :)

    @Miguel: para entintar o dibujar te va a costar un poco. Las tablas para lo que realmente sirven son para pintar. Te aconsejo este otro artículo: http://psd.tutsplus.com/articles/tools/how-to-choose-a-graphics-tablet-that-fits-your-needs/

    @Lesha: if the image is in grayscale it really doesn´t matter, you can pick any channel.

  21. yellowfiv3 Says:

    Another way which you could do is always use the Multiply Layer Blending Option if your too lazy to extract the lines. But I would suggest this method, allows for a more flexible document.

  22. Miguel Says:

    Hola Sergio soy el de nerja de nuevo ! :D perdona que no leí el post de respuesta que me diste y lo veo ahora que con el curro macho estoy que no paro una cosa ese 2º link que me das me interesa muchisimo tio pero en español no esta por ai??pfff macho esque eso es justo lo que yo buscaba y yo de inglish ando muy bad jejeje bueno compañero gracias por la ayuda y este post esta ya en mi lista de favoritos que no se me olvida visitarlo periodicamente jeje, bueno compañero aver si me dices si esta por ai http://psd.tutsplus.com/articles/tools/how-to-choose-a-graphics-tablet-that-fits-your-needs/ in espanis :D :D
    un saludo

  23. Sergio Ordonez Says:

    Lo siento Miguel, está sólo en inglés, tienes dos opciones: o usas un traductor o intentas traducirlo tú mismo. Yo optaría por lo segundo, el inglés abre mil puertas ;)

  24. Sarna Says:

    Fantastica tua idéia de compartilhar o conhecimento nesta área. Muito bons teus desenhos.

  25. vp203 Says:

    hey sergio i think donating will be awesome man! just try and make it that we can pay with VISA too because with paypal is always a bit of a problem for some!! thanks so much for what you have done!!

  26. Omar Says:

    Segio, antes que nada gracias por compartir tus técnicas.
    En mi caso que soy principiante me guío mejor con el vídeo en tiempo real. Alcancé a seguir las instrucciones hasta antes del suavizado de las sombras en los ojos. No supe como hacerlo. Intente continuar con lo demás pero quede perdido.

    Sería muy bueno que crearas cursos en línea como los de schoolism.com.
    Si el precio es razonable pagaría por un curso tuyo de creación de personajes.

    Saludos,
    Omar
    Colombia

  27. Sergio Ordonez Says:

    Hola Omar, en breve postearé el video de los últimos pasos. De todas maneras es bastante sencillo, leelo con calma.

    Por ahora impartir cursos online es imposible, necesitaría una infraestructura que no tengo, pero gracias por la idea ;)

    Saludos.

  28. Diana Says:

    Hola Sergio, hice un comentario, más bien una pregunta en tu canal de youtube, pero creo que no lo viste, era sobre el software que usas, sé que es Photoshop CS4, me preguntaba si es mejor descargar una versión de prueba cada mes, pues no lo puedo costear, ¿lo descargas de algún sitio? yo hice eso y me ha salido con virus :/. Saludos

  29. Sergio Ordonez Says:

    Perdona Diana, creo que se me pasó contestarte. Puedes descargarlo desde la misma web de Adobe: http://www.adobe.com/downloads/

  30. Diana Says:

    Gracias por tu respuesta, de hecho pensé también que el comentario no se había publicado y que por eso no lo viste :P

  31. Jonathan Says:

    hola Sergio, realmente me considero fans de tu trabajo, y pues no me queda mas que decirte gracias por compartir tus conosimientos con nosostros los novatos… bueno aunque puedo admitir que ya tenia conocimientos de photoshop, pero con tus tutoriales se me han abierto mas los ojos con respecto al programa, espero con mucho entuciasmo la 5ta, parte del tutorial, pues el manejo del pincel de historia, y la forma en que tu la usas en tus ilustraciones me parese muy interezante, desde Colombia un admirador de tu trabajo! GRACIAS.

  32. Jose Says:

    Hola Sergio, muchas gracias por el tutorial, es genial!!!
    Me he quedado un poco atascado en el paso 3 del día 4. ¿En que orden hay que colocar la capa nueva? ¿Como realizo el contorno del que hablas?
    Llevo como 3 horas dandole y no logro conseguirlo, que inepto soy!!

    Un abrazo!!!

  33. Sergio Ordonez Says:

    Hola Jose, en la última imagen puedes ver el orden de las capas.

    Para hacer el contorno lo mejor es usar las herramientas de dibujo vectorial. Primero rellenas todo el ojo de azul, después creas un circulo para borrar la parte de adentro, botón derecho y haces selección, por último borras el área seleccionado.

    En breve pondré un video.

    Saludos y gracias a todos :)

  34. radioflash24 Says:

    o.O que bueno :D me prestaron una tabbleta digitalizadora jeje al principio fue muy dificil de usarla pero ya m estoy acostumbrando :D
    ahora a practicar… muy buen tuto :D

  35. LostDZ Says:

    no sé si te he dicho alguna vez que eres mi ídolo :D
    apúntate 10$… estoy ansioso por ver como lo terminas!

  36. manu Says:

    hola, Sergio.
    estoy deseando contribuir a la causa.
    Aunque el dibujo sea mi hobby, viendo tu blog cada dia me haces mejor.
    saludos desde Jaén.

  37. Aaron Says:

    Hola Sergio estoy planeando crear un blog paresido al tuyo =) me gusta mucho como tratas de transmitir tus conocimientos y ayudas a la gente, tambien me gustaría poder intruirlos aunque sea un poco (no tan bien como tu). Te deseo lo mejor y sigas teniendo exito. Y a la gente que lee este blog no ahi mas que seguir practicando y practicando para mejorar =).
    Saludos

  38. jopicar Says:

    Hola Sergio,

    La iniciativa, ESPECTACULAR!, el precio, moderado ;-) , y el tutorial es increíble, estoy alucinado viendo como avanza y alucino todavia más con tu forma de expresarlo y presentarlo.

    Gracias campeón, un saludo enorme desde Galicia y en estas entrañables fiestas desearte lo mejor: salud, amor, paz y prosperidad (que seguro la tendrás)

    Hasta siempre!

  39. amzg Says:

    ENORME!!!!! Que magnifico mega-tutorial!!!! Eres un crack!!

    Esperando con muchas ganas el dia 5º!!

    5-10$ es un precio genial.

    Un saludo y gracias por estos fantasticos tutoriales.

    PD: No se porque, en esta entrada en la version en castellano el blog esta totalmente descuadrado, los comentarios me salen a la derecha y no abajo, en la version en ingles se ve perfecto.

  40. amzg Says:

    Se me olvidaba apuntar, cuando saques el tuto completo, lo compro si o si.

  41. Sergio Ordonez Says:

    @amzg: muchísimas gracias a ti por decirme que algo iba mal, ya está solucionado :)

  42. Cholo Says:

    Hola Sergio.
    Gracias ante todo por tu tuto.
    Tengo un problema con la varita mágica. Al hacer la selección de area me coge todo el lineart y al usar el bote de pintura sobre la capa color me la rellena entera.
    Como haces para seleccionar solo un area determinada?
    Gracias.

  43. Sergio Ordonez Says:

    Hola Cholo, ¿estás usando este dibujo? ¿Has mirado el video? No tiene mucha complicación, ¿quizás tienes marcada “sample all layers” (arriba a la izq)?

  44. radioflash24 Says:

    esperando el dia 5!!!!!!

    xD

    estoy ansioso D:

  45. Diana Says:

    Sí, yo también notaba eso al igual que amzg pensaba que era mi navegador :S Feliz Navidad y año nuevo , Sergio :)

  46. Nelutu Says:

    Very nice tutorials, Thanks :)

  47. radioflash24 Says:

    primero en comentar :D

    yo ya se usar el pincel historico por que practique viendo tus videos jeje xD

    D:

    ahroa vere el video un saludo :D

    pero no se pintar zonas ams complejas T_T

  48. amzg Says:

    Ultimo video????? :( no se porque me habia hecho a la idea que veriamos todo el proceso de pintado, o almenos una zona mas compleja como por ejemplo el cuerpo y no los dientes.

    Aun asi gran video, esperando el tutorial hay algunas partes que me pierdo jeje

    Gracias!!!

  49. Sergio Ordonez Says:

    @Amzg: me refiero al último video publicado, habrán varios más :)

    Por cierto, el contenido de estos post se va añadiendo al post original y después se borra, si teneis alguna duda por favor, comentad en el post original.

    Saludos

  50. Salvador Lopez Says:

    Buena tecnica sergio eres un grand diseñador y se ve que todavia no pierdes el toque con el raton jeje bueno adios

    Saludos!!!

  51. Cronus Says:

    Sergio

    Thank you so much for taking your time and doing things like this. You are awesome!

  52. Miguel Says:

    Hola de nuevo sergio mira se que quieres que comentemos en el post original, pero esque mi duda no tiene nada que ver con el tema y no se, e decidido comentartelo aqui por que es el lugar mas concurrido ahora mismo(supongo). mira quiero crear una pagina web(pero de estas que sean .com o .es no blogger ni cosas de estas) y si me puedes decir tu que sabes del tema que compañia elegir, el precio(en euros plis) asi por encima,y otra duda es ¿como ago para personalizar la web una vez que es mia?es decir si quiero poner un apartado,no se, musica otro imagenes por ejemplo eso es muy dificil…???esque yo de informatica se lo justo
    perdona las molestias y gracias otra vez

  53. Sergio Ordonez Says:

    Hola Miguel,

    yo tengo hosting con http://www.downtownhost.com (sales@downtownhost.com) y la verdad que estoy muy contento. Hablan español así que puedes preguntarle cualquier duda, le doy tu email a Jorge a ver si te puede ayudar.

    A la hora de diseñar la página vas a necesitar bastantes conocimientos, lo mínimo un poco de HTML o saber usar Dreaweaver que te lo deja más fácil.

    Saludos.

  54. Miguel Says:

    Ok muchisimas gracias sergio por la respuesta y por todos los tutoriales, para diseñar la pagina la verdad habra que trastear por que yo de informatica ni papa.Bueno lo dicho sigue asi
    un saludo

  55. Miguel Says:

    Hola de nuevo Sergio acabo de comprer la wacom Intuos4 la pequeñita como me recomendaste, que me dijiste que el tamaño no importa sino la calidad(de la tabletas graficas que paece otra cosa xD) y nada a ver que tal se da la cosa que estoy deseando de probarla, no me fiaba mucho de comprarla por internet que soy novato en este campo y todo muy bien con paypal(bueno,por ahora xD)
    Un saludo y gracias por la recomendacion que me hiciste en su momento

  56. Fran Says:

    Q gran tutorial!!!Yo por mi parte tambien compraré el pack completo sin dudarlo, a gente asi hay que echarle una mano!!

  57. David Carles Says:

    Your work is awesome, you just had Rock my world today!

    Cheers!

    Dave.

  58. amzg Says:

    Ansioso me hallo esperando el resto del tutorial, alguna fecha?? XD

    Un saludo!

  59. Sergio Ordonez Says:

    Sorry, después de las vacaciones estoy liadísimo con el trabajo, además de mudanza X(

    A ver si puede estar para la semana que viene.

    Saludos.
    Sergio

  60. amzg Says:

    Nada, tranquilo, era solo para sondear un poco jejejeje.

    Ademas lo primero es lo primero, gracias por ser tan atento con nosotros.

    Un saludo!

  61. Miguel Says:

    Hola!!Tremenda la intuos4 sergio gracias por recomendarmela me encanta que es una compra mas que obligada porque es tremenda, respecto a lo que dijiste que era dificilillo dibujar lineas y tal era dificil, bueno a mi no me a supuesto mucho esfuerzo, os dejo el primer dibujo que he hecho sin colorear ni nada simplemente como si fuera a boli en papel esta noche que me llevo toda la noche :
    http://img98.imageshack.us/img98/4585/ojospequeprimerdibujoco.jpg

    Gracias!!y un saludo esperando ese dia 5 del tuto!!!

  62. jopicar Says:

    Caray Miguel! ue dibujo más chulo, se ve que te das maña, no me extraña que te costara poco adaptarte a la intuos xD
    Un abrazo y Feliz Año Nuevo a tod@s! :-)

  63. CarloV Says:

    Now i want learn how to use history brush!

  64. Mikael Cubillan Says:

    nice Sergio! very helpful!

  65. Gabriel Says:

    Hola Sergio, esta muy bueno el tutorial pero lo que no entiendo muy bien del pincel de historia es donde ubicarlo exactamente en el panel de historia..
    Sos una gran inspiracion. Te felicito por tu trabajo

  66. Sergio Ordonez Says:

    Hola Gabriel, la idea es pintar por partes, cada vez que tengas una parte terminada márcala en el pincel historia, así puedes bloquearla.

  67. Diana Says:

    Hola, Sergi, ¿has pensado en agregar botones de “reply” en los mensajes? así como en deviantart, por si uno quiere contestar a alguien o comentar en el blog.

    saludos :)
    Diana

  68. Sergio Ordonez Says:

    Hola Diana, no estaría mal, ¿conoces algún plugin?

  69. Diana Says:

    Creo que este http://wordpress.org/extend/plugins/wordpress-thread-comment/ aún soy principiante en wordpress

  70. Miguel Says:

    hola sergio, mira te comento:voy a contratar un dominio web con directnick.com y mi pregunta es:¿para editarla(meter imagenes, opciones,etc) existe algun programa?¿tu cual utilizas para esto?te pregunto porque eres el unico que conozco que controla del tema?espero tu respuesta
    muchas gracias de antemano

  71. Sergio Ordonez Says:

    Hola Miguel, echa un ojo a tu CPANEL, se accede desde http://www.tudominio.com/cpanel (necesitarás un pass y user), desdes ahí puedes gestionar tu dominio, además tienes acceso a tu FTP (servidor).

    Otra opción (preferible pero un poco más avanzada) es usar software para conectar con tu servidor. Yo uso uno muy sencillo que se llama FlashFXP pero puedes usar cualquiera, si es gratis mejor.

    Saludos.

  72. alex Says:

    hi there, this is the whole tut or do i have to pay(i’ll be happy to do a donation) to see it in more detail? thanks

  73. Sergio Ordonez Says:

    Hi Alex, all the tutorial is posted here by issues and for free, next part is coming out on 1st week February.
    When it´s finished I will offer lot of things more (listed in the beginning of the post) and will be by paid subscription.

  74. alex Says:

    ouh…that’s a quick answer :P thanks, i have to say that you are making a great work an i really apreciate it, keep on with the good tutorials ;)

  75. Evsey Says:

    Hi Sergio!I’m from Russia and my English is bad. I want to tell you many many many thanks! With your lessons I have learned to draw as much as before I could draw. If you would be interested I can send you a couple of works.
    Once again, thank!

  76. Diana Says:

    Sergi, yo he seguido el megatuto :P nada más que uso otro dibujo ahora, aunq la ardilla es genial.

    Saludos

  77. Jalo Says:

    Buenos tutoriales! aunque lo haces parecer muy fácil y después cuando uno lo intenta no sale eso es terrible pero a dibujar se aprende dibujando asi que esto debe ser parecido ^^

    Saludos

  78. Miguel Says:

    Hola de nuevo sergio he estado profundizando en el tema del coloreado y tal con la intuos mediante tutoriales tuyos y videos de youtube(vamos un potaje de estilos tengo que te cagas) y he coloreado mi primer dibujo digitalmente tras varios dias de aprendizaje, he de decir que el photoshop lo tengo desde hace 2 o 3 meses y la tableta no hace ni un mes, asi que espero progresar. El dibujo es este(oceto,dibujo y coloreado hecho por mi, una intuos4 S y la misma cancion repitiendose miles de veces…Nada de papel y boli ni escaneres que me queda muy feo):
    http://img51.imageshack.us/img51/1070/proyectotntpeke.jpg
    a ver si me puedes dar una impresion de profesional

    -sobre lo de crearse la pagina web ando liadisimo porque no tengo ni idea del tema y no se como crear las pestañitas estas,introducir imagenes y tal y solo se como contratar dominio y poco mas

  79. Miguel Says:

    por cierto¿Es lo mismo usar el pincel historia para suavizar las sombras y usar la goma de borrar? esque el pincel historia no lo comprendo ni a patadas. Perdona por el doble post y gracias por como nos ayudas a los principiantes que si no fuera por ti no tendria ni el photoshop
    un saludo

  80. amzg Says:

    Buenas!!!

    Alguna fecha aproximada para la continuacion del hypermega tutorial??

    Estoy ansioso por ver el resto XD

    Un saludete

  81. tabo Says:

    Estaremos deseando adquirir el tutorial, gracias adelantadas!!

  82. Fernando Says:

    me gusta la idea del pack que comentas, pero espero que sea accesible los medios de pagos para todos el mundo, y podrias ponerlo un poco mas economico, ya que no todo el mundo tiene 10 US$ en mi caso serian 40$ Pesos argentinos.

    no te lo estoy diciendo de raton ni similar, solo por el echo de que cuanto mas barato y accecible los medios de pago para todo el mundo, mas ventas vas a tener ;) y ganarias mas que si es mas caro.

  83. Fernando Says:

    a disculpame, no habia interpretado bien que dijiste 5 o 10 $US, podrias ponerlo a 6$us, y con el tiempo depende la complejidad del material de packs que vallas creando que varíen los precios

  84. Sergio Ordonez Says:

    Hola chic@s, ya estoy trabajando en la próxima entrega, el pincel histórico. Estad atentos!!

  85. M.R.L. Says:

    Gracias Sergio por dedicarle un vistazo a mi coloreado y gracias tambien por todo lo que nos ayudas :D .
    Lo del pincel histórico nos vendrá bien a más de uno, yo de momento lo único que he conseguido con el pincel histórico y el pincel historia es perder los nervios jajaja xD

  86. Accuzer Says:

    Mr Sergio my question is that which version of photoshop r u using? i am using CS4. m y question is that on the very first step of coloring the eyes that is when where we make a shadows layer after that applying a dark color and then u use the brush tool right? so i use brush tool too but my color gets out of eyes and doesnt blend properly.

    Plz tell me how to solve this

    Thankyou!!

  87. Sergio Ordonez Says:

    Hi Accuzer, I´m using CS4 but it works on any recent version.

    Did you understand why we make a flat colors template? Please read the tutorial:

    “… make a selection of the eyes using the Magic Wand (W) on our Flat Colors layer, then let’s go back to the “Shadows” layer and paint an outline with the same blue color of the background (#92b6e6). Looks darker because the layer is in Multiply mode…”

    By the way, please, try to write proper English or I won´t understand you.

  88. Accuzer Says:

    ok Sir. Sergio i get it by the way i just want to say that you are doing a great job. And i hope you become the best out there in the world.

    you Rock!!!

  89. creativo Says:

    Paso por aquí y no me puedo retirar sin comentar que haces una excelente labor Sergio.
    Gracias por ello y saludos.

    Creativo

  90. Sergio Ordonez Says:

    Hey Creativo, cuanto tiempo!!! Muchas gracias por tu apoyo, se agradece.
    Espero que todo te vaya bien.

    Saludos.

2 Trackbacks For This Post

  1. Anónimo Says:

    [...] The World´s most detailed Photoshop coloring tutorial (day 1 to 4) [...]

  2. Photoshop History Brush: the time traveller | SOSFactory Blog Says:

    [...] guys, this post is an addition to The longest Photoshop coloring tutorial, I posted a video in which you could see how I use the History Brush when I use color, but it [...]

Leave a Reply