Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Text Effects
Design

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

by
Difficulty:IntermediateLength:LongLanguages:
This post is part of a series called Horror Movie Week.
How to Create a Friday the 13th Themed Icon Pack in Adobe Illustrator
How to Create a Poltergeist TV Silhouette Scene in Adobe Illustrator

Spanish (Español) translation by Javier Salesi (you can also view the original English article)

Final product image
What You'll Be Creating

É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:

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.

Background Fill Layer

Paso 2

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

Levels Values

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.

Add the Background Texture

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.

HueSaturation Adjustment Layer

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.

HueSaturation Values

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.

Blood Texture

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.

Create the Text

Paso 2

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

Duplicate the Text Layer

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%
Bevel and Emboss

Paso 2

Agrega un Contorno con ésta configuración:

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

Paso 3

Agrega una Textura con ésta configuración:

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

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
Inner Glow

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.

Gradient Overlay

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
Drop Shadow

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

Styled Text 1

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%
Bevel and Emboss

Paso 2

Agrega un Contorno con ésta configuración:

  • Marca la casilla Suavizado
  • Rango: 100%
Contour

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
Inner Shadow

Ésto agregará la apariencia 3D al texto.

Styled Text 2

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.

Add the First Line

Paso 2

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

Finish the First Line

Paso 3

Repite ese proceso para dividir el resto del texto.

Add the Vertical Lines

Paso 4

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

Create the Horizontal Lines

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.

Create a Selection

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.

Intersect the Selection with the Text

Paso 3

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

Make Work Path

Paso 4

Establece la Tolerancia en 1 y haz click en OK.

Tolerance Value

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.

Create the Edges Layer

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%.

Brush Settings

Paso 2

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

Stroke the Path

Paso 3

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

Create Work Path

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.

Erase the Outer Parts

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%
Bevel and Emboss

Paso 2

Agrega un Contorno con ésta configuración:

  • Contorno: Cono
  • Marca la casilla Suavizado
Contour

Paso 3

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

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

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
Drop Shadow

Paso 5

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

Change the Fill Value

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.

Add a Line Shape

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.

Add More Line Shapes

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.

Change the Sizes and Angles

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.

Add Dot Shadows

Paso 5

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

Nail Tips Layer

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%
Bevel and Emboss

Paso 2

Agrega un Contorno con ésta configuración:

  • Contorno: Cono Invertido
  • Marca la casilla Suavizado
Contour

Paso 3

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

Copy Layer Style

Paso 4

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

Paste Layer Style

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.

Add the Nail Tips

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.

Create an Ellipse

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.
Gradient Overlay

Paso 3

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

Move the Gradient Fill

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.

Rasterize Layer Style

Paso 5

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

Change the Layer Settings

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.

Scale the Shadow

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.

Transform Menu Options

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%.

Nails Shadow Layer Settings

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.

Add the 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%.

Add the Text Texture

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.

HueSaturation Values

Paso 3

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

Create a Selection

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.

Add a Layer Mask

14. Cómo Crear la Viñeta

Paso 1

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

Create an Ellipse

Paso 2

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

Feather the Selection

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 .

Fill the Selection

Paso 4

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

Vignette Layer Settings

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%.

Add the Texture Overlay

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.

Blend If Sliders

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

Final Effect

¡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.

Final Result
Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.