Cómo Crear un Efecto de Texto inspirado en 'Hellraiser' en Adobe Photoshop

Éste tutorial te mostrará cómo crear un efecto de texto inspirado por el personaje Pinhead de la películoa Hellraiser, usando texturas, formas, estilos de capa y un par de otras herramientas y trucos. ¡Comencemos!

Éste efecto de texto fue inspirado por los muchos Estilos de Capa disponibles en GraphicRiver.

Recursos del Tutorial

Los siguientes recursos fueron utilizados durante la producción de éste tutorial:

• Fuente Kingthings Organica
• texture stock blue 000 por redwolf518stock
• Texture 90 por NinjaRabbit-Stock
• Arterial Spray por pendlestock
• Motivo Green Dust & Scratches por Atle Mo

1. Cómo Crear un Fondo Texturizado

Paso 1

Crea un nuevo documento de 1250 x 600 px, y luego coloca la imagen texture stock blue 000 arriba de la capa Fondo.

Redimensiona y coloca la imagen como sea necesario, y cambia el nombre de su capa a BG Fill.

Paso 2

Ve a Imagen > Ajustes > Niveles, y luego cambia el valor de Gama a 1.10 y el valor de Iluminaciones a 230.

Paso 3

Coloca la imagen Texture 90 arriba de la capa BG Fill, renombra su capa a BG Texture, y cambia su Modo de Fusión a Dividir.

Redimensiona y coloca la textura como gustes.

Paso 4

Haz click en el ícono de Crear nueva capa de relleno o ajuste en la parte inferior del panel Capas y elige Tono/Saturación.

Paso 5

Cambia el Modo de Fusión de la capa Tono/Saturación a Color, y marca la casilla Colorear. Cambia el valor de Tono a 215, la Saturación a 50, y la Luminosidad a 5.

Paso 6

Agrega la imagen Arterial Spray arriba de la capa BG Texture, renombra su capa a Blood Texture, y ve a Edición > Transformar > Rotar 90° a la derecha.

Cambia el Modo de Fusión de la capa Blood Texture a Multiplicar, y su Opacidad a 35%, y luego redimensiónala y colócala como gustes.

2. Cómo Crear las Capas de Texto

Paso 1

Crea el texto usando la fuente Kingthings Organica. El Tamaño es de 300 pt y el Color es #e6eff4.

Paso 2

Duplica la capa de texto, y cambia el valor de Relleno de la copia a 0.

3. Cómo Aplicar Estilo a la Capa de Texto Original

Haz doble-click en la capa de texto original para aplicar el siguiente estilo de capa:

Paso 1

Agrega un Bisel y Relieve con ésta configuración:

• Tamaño: 10
• Modo Resaltado: Pantalla
• Color: #7ec6ed
• Opacidad: 100%
• Modo de Sombra: Multiplicar
• Color: #021c33
• Opacidad: 85%

Paso 2

Agrega un Contorno con ésta configuración:

• Contorno: Semicircular
• Marca la casilla Suavizado
• Rango: 100%

Paso 3

Agrega una Textura con ésta configuración:

• Motivo: Green Dust & Scratches
• Marca la casilla Invertir

Paso 4

Agrega un Resplandor Interior con ésta configuración:

• Modo de Fusión: Subexposición Lineal
• Opacidad: 50%
• Color: #e6dfd0
• Técnica: Preciso
• Origen: Centro
• Tamaño: 117
• Contorno: Desnivel Profundo

Paso 5

Agrega una Superposición de Degradado con ésta configuración:

• Marca la casilla Tramado
• Modo de Fusión: Subexposición Lineal
• Opacidad: 50%
• Ángulo: -106
• Escala: 150%
• Crea el relleno de degradado usando los colores #6389a8 a la izquierda y #f9f3f8 a la derecha

Puedes entonces hacer click y arrastrar el texto para mover el degradado como gustes.

Paso 6

Agrega una Sombra Paralela con ésta configuración:

• Modo de Fusión: Subexposición Lineal
• Color: #00182a
• Opacidad: 15%
• Distancia: 10
• Extensión: 10
• Tamaño: 30

Ésto aplicará estilo a la parte texturizada del texto.

4. Cómo aplicar Estilo a la Parte 3D del Texto

Haz doble-click en la copia de la capa de texto para aplicar el siguiente estilo de capa:

Paso 1

Agrega un Bisel y Relieve con ésta configuración:

• Tamaño: 27
• Suavizar: 16
• Desmarca la casilla Usar Luz Global
• Ángulo: -122
• Altitud: 42
• Marca la casilla Suavizado
• Modo Resaltado: Pantalla
• Color: #d7e9f3
• Opacidad: 65%
• Modo de Sombra: Multiplicar
• Color: #021c33
• Opacidad: 55%

Paso 2

Agrega un Contorno con ésta configuración:

• Marca la casilla Suavizado
• Rango: 100%

Paso 3

Agrega una Sombra Interior con ésta configuración:

• Modo de Fusión: Sobreexposición de Color
• Color: #0a3652
• Opacidad: 63%
• Tamaño: 43

Ésto agregará la apariencia 3D al texto.

5. Cómo Crear la Cuadrícula

Paso 1

Posteriormente, vamos a crear una cuadrícula para seccionar el texto. Así que creamos una nueva capa arriba de todas las capas, y la llamamos Lines.

Luego, establecemos el Color de Fondo en Black, seleccionamos la Herramienta Pincel, y elegimos una punta redondeada dura de 3 px.

Dependiendo de la anchura de cada sección que vas a crear, haz click arriba del texto para crear la primera línea vertical.

Paso 2

Manten presionada la tecla Mayúsculas, y luego haz click debajo del texto para dibujar la línea.

Paso 3

Repite ese proceso para dividir el resto del texto.

Paso 4

Una vez que termines con las líneas verticales, crea las horizontales.

6. Cómo Crear un Trazado de Trabajo Basado en la Selección

Paso 1

Haz Command-click en la miniatura de la capa Lines para crear una selección.

Paso 2

Manten presionadas las teclas Command-Option-Mayúsculas, y haz click en la miniatura de la capa del texto para librarte de las partes exteriores de la selección.

Paso 3

Haz click derecho en cualquier parte cerca de la selección, y elige Crear Trazado de Trabajo.

Paso 4

Establece la Tolerancia en 1 y haz click en OK.

Paso 5

Haz la capa Lines invisible al hacer click en el ícono del ojo junto a ella, y luego crea una nueva capa arriba de ella y llámala Edges.

7. Cómo Trazar el Trazado de Trabajo

Paso 1

Selecciona la Herramienta Pincel, y luego abre el panel Pincel (Ventana > Pincel).

Bajo la pestaña Forma de la Punta del Pincel, elige la punta Tiza 11 pixeles y cambia su Tamaño a 5 px.

Bajo la pestaña Dinámica de Forma, establece Variación del Tamaño y Variación del Ángulo en 100%.

Paso 2

Pulsa la tecla Return una vez para trazar el trazado con la punta del pincel modificada.

Paso 3

Haz click derecho en la capa del texto y elige Crear Trazado de Trabajo.

Paso 4

Selecciona la Herramienta Borrador, elige una punta redondeada de 5 px con un valor de Dureza del 80%, y luego presiona la tecla Return para borrar las partes exteriores del trazo.

Una vez que hagas eso, elige la Herramienta Selección Directa (A), y pulsa la tecla Return una vez más para librarte del trazado de trabajo.

8. Cómo aplicar Estilo a las Líneas

Haz doble-click en la capa Edges para aplicar el siguiente estilo de capa:

Paso 1

Agrega un Bisel y Relieve con ésta configuración:

• Tamaño: 5
• Marca la casilla Suavizado
• Modo Resaltado: Pantalla
• Color: #7ec6ed
• Opacidad: 100%
• Modo de Sombra: Multiplicar
• Color: #021c33
• Opacidad: 100%

Paso 2

Agrega un Contorno con ésta configuración:

• Contorno: Cono
• Marca la casilla Suavizado

Paso 3

Agrega una Superposición de Colores con ésta configuración:

• Color: #06304c
• Modo de Fusión: Subexposición Lineal

Paso 4

Agrega una Sombra Paralela con ésta configuración:

• Modo de Fusión: Subexponer Color
• Color: #ee1516
• Opacidad: 100%
• Distancia: 0
• Tamaño: 5

Paso 5

Cambia el valor de Relleno de la capa Edges a 0.

9. Cómo Crear los Clavos

Paso 1

Selecciona la Herramienta Línea y establece el valor de Anchura en la barra de Opciones en 3.

Asegúrate de que el Color de Fondo esté establecido en #d1d1d1, y luego crea una línea sobre uno de los puntos de la intersección de la cuadrícula.

Paso 2

Haz click en el ícono Combinar Formas del menú operaciones del Trazado en la barra Opciones, y agrega más formas a la misma capa.

Luego, comienza a añadir más líneas sobre el resto de los puntos de intersección de la cuadrícula.

Para lograr una apariencia 3D más realista, crea las líneas inclinadas hacia arriba en la parte superior, casi rectas en la parte de en medio, e inclinadas hacia abajo en la parte inferior.

Paso 3

Experimenta con los tamaños y los ángulos de las líneas creadas para hacer que el efecto tenga una apariencia tan realista como sea posible.

Paso 4

Cuándo termnes de crear los clavos, crea una nueva capa debajo de la capa Nails, llámala Nails Shadow, y establece su Modo de Fusión en Subexponer Color.

Cambia el Color de Frente a #acacac, y luego selecciona la Herramienta Pincel, y usa una punta redondeada suave de 10 px para agregar puntos a la base de cada clavo que tengas.

Paso 5

Crea una nueva capa arriba de todas las capas, y llámala Nail Tips.

10. Cómo aplicar Estilo a los Clavos

Haz doble-click en la capa Nails para aplicar el siguiente estilo de capa:

Paso 1

Agrega un Bisel y Relieve con ésta configuración:

• Tamaño: 5
• Marca la casilla Suavizado
• Modo Resaltado: Pantalla
• Color: #7ec6ed
• Opacidad: 50%
• Modo de Sombra: Multiplicar
• Color: #021c33
• Opacidad: 75%

Paso 2

Agrega un Contorno con ésta configuración:

• Contorno: Cono Invertido
• Marca la casilla Suavizado

Paso 3

Haz click-derecho en la capa Nails y elige Copiar Estilo de Capa.

Paso 4

Haz click-derecho en la capa Nail Tips y elige Pegar Estilo de Capa.

Paso 5

Establece el Color de Frente en #d1d1d1 , selecciona una punta de pincel redondeada y dura de 5 px, y comienza a agregar puntas a cada uno de los clavos que tengas.

11. Cómo Crear las Sombras de Degradado

Paso 1

Selecciona la Herramienta Elipse, y crea una elipse de 57 x 16 px arriba de todas las capas.

Paso 2

Haz doble click en la capa de la elipse para aplicar un efecto Superposición de Degradado con ésta configuración:

• Estilo: Radial
• Ángulo: 0
• Haz click en relleno de degradado Color a Transparente usando los colores #888888 a la izquierda y #ffffff a la derecha.

Paso 3

Mueve el relleno de degradado para que inicie a la izquierda de la elipse y se desvanezca a transparencia a su derecha.

Paso 4

Duplica la capa de la elipse, y luego házla invisible.

Haz click-derecho en la capa de la copia de la elipse y elige Rasterizar Estilo de Capa.

Paso 5

Cambia el Modo de Fusión de la capa rasterizada a Subexposición Lineal y su Opacidad a 50%.

12. Cómo Transformar las Sombras

Paso 1

Presiona Command-T para ingresar al Modo de Transformación Libre.

Escala la sombra a un tamaño menor si es necesario, hasta que tengas el tamaño que desees.

Paso 2

Con el Modo de Transformación Libre aún activo, puedes hacer click-derecho para accesar a otras opciones de transformación cuando lo necesites.

Paso 3

Mueve la capa de la sombra debajo de la capa Nails Shadow, y luego cambia su Modo de Fusión a Subexposición Lineal y su Opacidad a 50%.

Paso 4

Es mejor usar esas sombras de degradado sólo para los clavos del centro, pues los que están cerca de los bordes no deben tener sombras largas sobre el mismo texto.

Así que duplica la capa de sombra modificada, y transforma cada copia de acuerdo al clavo que estás colocando debajo.

Una vez que termines, agrupa todas las capas de sombra de degradado, y llama al grupo Gradient Shadows.

13. Cómo Agregar Textura al Texto

Paso 1

Coloca una nueva copia de la textura Arterial Spray arriba de ambas capas de texto, y redimensiónala a la anchura del texto. Luego muévelo hacia abajo para que el texto sea cubierto por la parte superior de la textura.

Renombra la capa de la textura a Text Texture, y luego cambia su Modo de Fusión a Subexponer Color y su Opacidad a 50%.

Paso 2

Presiona Command-U para tener el cuadro Tono/Saturación, y luego cambia el valor de Saturación a -100 y la Luminosidad a 55.

Paso 3

Haz Command-click en la miniatura de la capa del texto para crear una selección.

Paso 4

Haz click en el ícono de Agregar máscara de capa en la parte inferior del panel Capas para enmascarar la Text Texture.

14. Cómo Crear la Viñeta

Paso 1

Utiliza la Herramienta Marco Elíptico para crear una elipse alrededor del texto.

Paso 2

Ve a Selección > Modificar > Desvanecer, y luego cambia el Radio de Desvanecimiento a 35.

Paso 3

Ve a Selección > Invertir para invertir la selección.

Luego, crea una nueva capa debajo de la capa Blood Texture, llámala Vignette, y rellénala con el color #959595 .

Paso 4

Cambia el Modo de Fusión de la capa Vignette a Subexposición Lineal, y su Opacidad en 35%.

15. Cómo Agregar una Superposición de Textura Final

Paso 1

Duplica la capa BG Texture, renombra la copia a Texture Overlay, y colócala arriba de todas las capas.

Cambia el valor de la Opacidad de la capa Texture Overlay a 20%.

Paso 2

Queremos limitar el efecto de la textura únicamente a las áreas más oscuras del texto.

Para hacer eso, haz doble-click en la capa Texture Overlay, y localiza la sección Fusionar si es cerca de la parte inferior del cuadro Estilo de Capa.

Manten presionada la tecla Option, y arrastra el regulador Iluminaciones de capa subyacente para separar sus extremos y desvanecer el efecto.

Después de eso, haz click y arrastra cada extremo del regulador para obtener el resultado que gustes.

Ello protege las iluminaciones en la imagen de ser afectadas por la superposición de la textura.

¡Felicidades! Terminaste

En éste tutorial, creamos un fondo usando un par de texturas y modos de fusión. Luego, creamos las capas de texto y les aplicamos estilo para lograr el efecto de texto básico.

Después de eso, usamos la herramienta pincel para crear una sencilla cuadrícula, de la cual creamos una selección, así como un trazado de trabajo. Modificamos una punta de pincel para definir el trazado, y luego aplicamos estilo a las líneas resultantes.

También usamos un par de formas, y más estilos de capa, para crear los clavos y sus sombras. Finalmente, añadimos una simple viñeta, y usamos una textura para finalizar el efecto.

Por favor con toda confianza deja tus comentarios, sugerencias y resultados en la sección de abajo.