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

Este tutorial le mostrará cómo crear un efecto de texto de tinta de cómic atractivo usando los estilos de capa, los filtros y los pinceles personalizados de aplicación automática de Photoshop.

Este efecto de texto se basa en Acciones de tinta de cómic de Envato Market. La acción transforma cualquier texto o forma en estilo de cómic en 300 DPI de alta resolución con posible personalización del color.

Recursos del tutorial

Se usaron los siguientes recursos durante este tutorial:

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

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

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

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

Paso 1

Vaya a Edición> Ajustes preestablecidos> Administrador de ajustes preestablecidos ... En el Tipo de ajustes preestablecidos, seleccione Patrones, y luego haga clic en Cargar ... y elija el Comic-book-ink-pattern.pat.

Paso 2

Vaya a Edición> Ajustes preestablecidos> Administrador de ajustes preestablecidos ... En el Tipo de ajustes preestablecidos, seleccione Pinceles, y luego haga clic en Cargar ... y elija el Cómic-libro-pinceles de tinta.abr.

3. Cómo crear las capas de texto

Paso 1

Elija la herramienta de escritura (T) y escriba "COMIC", y luego presione la tecla Entrar y escriba "LIBRO". Elija la fuente HVD Comic Serif y luego vaya a Ventana> Carácter y establezca el Tamaño a 225 pt, Seguimiento a -50 y Delante a 183 pt. Luego vaya a Ventana> Párrafo y elija Centrar Texto.

Paso 2

Vaya a Tipo> Texto de deformación, y configure el Estilo en Arco y doble hasta + 5%. Haga clic en Aceptar.

Paso 3

Ahora preparará capas de texto para el estilo que aplicará. Para ello, primero debe ir a Capa> objetos inteligentes> Convertir en objeto inteligente y luego ir a Capa> Duplicar capa ... y el nombre de la capa "CÓMIC BOOK 2". Ahora repita la duplicación hasta que haya creado una capa "COMIC BOOK 5".

4. Cómo estilizar la primera capa de texto

Seleccione la capa "LIBRO CÓMICO" y haga doble clic en esta capa para aplicar el siguiente estilo de capa:

Paso 1

Establezca las Opciones de fusión:

• Opacidad de relleno: 0%
  

Paso 2

Agregue un bisel y relieve con estas configuraciones:

• Estilo: bisel interno
• Técnica: Suave
• Profundidad: 209%
• Dirección: arriba
• Tamaño: 21 px
  
• Ablandar: 4 px
  
• Desmarque la casilla Usar luz global
  
• Ángulo: 0
• Altitud: 30
• Contorno de resplandor: Cove - Deep
• Verifique el cuadro Anti-alias
  
• Modo de resaltado: Quemada lineal con color # 000000
• Modo resaltado - Opacidad: 20%
• Modo de sombra - Opacidad: 0%
  

Paso 3

Agregue un contorno con estas configuraciones:

• Contorno: Anillo - Doble
• Verifique el cuadro Anti-alias
• Rango: 100%

Paso 4

Agregue un resplandor interno con estas configuraciones:

• Opacidad: 100%
• Color: #ffffff
  
• Técnica: Más suave
• Fuente: Filo
• Estrangular: 100%
• Tamaño: 4 px
• Verifique el cuadro Anti-alias
  

Paso 5

Agregue un estilo Satin con estas configuraciones:

• Color: # 5fbd13
  
• Opacidad: 100%
• Ángulo: 0
• Distancia: 10 px
• Tamaño: 5 px
• Verifique el cuadro Anti-alias
  

Paso 6

Agregue una superposición de colores con estas configuraciones:

• Modo de fusión: Multiplicar
• Color: # 92b506
  
• Opacidad: 24%
  

Paso 7

Agregue una superposición de patrón con estas configuraciones:

• Opacidad: 50%
• Patrón: cómic-libro-tinta-patrón

Haga clic en Aceptar.

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

Vaya a Filtro> Distorsionar> Onda ... y use estas configuraciones:

• Cantidad de generadores: 5
• Longitud de onda: mín. 36 Max. 44
• Amplitud: Min. 16 Max. 17
• Escala: Horiz. 3% Vert. 3%
• Tipo: seno
• Áreas indefinidas: envolver

Haga clic en Aceptar.

6. Cómo dar estilo a la segunda capa de texto

Seleccione la capa "COMIC BOOK 2" y luego haga doble clic en esta capa para aplicar el siguiente estilo de capa:

Paso 1

Establezca las Opciones de fusión:

• Opacidad de relleno: 0%
  

Paso 2

Agregue una Sombra interna con estas configuraciones:

• Color: #000000
  
• Desmarque la casilla Usar luz global
  
• Ángulo: -74
• Distancia: 5 px
• Estrangulación: 61%
• Tamaño: 4 px
• Verifique el cuadro Anti-alias
  

Paso 3

Agregue un resplandor exterior con estas configuraciones:

• Opacidad: 100%
• Color: #000000
  
• Técnica: Más suave
• Esparcir: 86%
• Tamaño: 1 px
• Verifique el cuadro Anti-alias
• Rango: 15%

Haga clic en Aceptar.

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

Paso 1

Vaya a Filtro> Distorsionar> Onda ... y use estas configuraciones:

• Cantidad de generadores: 5
• Longitud de onda: mín. 36 Max. 44
• Amplitud: Min. 16 Max. 17
• Escala: Horiz. 3% Vert. 3%
• Tipo: seno
• Áreas indefinidas: envolver

Haga clic en Aceptar.

Paso 2

Vaya a Capa> Objeto inteligente> Convertir en objeto inteligente.

8. Cómo estilizar la tercera capa de texto

Seleccione la capa "COMIC BOOK 3" y luego haga doble clic en esta capa para aplicar el siguiente estilo de capa:

Paso 1

Establezca las Opciones de fusión:

• Opacidad de relleno: 0%
  

Paso 2

Agregue una superposición de colores con estas configuraciones:

• Modo de fusión: Multiplicar
• Color: #bbf100
  
• Opacidad: 52%
  

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

Paso 1

Vaya a Filtro> Distorsionar> Onda ... y use estas configuraciones:

• Cantidad de generadores: 1
• Longitud de onda: mín. 236 Máx. 237
• Amplitud: Min. 13 Max. 21
• Escala: Horiz. 38% Vert. 28%
• Tipo: seno
• Áreas indefinidas: envolver

Haga clic en Aceptar.

Paso 2

Vaya a Filtro> Distorsionar> Onda ... y use estas configuraciones:

• Monto: 150%
• Tamaño : Grande
  

Haga clic en Aceptar.

10. Cómo dar estilo a la cuarta capa de texto

Seleccione la capa "COMIC BOOK 4" y luego haga doble clic en esta capa para aplicar el siguiente estilo de capa:

Paso 1

Establezca las Opciones de fusión:

• Opacidad de relleno: 0%
  

Paso 2

Agregue una superposición de colores con estas configuraciones:

• Modo de fusión: Multiplicar
• Color: #7be300
  
• Opacidad: 63%

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

Paso 1

Vaya a Filtro> Distorsionar> ZigZag ... y use estas configuraciones:

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

Haga clic en Aceptar.

Paso 2

Vaya a Filtro> Distorsionar> Rizo ... y use estas configuraciones:

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

Haga clic en Aceptar.

Paso 3

Vaya a Filtro> Distorsionar> Onda ... y use estas configuraciones:

• Cantidad de generadores: 5
• Longitud de onda: mín. 97 Max. 120
• Amplitud: Min. 5 máx. 25
• Escala: Horiz. 11% Vert. 11%
• Tipo: seno
• Áreas no definidas: repetición de píxeles de borde

Haga clic en Aceptar.

12. Cómo dar estilo a la quinta capa de texto

Seleccione la capa "COMIC BOOK 5" y luego haga doble clic en esta capa para aplicar el siguiente estilo de capa:

Paso 1

Establezca las Opciones de fusión:

• Opacidad de relleno: 0%
  

Paso 2

Agregue una superposición de patrón con estas configuraciones:

• Modo de fusión: superposición
• Opacidad: 100%
• Patrón: cómic-libro-tinta-patrón

Paso 3

Agregue un resplandor exterior con estas configuraciones:

• Color: #000000
  
• Técnica: Más suave
• Esparcir: 80%
• Tamaño: 1 px
• Verifique el cuadro Anti-alias
• Rango: 54%

Haga clic en Aceptar.

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

Vaya a Filtro> Distorsionar> Ondas ... y use estas configuraciones:

• Cantidad de generadores: 5
• Longitud de onda: mín. 24 máx. 79
• Amplitud: Min. 8 máx. 10
• Escala: Horiz. 11% Vert. 13%
• Tipo: seno
• Áreas no definidas: repetición de píxeles de borde
  

Haga clic en Aceptar.

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á siete capas en blanco para los pinceles. Para hacerlo, puede usar una de las opciones a continuación.

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

Opción 2: vaya a Capa> Nueva> Capa ... y configure el nombre como "Pincel 1", luego repita este paso y finalice con la capa "Pincel 7".

15. Cómo aplicar el primer pincel

Paso 1

Seleccione la capa "Pincel 1" y luego mantenga presionada la tecla Control y haga clic en la miniatura de la capa "LIBRO CÓMICO" para hacer una selección.

Paso 2

Vaya a Ventana> Rutas y haga clic en el botón Hacer ruta de trabajo desde el botón de selección en la parte inferior del panel Rutas.

Paso 3

Ahora vaya a Ventana> Pinceles y seleccione el pincel Big Dots, y luego haga clic con el botón derecho en la capa Ruta de trabajo en el panel Trazados y seleccione Ruta de Trazo ... en el menú. Seleccionar herramienta: Pincel, desmarque el botón Simular presión y haga clic en Aceptar.

Consejo: Cada vez que realice este paso, el resultado será diferente. Entonces, si no le gusta el resultado del pincel, puede mantener presionada la tecla Control y presionar la tecla Z para deshacer este paso, y luego repetir el recorrido del trazo.

Paso 4

Mientras se selecciona la capa "Pincel 1", mantenga presionada la tecla Control y haga clic en la miniatura de la capa "LIBRO CÓMICO" para realizar una selección nuevamente y luego vaya a Capa> Máscara de capa> Ocultar selección para aplicar la selección como máscara para la capa "Pincel 1".

16. Cómo estilizar la primera capa de pincel

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

Paso 1

Establezca las Opciones de fusión:

• Opacidad de relleno: 0%
• Compruebe la casilla de efectos de máscara de capa
  

Paso 2

Agregue una Sombra interna con estas configuraciones:

• Color: #000000
  
• Desmarque la casilla Usar luz global
  
• Ángulo: -90
• Distancia: 3 px
• Estrangulación: 48%
• Tamaño: 0 px
• Verifique el cuadro Anti-alias
  

Paso 3

Agregue un resplandor exterior con estas configuraciones:

• Color: #000000
  
• Técnica: Más suave
• Esparcir: 49%
• Tamaño: 1 px
• Verifique el cuadro Anti-alias
• Rango: 15%

Haga clic en Aceptar.

Este es el resultado con el primer pincel aplicado.

17. Cómo aplicar el segundo pincel

Paso 1

Seleccione la capa "Pincel 2".

Vaya a Ventana> Pinceles, seleccione el pincel Big Dots y configure Tamaño en 35 px. A continuación, haga clic con el botón derecho en la capa Ruta de trabajo en el panel Rutas y seleccione Ruta de trazo ... en el menú. Seleccionar herramienta: Pincel, desmarque el botón Simular presión y haga clic en Aceptar.

Paso 2

Mientras se selecciona la capa "Pincel 2", mantenga presionada la tecla Control y haga clic en la miniatura de la capa "LIBRO CÓMICO" para hacer una selección, y luego vaya a Capa> Máscara de capa> Ocultar selección para aplicar la selección como máscara para la capa "Cepillo 2".

Este es el resultado con el segundo pincel aplicado.

18. Cómo aplicar el tercer pincel

Paso 1

Seleccione la capa "Pincel 3".

Vaya a Ventana> Pinceles, seleccione el pincel de puntos pequeños y luego haga clic con el botón derecho en la capa de Ruta de trabajo en el panel Caminos y seleccione Ruta de trazo ... del menú. Seleccionar herramienta: Pincel, desmarque el botón Simular presión y haga clic en Aceptar.

Paso 2

Haga doble clic en la capa "Pincel 3" para abrir la ventana de estilo de capa. En la pestaña Opciones de fusión, mantenga presionado y mueva el control izquierdo de la opción Capa subyacente a 120, y luego mantenga presionada la tecla Alt y haga clic y mantenga presionado el lado derecho de este control. Mueva esta parte del mango a 200 y haga clic en Aceptar.

Este es el resultado con el tercer pincel aplicado.

19. Cómo aplicar el cuarto pincel

Paso 1

Seleccione la capa "Pincel 4".

Vaya a Ventana> Pinceles, seleccione el pincel Líneas grandes y luego haga clic con el botón derecho en la capa Ruta de trabajo en el panel Trazados y seleccione Ruta de Trazo ... en el menú. Seleccionar herramienta: Pincel, desmarque el botón Simular presión y haga clic en Aceptar.

Paso 2

Haga doble clic en la capa "Pincel 4" para abrir la ventana de estilo de capa. En la pestaña Opciones de fusión, mantenga presionado y mueva el control izquierdo de la opción Capa subyacente a 120, y luego mantenga presionada la tecla Alt y haga clic y mantenga presionado el lado derecho de este control. Mueva esta parte del mango a 200 y haga clic en Aceptar.

Este es el resultado con el cuarto pincel aplicado.

20. Cómo aplicar el quinto pincel

Paso 1

Seleccione la capa "Pincel 5".

Vaya a Ventana> Pinceles, seleccione el pincel gotas pequeñas y luego haga clic con el botón derecho en la capa Ruta de trabajo en el panel Trazados y seleccione Ruta de Trazo ... en el menú. Seleccionar herramienta: Pincel, desmarque el botón Simular presión y haga clic en Aceptar.

Paso 2

Haga doble clic en la capa "Pincel 5" para abrir la ventana de estilo de capa. En la pestaña Opciones de fusión, mantenga presionado y mueva el control izquierdo de la opción Capa subyacente a 120, y luego mantenga presionada la tecla Alt y haga clic y mantenga presionado el lado derecho de este control. Mueva esta parte del mango a 200 y haga clic en Aceptar.

Este es el resultado con el quinto pincel aplicado.

21. Cómo aplicar el sexto pincel

Paso 1

Vaya a Ventana> Rutas, seleccione la capa Ruta de trabajo y haga clic en Cargar ruta como seleccion Luego vaya a Seleccionar> Modificar> Contrato ... y configure Contrato por a 6 px y presione OK. Finalmente, regrese al panel Rutas y haga clic en el botón Hacer ruta de trabajo desde la selección.

Paso 2

Seleccione la capa "Pincel 6".

Vaya a Ventana> Pinceles, seleccione el pincel Líneas pequeñas y luego haga clic con el botón derecho en la capa Ruta de trabajo en el panel Trazados y seleccione Ruta de  Trazo ... en el menú. Seleccionar herramienta: Pincel, desmarque el botón Simular presión y haga clic en Aceptar.

Paso 3

Haga doble clic en la capa "Pincel 6" para abrir la ventana de estilo de capa. En la pestaña Opciones de fusión, mantenga presionado y mueva el control izquierdo de la opción Capa subyacente a 120, y luego mantenga presionada la tecla Alt y haga clic y mantenga presionado el lado derecho de este control. Mueva esta parte del mango a 200 y haga clic en Aceptar.

Este es el resultado con el sexto pincel aplicado.

22. Cómo aplicar el séptimo pincel

Paso 1

Seleccione la capa "Pincel 7", mantenga presionada la tecla Control y haga clic en la miniatura de la capa "LIBRO CÓMICO". A continuación, mantenga presionadas las teclas Control y Alt y haga clic en la miniatura de la capa "COMIC BOOK 2" para hacer una selección.

PAso 2

Vaya a Seleccionar> Modificar> Contrato ..., establezca Contrato por a 3 px, y presione OK. Luego vaya a Ventana> Rutas y haga clic en el botón Hacer ruta de trabajo desde la selección.

Paso 3

Vaya a Ventana> Pinceles, seleccione el pincel Líneas dobles y luego haga clic con el botón derecho en la capa Ruta de trabajo en el panel Trazados y seleccione Ruta de trazo ... en el menú. Seleccionar herramienta: Pincel, desmarque el botón Simular presión y haga clic en Aceptar.

Paso 4

Haga doble clic en la capa "Pincel 7" para abrir la ventana de estilo de capa. En la pestaña Opciones de fusión, mantenga presionado y mueva el control izquierdo de la opción Capa subyacente a 120, y luego mantenga presionada la tecla Alt y haga clic y mantenga presionado el lado derecho de este control. Mueva esta parte del mango a 200 y haga clic en Aceptar.

¡Felicidades! ¡Ya terminaste!

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 de capa y filtros 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.