Cómo crear un efecto de texto de tinta de cómic en Adobe Photoshop

Lo que vas a crear

Este tutorial le mostrará cómo crear un efecto de texto de tinta de cómic de aspecto atractivo utilizando los estilos de capa, los filtros y los pinceles personalizados aplicados automáticamente de Photoshop.. 

Este efecto de texto se basa en Comic Book Ink Actions de Envato Market. La Acción transforma cualquier texto o forma en un estilo de cómic en 300 DPI de alta resolución con una posible personalización del color..

Comic Book Ink Actions - 300 DPI

Activos Tutoriales

Los siguientes recursos fueron utilizados durante este tutorial:

  • HVD Comic Serif fuente
  • Pinceles, patrón y fondo

1. Cómo establecer el fondo para la acción

Abra Adobe Photoshop, vaya a Archivo> Abrir, y elige paper-background.jpg.

2. Cómo instalar el patrón y los pinceles

Paso 1

Ir Editar> Ajustes preestablecidos> Gestor de ajustes preestablecidos ... En el Tipo de preset, seleccionar Patrones, y luego haga clic Carga… y elige el Comic-book-ink-pattern.pat.

Paso 2

Ir Editar> Ajustes preestablecidos> Gestor de ajustes preestablecidos ... En el Tipo de preset, seleccionar Cepillos, y luego haga clic Carga… y elige el Comic-book-ink-brushes.abr.

3. Cómo crear las capas de texto

Paso 1

Elige el Tipo de herramienta (T) y escribe "CÓMIC", y luego pulsa la tecla Entrar y escribe "LIBRO". Elegir la HVD Comic Serif fuente y luego ir a Ventana> Personaje y establecer el tamaño a 225 pt, Rastreo a -50, y Líder a 183 puntos. Entonces vete Ventana> Párrafo y elige Texto central.

Paso 2

Ir Tipo> Texto de deformación, y establecer el Estilo a Arco y curva a +5%. Hacer clic DE ACUERDO.

Paso 3

Ahora preparará capas de texto para el estilo que aplicará. Para ello, primero ve a Capa> Objeto inteligente> Convertir en objeto inteligente y luego ir a Capa> Capa duplicada ... y nombra la capa "Libro cómico 2". Ahora repita la duplicación hasta que haya creado un "Libro cómico 5" capa.

4. Cómo diseñar la primera capa de texto

Selecciona la capa "Libro cómico" y haga doble clic en esta capa para aplicar el siguiente estilo de capa:

Paso 1

Selecciona el Opciones de mezcla:

  • Opacidad de relleno: 0%

Paso 2

Agrega un Bisel y relieve con estos ajustes:

  • Estilo: Bisel interno
  • Técnica: Suave
  • Profundidad: 209%
  • Dirección: Arriba
  • Tamaño: 21 px
  • Ablandar: 4 px
  • Desmarque la Usar luz global caja
  • Ángulo: 0
  • Altitud: 30
  • Contorno de brillo: Ensenada - profundo
  • Comprobar el Antialias caja
  • Modo de resaltado: Quemadura lineal con color # 000000
  • Modo de resaltado - Opacidad: 20%
  • Modo Sombra - Opacidad: 0%

Paso 3

Agrega un Contorno con estos ajustes:

  • Contorno: Anillo - Doble
  • Comprobar el Antialias caja
  • Distancia: 100%

Etapa 4

Añadir un Brillo interior con estos ajustes:

  • Opacidad: 100%
  • Color: #ffffff
  • Técnica: Más suave
  • Fuente: Borde
  • Ahogo: 100%
  • Tamaño: 4 px
  • Comprobar el Antialias caja

Paso 5

Agrega un Satín estilo con estos ajustes:

  • Color: # 5fbd13
  • Opacidad: 100%
  • Ángulo: 0
  • Distancia: 10 px
  • Tamaño: 5 px
  • Comprobar el Antialias caja

Paso 6

Agrega un Superposición de color con estos ajustes:

  • Modo de mezcla: Multiplicar
  • Color: # 92b506
  • Opacidad: 24%

Paso 7

Agrega un Patrón de superposición con estos ajustes:

  • Opacidad: 50%
  • Modelo: Comic-libro-tinta-patrón

Hacer clic DE ACUERDO.

5. Cómo agregar un filtro para la primera capa de texto

Ir Filtro> Distorsionar> Onda ... y usa estos ajustes:

  • Número de generadores: 5
  • Longitud de onda: Min. 36 Max. 44
  • Amplitud: Min. 16 Max. 17
  • Escala: Horiz. 3% Vert. 3%
  • Tipo: Seno
  • Áreas no definidas: Envolver alrededor

Hacer clic DE ACUERDO.

6. Cómo diseñar la segunda capa de texto

Selecciona la capa "Libro cómico 2" y luego haga doble clic en esta capa para aplicar el siguiente estilo de capa:

Paso 1

Selecciona el Opciones de mezcla:

  • Opacidad de relleno: 0%

Paso 2

Añadir un Sombra interior con estos ajustes:

  • Color: # 000000
  • Desmarque la Usar luz global caja
  • Ángulo: -74
  • Distancia: 5 px
  • Ahogo: 61%
  • Tamaño: 4 px
  • Comprobar el Antialias caja

Paso 3

Añadir un Brillo externo con estos ajustes:

  • Opacidad: 100%
  • Color: # 000000
  • Técnica: Más suave
  • Untado: 86%
  • Tamaño: 1 px
  • Comprobar el Antialias caja
  • Distancia: 15%

Hacer clic DE ACUERDO.

7. Cómo agregar un filtro para la segunda capa de texto

Paso 1

Ir Filtro> Distorsionar> Onda ... y usa estos ajustes:

  • Número de generadores: 5
  • Longitud de onda: Min. 36 Max. 44
  • Amplitud: Min. 16 Max. 17
  • Escala: Horiz. 3% Vert. 3%
  • Tipo: Seno
  • Áreas no definidas: Envolver alrededor

Hacer clic DE ACUERDO.

Paso 2

Ir Capa> Objeto inteligente> Convertir en objeto inteligente.

8. Cómo diseñar la tercera capa de texto

Selecciona la capa "Libro cómico 3" y luego haga doble clic en esta capa para aplicar el siguiente estilo de capa:

Paso 1

Selecciona el Opciones de mezcla:

  • Opacidad de relleno: 0%

Paso 2

Agrega un Superposición de color con estos ajustes:

  • Modo de mezcla: Multiplicar
  • Color: # bbf100
  • Opacidad: 52%

9. Cómo agregar filtros para la tercera capa de texto

Paso 1

Ir Filtro> Distorsionar> Onda ... y usa estos ajustes:

  • Número de generadores: 1
  • Longitud de onda: Min. 236 max. 237
  • Amplitud: Min. 13 Máx. 21
  • Escala: Horiz. 38% Vert. 28%
  • Tipo: Seno
  • Áreas no definidas: Envolver alrededor

Hacer clic DE ACUERDO.

Paso 2

Ir Filtro> Distorsionar> Onda ... y usa estos ajustes:

  • Cantidad: 150%
  • Tamaño: Grande

Hacer clic DE ACUERDO.

10. Cómo diseñar la cuarta capa de texto

Selecciona la capa "Libro cómico 4" y luego haga doble clic en esta capa para aplicar el siguiente estilo de capa:

Paso 1

Selecciona el Opciones de mezcla:

  • Opacidad de relleno: 0%

Paso 2

Agrega un Superposición de color con estos ajustes:

  • Modo de mezcla: Multiplicar
  • Color: # 7be300
  • Opacidad: 63%

11. Cómo agregar filtros para la cuarta capa de texto

Paso 1

Ir Filtro> Distorsionar> Zigzag… y usa estos ajustes:

  • Cantidad: 2
  • Crestas: 9
  • Estilo: Alrededor del centro

Hacer clic DE ACUERDO.

Paso 2

Ir Filtro> Distorsionar> Ondulación ... y usa estos ajustes:

  • Cantidad: -166%
  • Tamaño: Grande

Hacer clic DE ACUERDO.

Paso 3

Ir Filtro> Distorsionar> Onda ... y usa estos ajustes:

  • Número de generadores: 5
  • Longitud de onda: Min. 97 Max. 120
  • Amplitud: Min. 5 Max. 25
  • Escala: Horiz. 11% Vert. 11%
  • Tipo: Seno
  • Áreas no definidas: Repetir Edge Pixels

Hacer clic DE ACUERDO.

12. Cómo diseñar la quinta capa de texto

Selecciona la capa "Libro cómico 5" y luego haga doble clic en esta capa para aplicar el siguiente estilo de capa:

Paso 1

Selecciona el Opciones de mezcla:

  • Opacidad de relleno: 0%

Paso 2

Agrega un Patrón de superposición con estos ajustes:

  • Modo de mezcla: Cubrir
  • Opacidad: 100%
  • Modelo: Comic-libro-tinta-patrón

Paso 3

Añadir un Brillo externo con estos ajustes:

  • Color: # 000000
  • Técnica: Más suave
  • Untado: 80%
  • Tamaño: 1 px
  • Comprobar el Antialias caja
  • Distancia: 54%

Hacer clic DE ACUERDO.

13. Cómo agregar filtros para la quinta capa de texto

Ir Filtro> Distorsionar> Onda ... y usa estos ajustes:

  • Número de generadores: 5
  • Longitud de onda: Min. 24 máx. 79
  • Amplitud: Min. 8 Max. 10
  • Escala: Horiz. 11% Vert. 13%
  • Tipo: Seno
  • Áreas no definidas: Repetir Edge Pixels

Hacer clic DE ACUERDO.

Este es el resultado después de aplicar todos los estilos y filtros a las capas de texto.

14. Cómo crear capas para los pinceles

Crearás siete capas en blanco para los pinceles. Para hacerlo, puedes usar una de las siguientes opciones.

Opción 1: Haga clic en el Crear nueva capa botón en la parte inferior de su Capas panel siete veces, y luego haga doble clic en el nombre de cada capa para cambiar el nombre de las capas a "Cepillo 1", "Cepillo 2", y así. 

Opcion 2: Ir Capa> Nueva> Capa ... y establece el nombre en "Cepillo 1", y luego repite este paso y detente con la capa "Cepillo 7".

15. Cómo aplicar el primer cepillo

Paso 1

Selecciona el "Cepillo 1" capa y luego mantenga pulsada la Controlar clave y haga clic en la miniatura de la "Libro cómico" capa para hacer una selección.

Paso 2

Ir Ventana> Caminos y haga clic en el Hacer camino de trabajo desde la selección. botón en la parte inferior de la Caminos panel.

Paso 3

Ahora ve a Ventana> Cepillos y seleccione el Puntos grandes pincel, y luego Botón derecho del ratón sobre el Camino de trabajo capa en tu Caminos panel y seleccione Trazar ruta… desde el menu. Seleccionar Herramienta: Cepillo, desmarque el Simular presión botón y haga clic en DE ACUERDO.

Propina: Cada vez que hagas este paso, el resultado será diferente. Así que si no te gusta el resultado del pincel, puedes mantener presionada la tecla Controlar clave y pulsa el Z clave para deshacer este paso y luego repetir la ruta del trazo.

Etapa 4

Mientras que la "Cepillo 1" capa seleccionada, mantenga pulsada la tecla Controlar clave y haga clic en la miniatura de "Libro cómico" capa para hacer una selección de nuevo, y luego ir a Capa> Máscara de capa> Ocultar selección aplicar la selección como máscara para el "Cepillo 1" capa.

16. Cómo diseñar la primera capa de pincel

Selecciona la capa "Cepillo 1" y haga doble clic en esta capa para aplicar el siguiente estilo de capa:

Paso 1

Selecciona el Opciones de mezcla:

  • Opacidad de relleno: 0%
  • Comprobar el Máscara de capa oculta efectos caja

Paso 2

Añadir un Sombra interior con estos ajustes:

  • Color: # 000000
  • Desmarque la Usar luz global caja
  • Ángulo: -90
  • Distancia: 3 px
  • Ahogo: 48%
  • Tamaño: 0 px
  • Comprobar el Antialias caja

Paso 3

Añadir un Brillo externo con estos ajustes:

  • Color: # 000000
  • Técnica: Más suave
  • Untado: 49%
  • Tamaño: 1 px
  • Comprobar el Antialias caja
  • Distancia: 15%

Hacer clic DE ACUERDO.

Este es el resultado con el primer pincel aplicado..

17. Cómo aplicar el segundo pincel

Paso 1

Selecciona el "Cepillo 2" capa.

Ir Ventana> Cepillos, Selecciona el Puntos grandes pincel, y establecer el tamaño a 35 px. Entonces Botón derecho del ratón sobre el Camino de trabajo capa en tu Caminos panel y seleccione Trazar ruta… desde el menu. Seleccionar Herramienta: Cepillo, desmarque el Simular presión botón y haga clic en DE ACUERDO.

Paso 2

Mientras que la "Cepillo 2" capa seleccionada, mantenga pulsada la tecla Controlar clave y haga clic en la miniatura de "Libro cómico" capa para hacer una selección, y luego ir a Capa> Máscara de capa> Ocultar selección aplicar la selección como máscara para el "Cepillo 2" capa.

Este es el resultado con el segundo pincel aplicado..

18. Cómo aplicar el tercer pincel

Paso 1

Selecciona el "Cepillo 3" capa.

Ir Ventana> Cepillos, Selecciona el Pequeños puntos cepillo, y entonces Botón derecho del ratón sobre el Camino de trabajo capa en tu Caminos panel y seleccione Trazar ruta… desde el menu. Seleccionar Herramienta: Cepillo, desmarque el Simular presión botón y haga clic en DE ACUERDO.

Paso 2

Haga doble clic la capa "Cepillo 3" para abrir la ventana de estilo de capa. En el Opciones de mezcla pestaña, mantén pulsada y mueve el tirador izquierdo de Capa subyacente opción a 120, y luego mantenga presionada la Alt clave y haga clic y mantenga el lado derecho de este mango. Mueve esta parte del mango a 200, y haga clic DE ACUERDO.

Este es el resultado con el tercer pincel aplicado..

19. Cómo aplicar el Cuarto Pincel

Paso 1

Selecciona el "Pincel 4" capa.

Ir Ventana> Cepillos, Selecciona el Grandes lineas cepillo, y entonces Botón derecho del ratón sobre el Camino de trabajo capa en tu Caminos panel y seleccione Trazar ruta… desde el menu. Seleccionar Herramienta: Cepillo, desmarque el Simular presión botón y haga clic en DE ACUERDO.

Paso 2

Haga doble clic la capa "Pincel 4" para abrir la ventana de estilo de capa. En el Opciones de mezcla pestaña, mantén pulsada y mueve el tirador izquierdo de Capa subyacente opción a 120, y luego mantenga presionada la Alt clave y haga clic y mantenga el lado derecho de este mango. Mueve esta parte del mango a 200, y haga clic DE ACUERDO.

Este es el resultado con el cuarto pincel aplicado..

20. Cómo aplicar el quinto cepillo

Paso 1

Selecciona el "Cepillo 5" capa.

Ir Ventana> Cepillos, Selecciona el Pequeñas gotas cepillo, y entonces Botón derecho del ratón sobre el Camino de trabajo capa en tu Caminos panel y seleccione Trazar ruta… desde el menu. Seleccionar Herramienta: Cepillo, desmarque el Simular presión botón y haga clic en DE ACUERDO.

Paso 2

Haga doble clic la capa "Cepillo 5" para abrir la ventana de estilo de capa. En el Opciones de mezcla pestaña, mantén pulsada y mueve el tirador izquierdo de Capa subyacente opción a 120, y luego mantenga presionada la Alt clave y haga clic y mantenga el lado derecho de este mango. Mueve esta parte del mango a 200, y haga clic DE ACUERDO.

Este es el resultado con el quinto pincel aplicado..

21. Cómo aplicar el sexto pincel

Paso 1

Ir Ventana> Caminos, Selecciona el Camino de trabajo capa, y haga clic en el Cargar ruta como selección botón. Luego ve a Selecciona> Modificar> Contrato ... y establecer Contrato por a 6 px y golpear DE ACUERDO. Finalmente, vuelve a tu Caminos panel y haga clic en el Hacer camino de trabajo desde la selección. botón.

Paso 2

Selecciona el "Pincel 6" capa.

Ir Ventana> Cepillos, Selecciona el Pequeñas lineas cepillo, y entonces Botón derecho del ratón sobre el Camino de trabajo capa en tu Caminos panel y seleccione Trazar ruta… desde el menu. Seleccionar Herramienta: Cepillo, desmarque el Simular presión botón y haga clic en DE ACUERDO.

Paso 3

Haga doble clic la capa "Pincel 6" para abrir la ventana de estilo de capa. En el Opciones de mezcla pestaña, mantén pulsada y mueve el tirador izquierdo de Capa subyacente opción a 120, y luego mantenga presionada la Alt clave y haga clic y mantenga el lado derecho de este mango. Mueve esta parte del mango a 200, y haga clic DE ACUERDO.

Este es el resultado con el sexto pincel aplicado..

22. Cómo aplicar el pincel séptimo

Paso 1

Selecciona el "Cepillo 7" capa, mantenga pulsada la Controlar y haga clic en la miniatura de la "Libro cómico" capa. Luego mantén presionada la Controlar y Alt teclas y haga clic en la miniatura de la "Libro cómico 2" capa para hacer una selección.

Paso 2

Ir Selecciona> Modificar> Contrato ... , conjunto Contrato por a 3 px, y golpear DE ACUERDO. Luego ve a Ventana> Caminos y haga clic en el Hacer camino de trabajo desde la selección. botón.

Paso 3

Ir Ventana> Cepillos, Selecciona el Lineas dobles cepillo, y entonces Botón derecho del ratón sobre el Camino de trabajo capa en tu Caminos panel y seleccione Trazar ruta… desde el menu. Seleccionar Herramienta: Cepillo, desmarque el Simular presión botón y haga clic en DE ACUERDO.

Etapa 4

Haga doble clic la "Cepillo 7" capa para abrir la ventana de estilo de capa. En el Opciones de mezcla pestaña, mantén pulsada y mueve el tirador izquierdo de Capa subyacente opción a 120, y luego mantenga presionada la Alt clave y haga clic y mantenga el lado derecho de este mango. Mueve esta parte del mango a 200, y haga clic DE ACUERDO.

¡Felicidades! Estas hecho!

En este tutorial, aprendió a usar estilos de capa, filtros y pinceles personalizados para crear un efecto de texto de cómic en Adobe Photoshop.

Comenzamos creando nuestro texto, y luego usamos estilos y filtros de capa en nuestras capas de texto, y finalmente agregamos diferentes pinceles personalizados.

Espero que hayas disfrutado este tutorial. Por favor, siéntase libre de dejar sus comentarios, sugerencias y resultados a continuación. Este efecto de texto que acabamos de crear está inspirado en Comic Book Ink Actions - 300 DPI, que aplicará automáticamente el efecto de cómic a cualquier texto o forma en alta resolución..

Comic Book Ink Actions - 300 DPI