Cómo crear un efecto de texto inspirado en Spiderman en Adobe Photoshop

Lo que vas a crear

En este tutorial te mostraré cómo crear un efecto de texto fácil de Spiderman, usando un patrón y un estilo de capa.

El efecto de texto de Spiderman es una parte de Super Heroes - Photoshop Styles de mi cartera en Envato Market.

Super Heroes - Photoshop Styles

Activos Tutoriales

Los siguientes recursos fueron utilizados durante este tutorial:

  • Aero Matics fuente
  • Patrón de pared oscura
  • Patrón spidy

Antes de comenzar a crear el efecto de texto de Spiderman, descargue e instale la fuente y los patrones en su Photoshop.

1. Crea el fondo

Le mostraré cómo hacer el fondo para la imagen final, pero si desea usar su propio fondo, omita toda esta parte..

Paso 1

Comience por crear un nuevo 850 x 500 px documento con el Resolución de 72 píxeles / pulgada y el Contenidos de fondo a Blanco.

Paso 2

Haga doble clic en el Fondo capa en el Capas Panel para desbloquearlo. Ahora haz clic derecho en esta capa desbloqueada y elige Opciones de mezcla desde el menu. Otra forma de abrir estas opciones es seleccionar la capa e ir a Capa> Estilo de capa> Opciones de fusión.

Luego agrega un Gradiente de superposición con estos ajustes:

  • Modo de mezcla: De combustión lineal
  • Opacidad: 20%
  • Haga clic en el Gradiente cuadro para crear el relleno degradado utilizando los colores Blanco a la izquierda y Negro a la derecha.
  • Estilo: Radial
  • Ángulo: 0 °
  • Comprobar el Vacilar caja.

Paso 3

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

  • Haga clic en el Modelo cuadro y elegir el Pared oscura modelo.
  • Opacidad: 100%
  • Escala: 100%

Esto creará un fondo de textura oscura con una viñeta.

2. Crea el efecto de texto de Spiderman

Este efecto de texto está hecho de una capa, por lo que puede guardarlo como un nuevo estilo en su Estilos paleta para uso futuro.

Paso 1

Elige el Tipo de herramienta y seleccione el Aero Matics fuente. Selecciona el Estilo de fuente a Negrita cursiva y Tamaño de fuente alrededor 200 pt. Escribe "ARAÑA" con mayúsculas.

Paso 2

Seleccione su capa de texto en el Capas Panel, haga clic derecho sobre la capa y elija Opciones de mezcla del menu.

Añadir Patrón de superposición con estos ajustes:

  • Haga clic en el Modelo cuadro y elegir el Spidy modelo.
  • Escala: 25%

Esto agregará el patrón de Spiderman rojo principal..

Paso 3

Añadir Gradiente de superposición con estos ajustes:

  • Modo de mezcla: Multiplicar
  • Opacidad: 14%
  • Haga clic en el Gradiente cuadro para crear el relleno degradado utilizando los colores Negro a la izquierda y Blanco a la derecha.
  • Estilo: Lineal
  • Ángulo: -90 °
  • Comprobar el Vacilar caja.

Etapa 4

Añadir Superposición de color con estos ajustes:

  • Modo de mezcla: Multiplicar
  • Haga clic en el Color caja y elige el color # e10505.
  • Opacidad: 100%

La superposición de color y degradado oscurecerá ligeramente la textura principal.

Paso 5

Añadir Satín con estos ajustes:

  • Modo de mezcla: Esquiva lineal (Añadir) con Color # ffeb0d
  • Opacidad: 100%
  • Ángulo: 0 °
  • Distancia: 4 px
  • Tamaño: 16 px
  • Desmarque la Invertir caja, si está marcada.

El satén agrega un brillo amarillo y naranja dentro de la textura Spiderman.

Paso 6

Añadir un Brillo externo con estos ajustes:

  • Modo de mezcla: Normal
  • Opacidad: 100%
  • Técnica: Preciso
  • Untado: 0%
  • Tamaño: 8 px
  • Distancia: 55%
  • Estar nervioso: 0%
  • Seleccione el botón de opción junto al degradado y luego edite el degradado Paradas:
  • Parada de primer gradiente Color # 111111 y Ubicación al 21%.
  • Segunda parada del gradiente Color # 177ece y Ubicación al 48%.
  • Parada de tercer gradiente Color # 9adaff y Ubicación al 73%.

Esto agregará un degradado azul alrededor del texto con el centro azul oscuro.

Paso 7

Añadir Sombra interior con estos ajustes:

  • Modo de mezcla: Quemadura lineal con Color # 010101
  • Opacidad: 30%
  • Desmarque la Usar luz global antes de configurar Ángulo: -90 °.
  • Distancia: 6 px
  • Ahogo: 0%
  • Tamaño: 0 px

La sombra interior agrega una sensación 3D al estilo.

Paso 8

Añadir Brillo interior con estos ajustes:

  • Modo de mezcla: Pantalla
  • Opacidad: 71%
  • Escoger Color # ffeb0d
  • Técnica: Más suave
  • Fuente: Borde
  • Ahogo: 0%
  • Tamaño: 5 px

El brillo interior agrega un fino trazo amarillo alrededor de la textura.

Paso 9

Añadir Carrera con estos ajustes:

  • Tamaño: 2 px
  • Posición: Fuera de
  • Modo de mezcla: Normal
  • Opacidad: 100%
  • Tipo de relleno: Gradiente
  • Estilo: Lineal
  • Ángulo: 90 °
  • Comprobar el Vacilar caja.
  • Selecciona el Gradiente Con estas 5 paradas:
  • Parada de primer gradiente Color # 003669 y Ubicación a las 12%.
  • Segunda parada del gradiente Color #bcebff y Ubicación al 22%.
  • Parada de tercer gradiente Color # 003669 y Ubicación al 52%.
  • Cuarta parada del gradiente Color #bcebff y Ubicación al 83%.
  • Parada de quinto gradiente Color # 003669 y Ubicación al 96%.

El trazo agregará líneas pequeñas, azules y brillantes alrededor del texto..

Paso 10

Añadir Bisel y Relieve con estos ajustes:

  • Estilo: Bisel interno
  • Técnica: Suave
  • Profundidad: 100%
  • Dirección: Arriba
  • Tamaño: 18 px
  • Desmarque la Usar luz global caja antes de configurar Ángulo: 110 ° y Altitud: 30 °
  • Modo de resaltado: Esquiva lineal (Añadir) con Color # ffc000 y Opacidad: 26%
  • Modo sombra: Quemadura lineal con Color # 0a2a40 y Opacidad: 20%

Paso 11

Agrega un Textura con estos ajustes:

  • Haga clic en el Modelo cuadro y elegir el Spidy modelo.
  • Carolina del Surcerveza inglesa: 25%
  • Profundidad: +120%

El biselado interno con textura agrega más profundidad al patrón de Spiderman rojo.

Paso 12

Como paso final, agregue un Sombra paralela con estos ajustes:

  • Modo de mezcla: Normal con Color # 001e2d
  • Opacidad: 100%
  • Desmarque la Usar luz global antes de configurar Ángulo: 120 °
  • Distancia: 3 px
  • Untado: 100%
  • Tamaño: 11 px

¡Felicidades! Estas hecho!

En este tutorial, aprendiste cómo crear un efecto de texto de Spiderman en Photoshop.

Comenzamos creando el fondo oscuro con un patrón sin costuras. Luego creamos una capa de texto y agregamos muchos efectos diferentes para crear un efecto de texto al estilo de Spiderman.

Espero que hayas disfrutado de este tutorial, y si te gusta el efecto final, no olvides guardar este estilo en tu paleta de estilos de capa para futuros proyectos..

El efecto de texto de Spiderman es una parte de Super Heroes - Photoshop Styles de mi cartera en Envato Market.