Unlimited WordPress themes, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Photo Effects
Design

Cómo Convertir una Foto en una Ilustración de Libro de Historietas en Adobe Photoshop

by
Difficulty:IntermediateLength:ShortLanguages:

Spanish (Español) translation by Javier Salesi (you can also view the original English article)

Final product image
What You'll Be Creating

En este tutorial, te mostraré cómo convertir una foto en una ilustración de libro de historietas en Photoshop usando filtros y texturas.

Este efecto fotográfico de libro de historietas es parte de Creador de Libro de Historietas con Photoshop de mi portafolio en Envato Market. El paquete incluye la acción de libro de historietas, 20 globos de diálogo en formato vectorial y 7 efectos de sonido para historieta en formato vectorial que puedes editar.

Comic Book Photoshop Action Download
Acción de Photoshop de Libro de Historietas

Recursos del Tutorial

Para este tutorial, tienes que descargar estos recursos:

1. Cómo Crear el Fondo de Rayos del Sol

Paso 1

Crea un nuevo documento de 850 por 645 pixeles en Photoshop. Claro, puedes elegir cualquier tamaño que quieras, pero tendrás que ajustar los parámetros proporcionalmente.

Haz una nueva capa llamada Sunburst Background. Toma la Herramienta Degradado (G) y elige los colores del degradado: #77777 y #c5c5c5.

Edit the Gradient Colors

Paso 2

Manten presionada la tecla Mayúsculas y dibuja una línea vertical comenzando en la parte superior del lienzo, con tonos del degradado lineal del punto inicial hasta el punto final en una línea recta.

How to Use Linear Gradient in Photoshop

Paso 3

Ve a Filtro > Distorsionar > Onda y establece estos ajustes para crear líneas verticales.

Wave Filter in Photoshop

Paso 4

Asegúrate de que tengas la primera línea con gris claro y la última línea con gris oscuro. Si este no es el caso, presiona Control-T para arreglar eso.

Photoshop Transform Tool

Paso 5

Es muy importante ir a Imagen > Cortar y establecer estos ajustes, de otra manera el paso previo no contará.

Trim Transparent Pixels in Photoshop

Paso 6

Ve a Filtro > Distorsionar > Coordenadas Polares para crear los rayos del sol.

Polar Coordinates Photoshop Filter

Paso 7

Ve a Capa > Nueva Capa de Ajuste > Mapa de Degradado para añadir color al fondo de rayos del sol. Puedes elegir cualquier color que quieras. Usaré #003876 (ubicación 23%) y #00b5e9 (ubicación 100%).

Gradient Map Photoshop Adjustment Layer

2. Remueve el Fondo en Photoshop

Paso 1

En una nueva capa, agrega la Foto de la Pareja y usa la Herramienta Lazo para hacer una selección de la pareja sin mucha precisión.

Use Lasso Tool in Photoshop

Paso 2

Presiona Mayúsculas-Control-I para invertir la selección. Presiona Suprimir para remover el fondo.

Remove Background in Photoshop

3. Cómo Incrementar el Contraste de una Foto en Photoshop

Paso 1

Agrega una capa de ajuste de Brillo/Contraste para incrementar el contraste de esta foto.

Haz clic en el tercer botón desde la izquierda para añadir este ajuste como una Máscara de Recorte para la capa de abajo.

BrightnessContrast Photoshop Adjustment

Paso 2

Agrega una segunda capa de ajuste de Brillo/Contraste para incrementar el contraste de algunas partes de la foto.

Haz clic en el tercer botón desde la izquierda para añdir este ajuste como una Máscara de Recorte para la capa de abajo.

BrightnessContrast Photoshop Adjustment

Paso 3

Haz clic en la Máscara de Capa de la capa de ajuste de Brillo/Contraste y presiona Control-I para invertir el color blanco.

Toma la Herramienta Pincel, con un pincel circular difuso, pinta sobre algunas áreas para agregar más contraste. Usa el color blanco.

Paint Inside the layer Mask in Photoshop

Estas son las áreas donde pinté con blanco dentro de la máscara de capa.

Layer Mask in Photoshop

4. Cómo Hacer Fotos Más Intensas en Photoshop

Ve a Capa > Nueva Capa de Ajuste > Intensidad. Incrementa la Intensidad a 100 y la Saturación a 4.

Haz clic en el tercer botón desde la izquierda para añadir este ajuste como una Máscara de Recorte para la capa de abajo.

Vibrance Photoshop Adjustment Layer

5. Cómo Usar el Filtro Bordes Añadidos en Photoshop

Paso 1

Presiona Control-J para hacer una copia de la capa Couple (Pareja). Nombra esta capa Comics Effect.

Ve a Filtros > Artístico > Bordes Añadidos y establece estos ajustes.

Poster Edges Filter in Photoshop

Paso 2

Agrega un estilo de capa Trazo a la capa Comics Effect para crear un contorno negro en los bordes también.

Add a Stroke Layer Style

Paso 3

Crea una nueva capa y nómbrala Color. Haz clic derecho en la capa y elige Crear Máscara de Recorte. Establece el modo de fusión en Sobreexponer Color.

Usa la Herramienta Pincel para pintar sobre la blusa de la chica usando el color #9a60c3. Haz lo mismo para el chico usando el color #e06f00.

Colorize Photo in Photoshop

6. Cómo Usar el Filtro Fotocopia en Photoshop

Paso 1

Presiona Control-J para hacer una copia de la capa Couple. Mueve esta capa arriba de la capa Comics Effect. Nombra esta capa Outline Effect. Establece el modo de fusión en Multiplicar.

Establece el Color de Frente en #000000 y el Color de Fondo en #ffffff.

Ve a Filtro > Bosquejar > Fotocopia y establece estos ajustes.

Photocopy Filter in Photoshop

Paso 2

Ve a Filtro > Estilizar > Difusión para crear un efecto más suave. Si hay demasiadas líneas, puedes usar la Herramienta Borrador para eliminar algunas de ellas.

Diffuse Filter in Photoshop

7. Crear una Textura de Semitono en Photoshop

Paso 1

Crea una nueva capa llamada Halftone Texture y rellénala con el color #ffffff. Ve a Filtro > Ruido > Añadir Ruido.

Add Noise Filter in Photoshop

Paso 2

Ve a Filtro > Pixelizar > Semitono de Color y establece estos ajustes.

Color Halftone Filter in Photoshop

Paso 3

Establece el modo de fusión de la capa Halftone Texture en Multiplicar, opacidad 66%.

Comics Halftone in Photoshop

Paso 4

Agrega una capa de ajuste de Brillo/Contraste para aclarar la imagen y hacerla más brillante. Si quieres colores más intensos y saturados, también puedes añadir el ajuste de Intensidad.

BrightnessContrast Adjustment Layer

8. Crea Globos de Diálogo en Photoshop

Paso 1

Usa la Herramienta Elipse para crear algunas formas redondas como se muestra en la imagen de vista previa. Usa el color #ffffff para las formas.

Para añadir las formas en la misma capa, asegúrate de marcar el botón Añadir a área de forma después de hacer la primera forma.

Photoshop Ellipse Tool

Paso 2

Hay todo tipo de globos de diálogo. Por ejemplo, el de la derecha es un globo de pensamiento.

Hagamos la otra forma un globo de diálogo. Usa la Herramienta Pluma para agregar una forma de triángulo. De nuevo, asegúrate de tener seleccionado el botón Añadir a área de forma.

Create Speech Bubbles in Photoshop

Paso 3

Agrega un estilo de capa Trazo a la capa Bubbles usando el color #000000.

Stroke Layer Style

Paso 4

Agrega algún texto dentro de los globos de diálogo usando un tipo de fuente para comics. Usaré la fuente BD Cartoon Shout.

Comics Font Type

Paso 5

Usa la Herramienta Pluma otra vez para dibujar una nueva forma. Para el color de fondo, usa #ffeb27, y para el contorno, usa #000000.

Agrega algún texto usando los colores #000000 y #dd1735.

Comics Font Type

9. Crea un Efecto de Apariencia Sucia en Photoshop

Para crear un efecto de apariencia sucia, usaré la Textura de Papel Viejo. Establece el modo de fusión de esta capa en Superponer.

Old Paper Texture

Agrega un ajuste de Niveles solo para esta capa, usando una Máscara de Recorte para ajustar el efecto a tu gusto.

Grungy Effect in Photoshop

10. Agrega un Borde en Photoshop

Presiona Mayúsculas-Alt-E para hacer una copia de todas las capas. Agrega un estilo de capa Trazo para crear un efecto de borde. Usa el color #000000.

Add Border in Photoshop

¡Felicidades! ¡Terminaste!

En este tutorial, has aprendido cómo crear un efecto de libro de historietas en Photoshop desde cero usando filtros y texturas. Espero que hayas disfrutado este tutorial.

Create a Comics Book Effect in Photoshop

Este efecto fotográfico de libro de historietas es parte del Creador de Libro de Historietas con Photoshop de mi portafolio en Envato Market.

Comic Book Photoshop Action Download
Acción de Photoshop Libro de Historietas
Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.