Cómo Crear un Efecto de Texto Inspirado en el Hombre Araña en Adobe Photoshop

En éste tutorial te mostraré cómo crear un fácil efecto de texto del Hombre Araña, usando un motivo y un estilo de capa.

El efecto de texto del Hombre Araña es parte de Super Héroes - Estilos de Photoshop de mi portafolio en Envato Market.

Recursos del Tutorial

Los siguientes recursos fueron usados durante éste tutorial:

• Fuente Aero Matics
  
• Motivo Dark wall
  
• Motivo Spidy

Antes de que comiences a crear el efecto de texto del Hombre Araña, descarga e instala la fuente y los motivos en tu Photoshop.

1. Crea el Fondo

Te mostraré cómo hacer el fondo para la imagen final, pero si quieres usar tu propio fondo, entonces sáltate toda ésta parte.

Paso 1

Comienza con crear un nuevo documento de 850 x 500 px con la Resolución de 72 pixeles/pulgada y los Contenido de Fondo en Blanco.

Paso 2

Haz doble click en la capa Background (Fondo) en el panel Capas para desbloquearla. Ahora haz click derecho en ésta capa desbloqueada y elige Opciones de Fusión del menú. Otra manera de abrir éstas opciones es seleccionar la capa y ve a Capa > Estilo de Capa > Opciones de Fusión.

Luego agrega un estilo de capa Superposición de Degradado con éstos parámetros:

• Modo de Fusión: Subexposición Lineal
• Opacidad: 20%
• Haz click en la casilla Degradado para crear el relleno de degradado usando los colores Blanco en la izquierda y Negro en la derecha.
  
• Estilo: Radial
• Ángulo: 0°
• Marca la casilla Tramado.

Paso 3

Agrega un Superposición de Motivo con éstos parámetros:

• Haz click en la casilla Motivo y elige el motivo Dark Wall.
  
• Opacidad: 100%
• Escala: 100%

Ésto creará un fondo texturizado negro con una viñeta.

2. Crea el Efecto de Texto del Hombre Araña

Éste efecto de texto está hecho de una capa, así que puedes guardarlo como un nuevo estilo en tu paleta de Estilos para uso futuro.

Paso 1

Toma la Herramienta Texto y selecciona la fuente Aero Matics. Establece el Estilo de Fuente en Cursiva Negrita y el Tamaño de Fuente en 200 pt. Escribe "SPIDER" en letras mayúsculas.

Paso 2

Selecciona tu capa de texto en el panel Capas, haz click derecho en la capa y elige Opciones de Fusión del menú.

Agrega un estilo de capa Superposición de Motivo con éstos parámetros:

• Haz click en la casilla Motivo y elige el motivo Spidy.
• Escala: 25%

Ésto agregará el motivo principal rojo del Hombre Araña.

Paso 3

Agrega un estilo Superposición de Degradado con éstos parámetros:

• Modo de Fusión: Multiplicar
• Opacidad: 14%
• Haz click en la casilla Degradado para crear el relleno de degradado usando los colores Negro en la izquierda y Blanco en la derecha.
  
• Estilo: Lineal
• Ángulo: -90%
• Marca la casilla Tramado.

Paso 4

Agrega un estilo Sobreexponer Color con éstos parámetros:

• Modo de Fusión: Multiplicar
• Haz click en la casilla Color y elige el color #e10505.
• Opacidad: 100%

Los dos estilos sobreexponer color y de degradado oscurecerán ligeramente la textura principal.

Paso 5

Agrega un Satinado con éstos parámetros:

• Modo de Fusión: Sobreexposición Lineal (Añadir) con Color #ffeb0d
  
• Opacidad: 100%
• Ángulo: 0°
• Distancia: 4 px
• Tamaño: 16 px
• Desmarca la casilla Invertir, si está marcada.

El satinado agrega un resplandor amarillo y naranja dentro de la textura del Hombre Araña.

Paso 6

Agrega un Resplandor Exterior con éstos parámetros:

• Modo de Fusión: Normal
• Opacidad: 100%
• Técnica: Preciso
• Extender: 0%
• Tamaño: 8 px
• Rango: 55%
• Vibración: 0%
• Selecciona el botón del radio junto al degradado y luego edita las Detenciones del degradado:
• Primera detención de degradado Color #111111 y Ubicación en 21%.
  
• Segunda detención de Color del degradado #177ece y Ubicación en 48%.
• La tercera detención de Color del degradado #9adaff y Ubicación en 73%.

Ésto agregará un degradado azul alrededor del texto con un centro azul oscuro.

Paso 7

Agrega una Sombra Interior con éstos parámetros:

• Modo de Fusión: Subexposición Lineal con Color #010101
  
• Opacidad: 30%
• Demsarca Usar Luz Global antes de establecer un Ángulo: -90°.
• Distancia: 6 px
• Retraer: 0%
• Tamaño: 0 px

La sombra interior añade una sensación de 3D al estilo.

Paso 8

Agrega un Resplandor Interior con éstos parámetros:

• Modo de Fusión: Pantalla
• Opacidad: 71%
• Elige Color #ffeb0d
  
• Técnica: Más Suavizado
• Origen: Borde
• Retraer: 0%
• Tamaño: 5 px

El resplandor interior agrega un trazo delgado alrededor de la textura.

Paso 9

Agrega un Trazo con éstos parámetros:

• Tamaño: 2 px
• Posición: Exterior
• Modo de Fusión: Normal
• Opacidad: 100%
• Tipo de Relleno: Degradado
• Estilo: Lineal
• Ángulo: 90°
• Marca la casilla Tramado.
• Establece el Degradado con éstas 5 detenciones:
• Primera detención de Color del degradado #003669 y Ubicación en 12%.
  
• Segunda detención de Color del degradado #bcebff y Ubicación en 22%.
• Tercera detención de Color del degradado #003669 y Ubicación en 52%.
• Cuarta detención de Color del degradado #bcebff y Ubicación en 83%.
• Quinta detención de Color del degradado #003669 y Ubicación en 96%.

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

Paso 10

Agrega un Bisel & Relieve con éstos parámetros:

• Estilo: Inglete Interior
• Técnica: Redondeado
• Profundidad: 100%
• Dirección: Arriba
• Tamaño: 18 px
• Desmarca la casilla Usar Luz Global antes de establecer Ángulo: 110° y Altitud: 30°.
• Modo de Resaltado: Sobreexposición Lineal (Añadir) con Color #ffc000 y Opacidad: 26%
• Modo de Sombra: Subexposición Lineal con Color #0a2a40 y Opacidad: 20%

Paso 11

Agrega una Textura con éstos parámetros:

• Haz cick en la casilla Motivo y elige el motivo Spidy.
• Escala: 25%
• Profundidad: +120%

El inglete interior con textura agrega más profundidad al motivo rojo del Hombre Araña.

Paso 12

Como último paso, agrega una Sombra Paralela con éstos parámetros:

• Modo de Fusión: Normal con Color #001e2d
• Opacidad: 100%
• Desmarca Usar Luz Global antes de establecer Ángulo: 120°
• Distancia: 3 px
• Extender: 100%
• Tamaño: 11 px

¡Felicitaciones! ¡Terminaste!

En éste tutorial, aprendiste cómo crear un efecto de texto del Hombre Araña en Photoshop.

Comenzamos por crear el fondo oscuro con un motivo impecable. Luego creamos una capa de texto y agregamos diferentes efectos para crear un efecto de texto estilo Hombre Araña.

Espero que hayas disfrutado éste tutorial, y si te gusta el efecto final no olvides guardar éste estilo a tu paleta de Estilos de Capa para futuros proyectos.

El efecto de texto del Hombre Araña es parte de Super Héroes - Estilos de Photoshop de mi portafolio en Envato Market.