1 de 10

http://tutoriales-photoshop.es/2008/06/efecto-comic-con-photoshop.html

Este sitio emplea cookies de Google para prestar sus servicios, para personalizar anuncios y para analizar el
trfico. Google recibe informacin sobre tu uso de este sitio web. Si utilizas este sitio web, se sobreentiende que
aceptas el uso de cookies.
MS INFORMACIN

ENTENDIDO

Buscar

Inicio

Tutoriales Photoshop

oct

14

Descargar Photoshop

Empezar con Photoshop

Tutorial Efecto Comic con Photoshop

Etiquetas: Efectos Grficos, Todos los tutoriales, Tutoriales Photoshop |

Contacto

Sigue a Fondo esta Web! (RSS)

Tutoriales Photoshop

Para todos los niveles, Gratis y en espaol. Has entrado en el sitio

adecuado! ;)

APRENDE VA FACEBOOK

S el primero de tus
amigos en indicar que le
gusta esto.

ULTIMOS TUTORIALES
Tutorial pintar un dibujo con
Photoshop
Tutorial Efecto Comic con
Photoshop
Pinceles retro Photoshop
Tutorial Photoshop: Efecto
Dibujo Lpices de colores
Crea Tu Propio Collage

Bienvenidos al tutorial efecto cmic con Photoshop.

En este tutorial vamos a hacer un Efecto Comic que podris usar para poner nuestras fotos
en lbumes de fotos para darles un toque ms divertido.
Lo que haremos es abrir una foto normal y corriente y tratarla para que parezca sacada de
un cmic o tebeo.

Profesional

DESCARGAS
DESCARGAR PHOTOSHOP
GRATIS
Photoshop cs4 en espaol

Una vez hecha podris aadir vietas, bocadillos o incluso personajes de cmic.
Veremos que este tutorial es muy fcil y tiene unos resultados realmente increbles.

Pinceles (Brushes)

TU WEB AQU

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:

TUTORIALES PHOTOSHOP
Tutoriales Photoshop (47)
Efectos Grficos (22)
Todos los tutoriales (21)
Artsticos (11)
Curiosos (11)
Trucos Photoshop (10)
Retoque Fotografico (7)
Descargas (5)
Primeros Pasos (5)
Tutoriales de Texto (4)
Pgina web (3)
Para tu Web 2.0 (1)
Pinceles Photoshop (1)

ENLACES INTERESANTES
Concursos Photoshop
Perros Contentos

2 de 10

http://tutoriales-photoshop.es/2008/06/efecto-comic-con-photoshop.html

Este sitio emplea cookies de Google para prestar sus servicios, para personalizar anuncios y para analizar el
trfico. Google recibe informacin sobre tu uso de este sitio web. Si utilizas este sitio web, se sobreentiende que
aceptas el uso de cookies.
MS INFORMACIN

PASO 2: Filtro Desenfoque Suavizado

ENTENDIDO

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

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 debera de quedar una distribucin de capas como la de la siguiente imagen:

3 de 10

http://tutoriales-photoshop.es/2008/06/efecto-comic-con-photoshop.html

Este sitio emplea cookies de Google para prestar sus servicios, para personalizar anuncios y para analizar el
trfico. Google recibe informacin sobre tu uso de este sitio web. Si utilizas este sitio web, se sobreentiende que
aceptas el uso de cookies.
MS INFORMACIN

ENTENDIDO

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

PASO 4: Creando el relleno del cmic

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. Vers que se ha
seleccionado parte de la imagen.
Una vez hecho ve a Seleccin > Invertir Seleccin o simplemente pulsa Ctrl+Shift+I.

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

4 de 10

http://tutoriales-photoshop.es/2008/06/efecto-comic-con-photoshop.html

Este sitio emplea cookies de Google para prestar sus servicios, para personalizar anuncios y para analizar el
trfico. Google recibe informacin sobre tu uso de este sitio web. Si utilizas este sitio web, se sobreentiende que
aceptas el uso de cookies.
MS INFORMACIN

ENTENDIDO

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

PASO 5: Los dos filtros del cmic.

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 cmic.
Si quieres ver como va quedando, oculta las 3 capas superiores(Bordes, Relleno de color y
Contrastes).
Primero vamos a Filtro > Galera de filtros y en el bloque artstico seleccionamos
Manchas.
En mi caso he utilizado estos valores(puedes variarlos segn tu foto):
Longitud de trazo: 10
rea resaltada: 15
Intensidad: 10

Pulsamos en OK y vamos a aplicar el segundo filtro. Filtro > Galera 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

5 de 10

http://tutoriales-photoshop.es/2008/06/efecto-comic-con-photoshop.html

Este sitio emplea cookies de Google para prestar sus servicios, para personalizar anuncios y para analizar el
trfico. Google recibe informacin sobre tu uso de este sitio web. Si utilizas este sitio web, se sobreentiende que
aceptas el uso de cookies.
MS INFORMACIN

ENTENDIDO

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 habas ocultado, hazla visible) y vamos a Filtros >
Galera de filtros y en el grupo de artsticos seleccionamos Bordes aadidos con estos
valores:
Grosor de borde: 10
Intensidad de borde: 10
Posterizacin: 6
Acto seguido pulsamos Ctrl+L y cambiamos los niveles de entrada. En mi caso he puesto los
valores [0 - 1.00 - 50]

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

6 de 10

http://tutoriales-photoshop.es/2008/06/efecto-comic-con-photoshop.html

Este sitio emplea cookies de Google para prestar sus servicios, para personalizar anuncios y para analizar el
trfico. Google recibe informacin sobre tu uso de este sitio web. Si utilizas este sitio web, se sobreentiende que
aceptas el uso de cookies.
MS INFORMACIN

ENTENDIDO

Una vez terminado esto ya no falta casi nada para terminar el tutorial de efecto cmic. Para
seguir, cambia la distribucin 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 botn derecho sobre ella y
Convertir en objeto inteligente. Una vez hecho, otra vez botn derecho y Rasterizar
capa.

Ahora, manteniendo la tecla Ctrl pulsada, haz click en la miniatura de la capa. Vers que se
ha hecho una seleccin.

7 de 10

http://tutoriales-photoshop.es/2008/06/efecto-comic-con-photoshop.html

Este sitio emplea cookies de Google para prestar sus servicios, para personalizar anuncios y para analizar el
trfico. Google recibe informacin sobre tu uso de este sitio web. Si utilizas este sitio web, se sobreentiende que
aceptas el uso de cookies.
MS INFORMACIN

ENTENDIDO

Con la seleccin hecha creamos una mscara de capa. Para crearla pulsa el botn Mscara
de capa situado debajo del panel de capas, tal como indica la imagen.

Vers como ha cambiado la capa y ahora se ha unido otra capa. Selecciona nicamente la
mscara, 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 mscara 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 cmic con el
siguiente resultado:

8 de 10

http://tutoriales-photoshop.es/2008/06/efecto-comic-con-photoshop.html

Este sitio emplea cookies de Google para prestar sus servicios, para personalizar anuncios y para analizar el
trfico. Google recibe informacin sobre tu uso de este sitio web. Si utilizas este sitio web, se sobreentiende que
aceptas el uso de cookies.
MS INFORMACIN

Extra:

ENTENDIDO

Como extra podis aadir los detalles que creis necesarios. En mi caso he aadido un borde
interior, un titular con una tipografa de cmic y un bocadillo con mensaje que sale del coche.

Haz click en la imagen para verla en grande.