Trucos Photoshop: Transformar una foto en comic

Aprovechando que mañana se inagura en Madrid Expocomic 2007, hoy voy a explicar como hacer que una foto parezca una viñeta sacada de un comic. Para este truco me he basado en la página web de Mac Merc que recoge el tutorial en inglés. Yo lo voy a contar a mi manera.

En primer lugar y como digo siempre es importante elegir bien la foto, yo he escogido una de la pelicula X-men que precisamente está basada en un conocido comic de Marvel. A ver como queda.

Paso 1

Pulsamos Ctrl+A para seleccionar toda la foto ya que vamos a trabajar con una copia. Cuando esté seleccionado pulsamos Ctrl+C para copiar la selección al porta papeles. Ahora pulsamos Ctrl+N para crear una nueva imagen tomando las mismas medidas que la selección. En la ventana que aparece le podemos poner el nombre que queramos y sólo cambiamos la opción Modo de color a Color Lab, todo lo demás lo podemos dejar igual.

Paso 2

Evidentemente ahora hay que pulsar Ctrl+V para pegar la foto. En la paleta de canales elegimos la que pone Luminosidad.

Paso 3

Seguidamente vamos a Imagen/Modo/escala de grises. Nos hace un par de preguntas a las que contestamos que OK.

Ahora vamos a guardar esta imagen tal y como está para usarla posteriormente. Nos vamos a Archivo/Guardar y le ponemos Dispmap.Psd como nombre. Es importante grabarla con .Psd que es el formato de Photoshop.

Vamos a mantener la imagen abierta pero vamos a cambiar a la que teníamos al principio. Si has cerrado la ventana vuelve a abrirla en Archivo/Abrir.

Duplicamos la capa de Fondo en Capa/Duplicar capa y la llamamos Tono.

Paso 4

Aplicamos un filtro artístico en Filtros/Artístico/Bordes Añadidos con estos parámetros.

Paso 5

Y otro más, Filtro/Artístico/Cuarteado.

Paso 6

Y por último, Filtro/Desenfocado/desenfocado suave, como siempre con estos parámetros.

Paso 7

Volvemos a duplicar la capa de fondo y la arrastramos para que aparezca la primera del todo, y la llamamos Color.

Otro nuevo filtro para esta capa, Filtro/Ruido/Polvo y Rascaduras. Con un radio de 10 y un umbral de 0

Seguimos con esta foto para aplicarle un cambio en el tono. Vamos a Imagen/Ajustes/Tono-Saturación.

Paso 8

De nuevo volvemos a duplicar la capa de fondo y a situarla al principio de las capas. La llamamos Tinta1. Y establecemos un modo de Multiplicar, como muestro aquí.

Paso 9

Seguimos trabajando con la imagen, Imagen/Ajustes/Umbral y lo bajamos a 25.

Para quitar ese aspecto tan basto a la imagen vamos a Filtro/Estilizar/Difusión y elegimos Anisotrópico y Ok para aceptar.

Ya va tomando forma. Pero aún nos queda un poco. Otra vez más volvemos a duplicar la capa Fondo y a ponerla al principio de las capas, la llamamos Tinta2. Además volvemos a establecer un valor de Multiplicar a la capa como en el caso anterior.

Ahora es importante que la paleta de colores tenga los colores por defecto, esto es el negro en primer plano y el blanco en segundo plano. Sino sabes como hacerlo, pulsa la tecla D y se cambian automáticamente.

De nuevo un filtro más. Filtro/Bosquejar/Fotocopia con los valores que ves y seguidamente vamos a Imagen/Ajustes/Umbral y ponemos un valor de 100.

Paso 10

Para volver a suavizar la imagen, volvemos a ir a Filtro/Estilizar/Difusión y pinchamos de nuevo en Anisotrópico.

Paso 11

Esta vez no vamos a duplicar la capa de fondo, sino que vamos a crear una nueva, Capa/Nueva/Capa y la nombramos Tinta3.

Edición/Rellenar (May+f5). Si lo ves todo gris no te preocupes, es normal. :)

Paso 12

Aplicamos otro Filtro/Bosquejar/Modelo de semitono, con estos valores.

Paso 13

Vamos a utilizar la foto llamada Dispmap que habíamos guardado antes, para ello vamos a Filtro/Distorsionar/Desplazar, le aplicamos los siguientes valores y damos a Ok.

Paso 14

Nos pedirá la imagen, buscamos la ruta y damos a Ok. Puede que veas una cosa muy rara, pero no te preocupes.

Paso 15

Vamos a por más filtros, Filtro/Desenfoque/Desenfoque gaussiano, con un radio de 2 píxeles.

Imagen/Ajuste/Umbral y lo ponemos en 120.

Filtro/Estilizar/Difusión y elegimos Anisotrópico.

Ahora le ponemos el valor de esta capa en Multiplicar, ¿A que ahora se ve un poco mejor?

Paso 16

Abrimos el archivo dismap.dsp que habíamos guardado, sino lo tenemos abierto y lo seleccionamos pulsando Ctrl+A y luego lo copiamos con Ctrl+C. Ahora volvemos a la imagen anterior, si no la ves pulsa en Ventana y al final tienes la lista de las fotos abiertas. Entramos en modo Máscara rápida pulsando la tecla Q. Y pegamos la foto con Ctrl+V.

Paso 17

Aplicamos otro filtro en Filtro/Desenfocar/Desenfoque suavizado con estos valores.

Paso 18

Pulsamos la letra Q de nuevo para salir del modo Máscara rápida. Elegimos Capa/Máscara de capa/Ocultar selección, ya va quedando menos para acabar con nuestro trabajo.

Para finalizar, asegurate que tienes seleccionada la capa Tinta3 y ve a Imagen/Ajustar/Umbral y a partir de un Nivel de umbral de 200 ve jugando con los valores para observar el resultado y escoger el que más te guste. Yo me he quedado con 235 para esta foto.

Paso 19

Lo último es ir a Capa/Acoplar imagen para que se acoplen las distintas capas. Así es como nos queda un comic bastante chulo donde podemos añadir bocadillos para hacer hablar a los personajes. Espero que te haya gustado y no te hayas perdido con las explicaciones. Acepto sugerencias de futuros tutoriales.

Este tutorial es una sugerencia de mi amigo Carlos Erro y a él se lo dedico.

Paso 20

Post Relacionados
Resumen de tutoriales photoshop
20 estilos de cómic con Photoshop
Trucos Photoshop: Transformar una foto en un óleo
Crear una imagen vectorizada con Photoshop
Trucos Photoshop: Añadir una imagen en la ropa

6 Respuestas a “Trucos Photoshop: Transformar una foto en comic”


  1. Icono Gravatar 1 elena

    Es buenisimo, me ha quedado genial, esta superbien explicado.

    Gracias por el tutorial.

  2. Icono Gravatar 2 miluska

    una pregunta kisiera k me ayudez zoi un poko torpe para eso
    agregame a mi msn anghiel_milu

  3. Icono Gravatar 3 victor

    compadre esta re pero re chido… y bien explicado como dicen otros compadres por acá, espero que siga subiendo tutoriales así de buenos…

  4. Icono Gravatar 4 sol

    me ha parecido genial, aunque como soy un poco novata me he perdido un poco en el lugar en el que dices que nos pide la imagen y que hay que buscar la ruta? podrías especificar a qué te refieres y cómo se hace?

  5. Icono Gravatar 5 Araque

    Hola Sol. Al principio del tuto pongo que hay que realizar un operaciones con la imagen y guardarla como dismap.psd…
    posteriormente necesitas usar esa misma imagen dismap.psd, por lo que como no se donde la puede haber guardado cada uno, cuando se abre la ventana pidiendo la imagen hay que poner la ruta o en su defecto buscarla para añadirla. Espero haberte ayudado

  1. 1 Resumen tutoriales photoshop |
    Dirección Pingback a 28 Ene 2008 @ 11:02

Añade un Comentario