Transforma tus fotografías en comics (Photoshop)

Nico Varonas . Vista 17614 veces

Si eres uno de los míos, que de niño soñaba con escribir comics y se distrajo con la Nintendo para ver luego diluído su sueño junto a su habilidad, este tutorial es para ti.  Y si aún tienes tu sueño vivo, mejor. En este tutorial crearemos un efecto de comic para que nuestras fotografías se transformen en ilustraciones típicas de esas historietas que desde principios del siglo XIX vienen acompañando la infancia y también la adultez de millones de soñadores. Suelta el joystick y agarra el ratón, vamos a dibujar un rato.


  • Así podrán quedar nuestras fotografías con este tutorial:

    Este GT se convierte en protagonista de una escena gangster con este tutorial. Este GT se convierte en protagonista de una escena gangster con este tutorial.

    Para este tutorial utilizaremos esta fotografía fantástica de este poderosísimo musculoso americano:

    Con musculoso me refería a este automovil, eh. Jack Black quedará para otro tutorial. ^^ Con musculoso me refería a este automovil, eh. Jack Black quedará para otro tutorial. ^^

    Consideraciones y preparación.

    Es mandatorio para este tutorial que utilices una imagen de grandes dimensiones, al menos de 1500 x 1000 px, para poder tener un buen resultado con el filtro de semitono de color, fundamental para este proyecto. Este filtro tiene limitaciones específicas que tendremos que sortear, y es por ello que tener una imagen amplia nos ayudará.

    Ratones a la obra!

    PASO 1 - Suavizado

    Lo primero:

    • Duplicamos la capa Fondo.
      Recuerda que el atajo es CTRL + J

       
    • Nombramos la copia como Suavizado, ya que ésta será la capa donde aplicaremos ese filtro.

    ¿Cómo suavizamos? Cón un filtro de desenfoque a través del poco usado, pero super útil Desenfoque de superficie.

    • Sobre la capa Suavizado, vamos a Filtro > Desenfocar > Desenfoque de Superficie.
    Ruta a Desenfoque de superficie Ruta a Desenfoque de superficie

    En el menú de este filtro, pondremos los siguientes valores que pueden variar ínfimamente según la naturaleza de tu fotografía.

    • Radio: 5px
    • Umbral: 15px

    La idea es justamente suavizar los bordes y homogenizar los colores un poco más.

    Aplicación Desenfoque de superficie Aplicación Desenfoque de superficie
    Así queda nuestra imagen luego del filtro Así queda nuestra imagen luego del filtro

    PASO 2 - Desaturación

    Lo que haremos a continuación será preparar el escenario para el resto de los filtros, para ello necesitamos desaturar nuestra imagen. 

    • Duplicamos la capa Suavizado y la nombramos como Desaturar.
    • Vamos a Imagen > Ajustes > Desaturar

    La imagen perderá su color y estaremos en condiciones de continuar.

    Desaturado Desaturado

    PASO 3 - Semitono

    La primera acción que necesitamos realizar para el correcto funcionamiento de este filtro es captar la luminosidad de la fotografía para luego invertirla y terminar utilizando la oscuridad de la primera. Para hacer esto, seguiremos estos pasos:

    • Creamos una nueva capa y la nombramos Semitono.
    • Vamos a la paleta Canales y en ella, seleccionamos la capa RGB.

    Sobre esta capa, hacemos CTRL+CLICK para seleccionar las áreas de luminosidad de nuestra fotografía.

    Selección de luminosidad en Canales. Selección de luminosidad en Canales.
    • Siempre con la selección activa, volvemos al panel de Capas.
       
    • Nos situamos sobre la capa Semitono (Mediotono en el ejemplo) y presionamos CTRL+SHIFT+I para invertir la selección.

     

    • Teniendo el color negro como frontal, rellenamos la selección invertida.
      Podemos hacerlo a través de otro atajo: ALT+SUP

    Por último,

    • Deselecciona con CTRL+D o yendo a Selección >Deseleccionar.
    Semitonos con oscuridad pintada. Semitonos con oscuridad pintada.

    PASO 4 - Quitamos detalles

    Para continuar preparando el efecto, vamos a quitarle detalles a la imagen para hacerla más plana y más típica de la ilustración utilizada en los comics.

    Utilizaremos el filtro Cuarteado (en inglés Cut-out)

    • Primero ocultamos las capas Semitono y Desaturar
    • Seleccionamos la capa Suavizado y vamos a Filtro > Artístico > Cuarteado
    Ruta a Filtro Cuarteado. Ruta a Filtro Cuarteado.

    En el panel de Cuarteado, modificaremos los valores según nuestro parecer.

    • Número de niveles en 8
    • Simplicad de borde en 0
    • Fidelidad de borde en 3

    Esta configuración tendría que servirnos en general.

    Aplicación Cuarteado. Aplicación Cuarteado.

    Para terminar esta parte, 

    • Duplicamos la capa suavizado
    • Le ponemos Luz suave como Modo de fusión.

    Esto hará que los colores revivan luego de ser un poco opacados por el filtro Cuarteado.

    Luz suave como modo de fusión. Luz suave como modo de fusión.
Tags:

¿Y tú, qué opinas?

  • #1 KYL
    KYL miércoles, 07 de julio de 2010, 18:17

    voy a probarlo con personas, haber como me queda. =D

    Responder >> Attention Minus Plus Votos: 1 de 3
  • #2 mindmaster
    mindmaster miércoles, 07 de julio de 2010, 19:24

    gracias gracias gracias es gusto lo que necesito para un trabajo que estoy haciendo mil gracias nico no cambies :)

    Responder >> Attention Minus Plus Votos: 2 de 10
  • #3 <a href="../../foro/member.php?u=24230" target="_self">SANDRAPIN</a>
    SANDRAPIN miércoles, 07 de julio de 2010, 19:58

    Queremos más tutoriales... pero de GIMP!!!!

    Responder >> Attention Minus Plus Votos: -27 de 31
  • #4 Felix
    Felix miércoles, 07 de julio de 2010, 22:43

    u.u tengo GIMP.

    Responder >> Attention Minus Plus Votos: -10 de 12
  • #5 Luis
    Luis miércoles, 07 de julio de 2010, 22:50

    #3No mames nova por eso tienes -3.

    Responder >> Attention Minus Plus Votos: 4 de 12
  • #6 Andres
    Andres miércoles, 07 de julio de 2010, 23:30

    #3Da lo mismo, GIMP tiene los mismos filtros

    Responder >> Attention Minus Plus Votos: -5 de 5
  • #7 KYL
    KYL miércoles, 07 de julio de 2010, 23:32

    #3ahora vas en -6... XD

    Responder >> Attention Minus Plus Votos: 3 de 3
  • #8 KYL
    KYL miércoles, 07 de julio de 2010, 23:34

    Sólo espero que esto no se conveirta en una odiosa "guerra santa virtual fanboy" tipo Photochop vs Gimp -_-

    Responder >> Attention Minus Plus Votos: 5 de 7
  • #9 plop
    plop jueves, 08 de julio de 2010, 02:30

    #8Ya se convirtio hace mucho tiempo, y no es Photoshop vs gimp, sino codigo provativo vs fanboys de codigo libre...no importa la empresa que sea!!..

    Responder >> Attention Minus Plus Votos: 1 de 3
  • #10 plop
    plop jueves, 08 de julio de 2010, 02:31

    #3Los tutoriales de gimp puedes buscarlos en la net que hay un monton!!!...aqui deja las excelentes tutoriales de photohop, que por cierto son muy buenos!!!.

    Responder >> Attention Minus Plus Votos: 5 de 5
  • #11 KYL
    KYL jueves, 08 de julio de 2010, 02:39

    Se pueden automatizar tareas en photoshop?

    Responder >> Attention Minus Plus Votos: 1 de 1
  • #12 KYL
    KYL jueves, 08 de julio de 2010, 03:53

    #1Pueeees, así me ha quedado ^^U http://1.bp.blogspot.com/_HX7FXYG_TNs/TDUsWHhxoYI/AAAAAAAAAwY/N2T3rwNQDk4/s1600/WangHeeMeeComic01.jpg

    Responder >> Attention Minus Plus Votos: 4 de 4
  • #13 MAMC2014
    MAMC2014 jueves, 08 de julio de 2010, 04:58

    muy bueno Gracias.

    Responder >> Attention Minus Plus Votos: 0 de 0
  • #14 Miguel
    Miguel jueves, 08 de julio de 2010, 05:40

    No me salió el último paso Fondo, cartelera y bocadillos. No se como hacerlo si hago todos los pasos y nunca se pinta la herramienta del marco elíptico. alguien me podría indicar exactamente

    Responder >> Attention Minus Plus Votos: 0 de 0
  • #15 <a href="../../foro/member.php?u=2887" target="_self">enedeese</a>
    enedeese jueves, 08 de julio de 2010, 06:25

    #2pero que tan raroo, que justo cuando lo necesitas, te apareceee el tutorial¡¡¡¡¡... XD mentiras mindmaster pura envidia, a mi me habría caído muy bien un par de semanas atrás... pero bueno esaa platicaaa ya se perdioooo jojojoj

    con el permiso de Nico, les relaciono este tutorial, y de paso la pagina que es bien buena
    http://abduzeedo.com/reader-tutorial-easy-digital-painting-illustration-photoshop

    la pag es:::: http://abduzeedo.com/tutorials?page=1

    Responder >> Attention Minus Plus Votos: 2 de 2
  • #16 KYL
    KYL jueves, 08 de julio de 2010, 06:53

    #14Fondo:
    -Crear otra capa nueva (no una copia de la imagen)
    -Rellenas toda esa nueva capa con el bote de pintura
    - En el menú de capas (que por lo general está a la derecha de la pantalla) buscas la opción de RELLENO, lo cambias a 0 (cero)
    -Ahora le das click derecho a esa capa que le quitaste el relleno (en el menu de capas de nuevo) y elijes la opcion sombra paralela, y mis valores fueron mas o menos
    *opacidad 100
    *angulo 0
    *distancia 0
    *extension 100
    *tamaño 6

    Responder >> Attention Minus Plus Votos: 0 de 0
  • #17 KYL
    KYL jueves, 08 de julio de 2010, 07:03

    #14para los bocadillos cuando uses la herramienta de circulo /elipse y demás, fijate en el menu de herramientas que está abajito de la barra de menus (Archivo, Edit,) si tienes activada la opcion de CAPAS DE FORMA y en esa misma barra pero hasta el otro extremo está lo de estilo y color.

    Lo que hice fue en ESTILO seleccionar el icono de cuadro con la ralla roja (sin color) y ahora donde dice COLOR ahi seleccionas el matiz.

    Responder >> Attention Minus Plus Votos: 0 de 0
  • #18 KYL
    KYL jueves, 08 de julio de 2010, 07:12

    #14bueno espero te sirva y suponiendo que tienes el cs 3 o 4,

    saludos

    Responder >> Attention Minus Plus Votos: 0 de 0
  • #19 KYL
    KYL jueves, 08 de julio de 2010, 07:19

    #16haha un error, NO es sombra paralela, sino INTERIOR, sorry.

    Lo de paparela se aplica a los bocadillos, je

    Responder >> Attention Minus Plus Votos: 0 de 0
  • #20 <a href="../../foro/member.php?u=24512" target="_self">cosito</a>
    cosito jueves, 08 de julio de 2010, 07:25

    eso me pasa por andar de acomedido XD

    Responder >> Attention Minus Plus Votos: 0 de 0
  • « «« Anterior12Siguiente »» »
    Cargando...Cargando...

  • nuevo comentario
    Nombre

    Campo obligatorio

    Email

    Escriba una dirección de correo electrónico con el formato sunombre@ejemplo.com.

    Campo obligatorio

 
Ir arriba