Tutorial Efecto Comic con Photoshop

Tutorial Efecto Cómic Photoshop



Bienvenidos al tutorial efecto cómic con Photoshop.
En este tutorial vamos a hacer un Efecto Comic que podréis usar para poner nuestras fotos en álbumes de fotos para darles un toque más divertido.

Lo que haremos es abrir una foto normal y corriente y tratarla para que parezca sacada de un cómic o tebeo.

Una vez hecha podréis añadir viñetas, bocadillos o incluso personajes de cómic.

Veremos que este tutorial es muy fácil y tiene unos resultados realmente increíbles.


PASO 1: SELECCIONAR LA FOTO



Abrimos la foto que queremos usar en el tutorial (Archivo>Abrir)
Si queremos darle un toque diferente a la foto antes de empezar vamos a Imagen>Ajustes>Niveles y ponemos los Niveles de entrada que queramos, en mi caso no me ha hecho falta cambiarlo.

La foto que he utilizado es la siguiente:

tutorial efecto comic
Haz click en la imagen para verla en grande



PASO 2: Filtro Desenfoque Suavizado


Ahora vamos a darle un efecto no muy realista pero que servirá para, más adelante, darle el toque final del efecto cómic.
Para ello vamos a Filtros>Desenfocar > Desenfoque Suavizado con los siguientes valores:
  • Radio: 50
  • Umbral: 50
  • Calidad: Baja
  • Modo: Normal


tutorial efecto comic



PASO 3: CREAR LAS CAPAS DE BORDES Y CONTRASTE

Ahora duplicamos la capa (Ctrl+J) y la llamamos Bordes. Acto seguido le quitamos el color desde Imagen > Ajustes > Desaturar o simplemente pulsando Ctrl+Alt+U.

Una vez hecho esto vuelve a duplicarla, y a esta nueva capa la llamaremos Contrastes.
Te debería de quedar una distribución de capas como la de la siguiente imagen:

tutorial efecto comic


Ya tenemos 4 capas para el efecto cómic: Fondo(no la modificaremos), Capa 1 (la que lleva el color) Bordes y Contrastes.

PASO 4: Creando el relleno del cómic



Vamos a crear la última capa que necesitaremos. Para ello selecciona la capa Bordes de tu panel de capas y ve al panel de Canales (justo al lado de capas).

Una vez dentro, manteniendo la tecla Ctrl pulsada, haz click en el canal RGB. Verás que se ha seleccionado parte de la imagen.

Una vez hecho ve a Selección > Invertir Selección o simplemente pulsa Ctrl+Shift+I.

tutorial efecto comic


Ahora vamos a Capa > Nueva capa de relleno > Color uniforme y la rellenamos de color negro. La distribución de capas nos tiene que quedar así:



Pues ya está, ya tenemos todas las capas configuradas, lo único que nos queda es aplicarles filtros.

PASO 5: Los dos filtros del cómic.


Ahora vamos a seleccionar la Capa 1 (la que tiene color) y le aplicaremos dos filtros para simular un efecto de trazado para el color del cómic.

Si quieres ver como va quedando, oculta las 3 capas superiores(Bordes, Relleno de color y Contrastes).

Primero vamos a Filtro > Galería de filtros y en el bloque artístico seleccionamos Manchas.
En mi caso he utilizado estos valores(puedes variarlos según tu foto):

  • Longitud de trazo: 10
  • Área resaltada: 15
  • Intensidad: 10


tutorial efecto comic


Pulsamos en OK y vamos a aplicar el segundo filtro. Filtro > Galería de filtros y en el bloque Trazos de pincel seleccionamos Trazos oscuros con estos valores:

  • Equilibrio: 4
  • Intensidad de negro: 0
  • Intensidad de blanco: 6

tutorial efecto comic

Ya tenemos nuestra Capa 1 terminada, sigamos con la capa Bordes.

PASO 6: Los filtros de los Bordes y Contraste


Seleccionamos la capa Bordes(si la habías ocultado, hazla visible) y vamos a Filtros > Galería de filtros y en el grupo de artísticos seleccionamos Bordes añadidos con estos valores:

  • Grosor de borde: 10
  • Intensidad de borde: 10
  • Posterización: 6

Acto seguido pulsamos Ctrl+L y cambiamos los niveles de entrada. En mi caso he puesto los valores [0 - 1.00 - 50]

tutorial efecto comic


Al igual que hemos hecho antes, vamos a seleccionar ahora la capa Contrastes y vamos a Filtro > Estilizar > Hallar bordes. Nos debería de quedar así:

tutorial efecto comic

Una vez terminado esto ya no falta casi nada para terminar el tutorial de efecto cómic. Para seguir, cambia la distribución de las capas Contrastes y Bordes de Normal a Multiplicar, tal como indica la imagen.



PASO 7: Final, Uniendo los efectos


Vamos ahora a por la capa Relleno de color 1, pulsamos botón derecho sobre ella y Convertir en objeto inteligente. Una vez hecho, otra vez botón derecho y Rasterizar capa.


Ahora, manteniendo la tecla Ctrl pulsada, haz click en la miniatura de la capa. Verás que se ha hecho una selección.
tutorial efecto comic

Con la selección hecha creamos una máscara de capa. Para crearla pulsa el botón Máscara de capa situado debajo del panel de capas, tal como indica la imagen.



Verás como ha cambiado la capa y ahora se ha unido otra capa. Selecciona únicamente la máscara, como indica la imagen.



Una vez seleccionada la capa vamos a Filtro > Pixelizar > Semitono de color y cambia solamente el radio introduciendo 4.
Pulsa Ctrl+I para invertir los colores de la máscara y cambia el modo de esta capa de Normal a Superponer (igual que hemos hecho antes con multiplicar).

Finalmente, con todas las capas visibles terminamos este tutorial de efecto cómic con el siguiente resultado:

efecto comic photoshop



Extra:

Como extra podéis añadir los detalles que creáis necesarios. En mi caso he añadido un borde interior, un titular con una tipografía de cómic y un bocadillo con mensaje que sale del coche.


efecto comic photoshop
Haz click en la imagen para verla en grande.


Espero que os haya gustado el tutorial. Podéis probarlo con otras imágenes y simular una historieta o escena de cómic.






11 comentarios:

Darkan dijo...

Esta excelente el tuto, y los torso tambien, espero coloquen mas jeje

LA PEÑA dijo...

mola el tuto,pero no se ve ninguna imagen.

Anónimo dijo...

ME GUSTA ESTE EFECTO PERO HE SEGUIDO LOS PASOS Y NO ME SALE, Y YA QUE NO SE VE NINGUNA IMAGEN NO SE SI LO ESTOY HACIENDO BIEN O EN QUE ME PIERDO, SOY NUEVA EN ESTO. DECIRME ALGUNA PAGINA DONDE HAYAN MAS TUTORIALES. GRACIAS

recursodesign dijo...

no se ven las imagenes para poder apreciar el tutorial , gracias

Anónimo dijo...

Los tutoriales de esta página son excelentes, pero me salió medio raro porque las imagenes no se ven y cuesta mucho realizarlo... Costará mucho volverlas a subir??

Anónimo dijo...

no sos claro en el paso del degradado, tambien te sugiero pongas las imagenes para los que no manejan el photo, si no tenes tiempo para administrar el sitio fijate si algun amigo lo puede hacer, saludos

Anónimo dijo...

wwww

lia murillo dijo...

Me quedo Buenaso!!! gracias a esta publicacion!!

kkeni dijo...

Excelente información, y me encanta el detalle al explicarlo. Muchas gracias.

goldelcani dijo...

En el paso 7 no me sale , ayuda xD... le doy click derecho a la capa relleno de color 1 , le doy a convertir a objeto inteligente , luego clikck derecho y rasterizar capa ,y al momento de apretar CTRL + click a la miniatura me salta un cartelito que dice "atencion , no se ha seleccionado ningun pixel"

Eduardo Alvarez dijo...

uufff, salió igual pero mucho trabajo. No hay una forma mas simple?