Transforma tus fotografías en comics (Photoshop)

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:

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

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.

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.

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.

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.

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

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

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.

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.

Deja tu voto

0 puntos
Upvote Downvote

Total votes: 2

Upvotes: 1

Upvotes percentage: 50.000000%

Downvotes: 1

Downvotes percentage: 50.000000%

  • KYL

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

  • mindmaster

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

  • nova

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

    • Luis

      No mames nova por eso tienes -3.

      • Luis

        Ya son -23 xD!.

    • Andres

      Da lo mismo, GIMP tiene los mismos filtros

    • KYL

      ahora vas en -6… XD

    • plop

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

  • Felix

    u.u tengo GIMP.

  • KYL

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

    • plop

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

  • KYL

    Se pueden automatizar tareas en photoshop?

    • stemo

      si señor, con acciones 😀 una maravilla

  • MAMC2014

    muy bueno Gracias.

  • Miguel

    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

    • KYL

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

      • KYL

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

        Lo de paparela se aplica a los bocadillos, je

    • KYL

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

    • KYL

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

      saludos

      • Nico Varona Sosa

        Excelente complementación. Gracias KYL.

  • KYL

    eso me pasa por andar de acomedido XD

  • MAMC2014

    Me quedó bien, aunque no supe como poner la Cartelera y los bocadilllos como indica el tutorial.
    http://4.bp.blogspot.com/_Ue_oeBV3D5c/TDVUTDlwZKI/AAAAAAAAAPc/V4mubmuVkRA/s1600/FIO+COMIC+2.jpg

  • Inma

    Hola, me encanta el tutorial y ya lo he utilizado en otras ocasiones, pero esta vez no soy capaz de cargar la segunda parte del tutorial, no me sale la pagina. Hay alguna otra forma de poder verlo o descargarlo?

  • Anónimo

    hola el tutorial esta genial aunque no e podido cargar la segunda parte, alguien me podría decir algún link de descarga o en dado caso algún otro sitio para poder verlo completo