7 days of PS Actions, graphics, templates & fonts - for free!* Unlimited asset downloads! Start 7-Day Free Trial
Advertisement
  1. Design & Illustration
  2. Fan Art

Cómo Crear un Efecto de Texto Inspirado en Mystique en Adobe Photoshop

Scroll to top
Read Time: 9 mins
This post is part of a series called X-Men Week.
How to Digitally Paint a Superhero Portrait in Adobe Photoshop
How to Create the X-Men Character Gambit in Adobe Illustrator

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

Final product imageFinal product imageFinal product image
What You'll Be Creating
Final product imageFinal product imageFinal product image
Lo Que Vas a Crear

Éste tutorial te mostrará cómo crear un efecto de texto inspirado por el original personaje ficticio de los X-Men,  de color llamativo y textura peculiar .

Es similar a los efectos de texto que puden ser comprados en Envato Market, pero usaremos una gran cantidad de texturas, estilos de capa y capas de ajuste para crearlo. ¡Así que comencemos!

Recursos del Tutorial

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

1. Crea el Degradado para el Fondo

Paso 1

Crea un nuevo documento de 1250 x 800 px y duplica la capa Background (fondo).

Duplicate the Background LayerDuplicate the Background LayerDuplicate the Background Layer

Paso 2

Haz doble-click en la capa Background copy para aplicar un efecto Superposición de Degradado con éstos parámetros:

  • Marca la casilla Tramado
  • Ángulo: 70
  • Crea el Degradado usando los colores #1a1a1b a la izquierda y #162228 a la derecha.
Gradient OverlayGradient OverlayGradient Overlay

Ésto creará un degradado sencillo para agregar las texturas arriba.

Background GradientBackground GradientBackground Gradient

2. Añade las Texturas de Fondo

Paso 1

Agrega la cloud texture (textura de nube), redimensiónala como sea necesario, y cambia el Modo de Fusión de su capa a Superponer.

Add Texture 1Add Texture 1Add Texture 1

Paso 2

Agrega la imagen Blurred stripe background, redimensiónala, y luego cambia el Modo de Fusión de su capa a Luz Suave y su Opacidad a 80%.

Add Texture 2Add Texture 2Add Texture 2

Paso 3

Coloca la imagen m-a32, ve a Filtro > Desenfocar > Desenfoque Gaussiano, y cambia el Radio a 5.

Add and Blur Texture 3Add and Blur Texture 3Add and Blur Texture 3

Paso 4

Redimensiona la imagen m-a32, y cambia el Modo de Fusión de su capa a Superponer y su Opacidad a 50%.

Adjust Texture 3Adjust Texture 3Adjust Texture 3

3. Agrega las Capas de Ajuste de Mapa de Degradado

Paso 1

Haz click en el ícono Crear nueva capa de relleno o ajuste en la parte inferior del panel Capas y elige Mapa de Degradado.

Add a Gradient Map Adjustment LayerAdd a Gradient Map Adjustment LayerAdd a Gradient Map Adjustment Layer

Paso 2

Marca la casilla Tramado y elige el relleno de degradado de abajo. Cambia el Modo de Fusión de la capa a Color y su Opacidad a 50%.

Gradient Map SettingsGradient Map SettingsGradient Map Settings

Paso 3

Agrega otra capa de ajuste de Mapa de Degradado, marca la casilla Tramado, y elige el relleno de degradado de abajo. Cambia el Modo de Fusión de la capa a Color y su Opacidad a 25%.

Gradient Map Adjustment Layer 2Gradient Map Adjustment Layer 2Gradient Map Adjustment Layer 2

4. Crea las Capas de Texto

Paso 1

Crea el texto usando la fuente PoetsenOne Regular. El Tamaño es 235 pt y el Color es #1166c5.

Create the TextCreate the TextCreate the Text

Paso 2

Duplica la capa de texto dos veces para crear dos copias, y arrástralas debajo de la original.

Nombra la copia de en medio Stroke, y la de abajo Stroke Blur. Luego cambia el valor de Relleno de la capa Stroke Blur a 0.

Duplicate the Text LayerDuplicate the Text LayerDuplicate the Text Layer

5. Crea el Desenfoque de Trazo

Paso 1

Haz doble-click en la capa Stroke Blur para aplicar un efecto Trazo con éstos parámetros:

  • Tamaño: 13
  • Color: #4e5c69
StrokeStrokeStroke

Paso 2

Haz click-derecho en la capa Stroke Blur y elige Convertir en Objeto Inteligente.

Convert to Smart ObjectConvert to Smart ObjectConvert to Smart Object

Paso 3

Ve a Desenfocar > Desenfoque Gaussiano, y cambia el Radio a 13.

Gaussian BlurGaussian BlurGaussian Blur

Paso 4

Cambia el Modo de Fusión de la capa Stroke Blur a Sobreexponer Color.

Change Blend ModeChange Blend ModeChange Blend Mode

6. Crea el Trazo

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

Paso 1

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

  • Estilo: Relieve del Trazo
  • Tamaño: 9
  • Contorno de Resplandor: Aro
  • Marca la casilla Suavizado
  • Modo Resaltado: Luz Intensa
  • Opacidad: 50%
  • Modo de Sombra: Supexposición Lineal
  • Color: #751b0f
  • Opacidad: 50%
Bevel and EmbossBevel and EmbossBevel and Emboss

Paso 2

Agrega un Contorno con éstos parámetros:

  • Marca la casilla Suavizado.
ContourContourContour

Paso 3

Agrega una Textura con éstos parámetros:

  • Motivo: Type
  • Profundidad: 100%
TextureTextureTexture

Paso 4

Agrega un Trazo con éstos parámetros:

  • Tamaño: 6
  • Color: #8a4909
StrokeStrokeStroke

Paso 5

Agrega un Resplandor Interior con éstos parámetros:

  • Modo de Fusión: Luz Dura
  • Opacidad: 100%
  • Color: #edb01d
  • Tamaño: 5
Inner GlowInner GlowInner Glow

Paso 6

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

  • Marca la casilla Tramado
  • Opacidad: 35%
  • Ángulo: 31
  • Elige el relleno de Degradado de abajo
Gradient OverlayGradient OverlayGradient Overlay

Paso 7

Agrega un Resplandor Exterior con éstos parámetros:

  • Modo de Fusión: Sobreexposición Lineal (Añadir)
  • Opacidad: 100%
  • Ruido: 50%
  • Color: #cf6701
  • Tamaño: 11
  • Contorno: Aro
Outer GlowOuter GlowOuter Glow

Paso 8

Agrega una Sombra Paralela con éstos parámetros:

  • Modo de Fusión: Subexposición de Color
  • Color: #cbcdd7
  • Opacidad: 35%
  • Distancia: 26
  • Extender: 6
  • Tamaño: 35
Drop ShadowDrop ShadowDrop Shadow

Ésto creará el trazo exterior brillante con un sencillo efecto de resplandor.

Outer Stroke and GlowOuter Stroke and GlowOuter Stroke and Glow

7. Aplica Estilo al Texto

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

Paso 1

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

  • Tamaño: 24
  • Desmarca la casilla Usar Luz Global
  • Ángulo: 45
  • Altitud: 74
  • Contorno de Resplandor: Cono - Invertido
  • Marca la casilla Suavizado
  • Modo de Resaltado - Opacidad: 75%
  • Modo de Sombra:
  • Color: #474747
  • Opacidad: 75%
Bevel and EmbossBevel and EmbossBevel and Emboss

Paso 2

Agrega una Textura con éstos parámetros:

  • Motivo: Broken Noise
  • Profundidad: 256%
TextureTextureTexture

Paso 3

Agrega una Sombra Interior con éstos parámetros:

  • Modo de Fusión: Luz Dura
  • Color: #ff9630
  • Opacidad: 100%
  • Distancia: 1
  • Tamaño: 5
Inner ShadowInner ShadowInner Shadow

Paso 4

Agrega un Resplandor Interior con éstos parámetros:

  • Modo de Fusión: Luz Lineal
  • Opacidad: 35%
  • Ruido: 15%
  • Color: #f8f5f5
  • Técnica: Preciso
  • Origen: Centro
  • Tamaño: 90
  • Marca la casilla Suavizado
Inner GlowInner GlowInner Glow

Paso 5

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

  • Marca la casilla Tramado
  • Modo de Fusión: Superponer
  • Opacidad: 35%
  • Ángulo: 115
  • Usa el relleno de Degradado de abajo
Gradient OverlayGradient OverlayGradient Overlay

Paso 6

Agrega una Sombra Paralela con éstos parámetros:

  • Modo de Fusión: Subexponer Color
  • Color: #050505
  • Opacidad: 50%
  • Distancia: 7
  • Tamaño: 9
Drop ShadowDrop ShadowDrop Shadow

Ésto aplicará estilo al texto y agregará la base de la textura azul marino.

Styled TextStyled TextStyled Text

Paso 7

Selecciona las capas Stroke y Stroke Blur, toma la Herramienta Mover, y arrastra esas capas ligeramente para apartar el trazo del texto.

Nudge the Stroke LayersNudge the Stroke LayersNudge the Stroke Layers

8. Agrega las Escamas

Paso 1

Agrega la imagen webtreatsetc-opart-3.jpg del paquete de motivos Abstract Warped Dots Patterns, y renombra su capa a Pattern.

Add the Scales PatternAdd the Scales PatternAdd the Scales Pattern

Paso 2

Toma la Herramienta Varita Mágica, desmarca la casilla Contiguo en la barra Opciones, y haz click en el área blanca de la imagen del motivo.

Select the White AreaSelect the White AreaSelect the White Area

Paso 3

Ve a Selección > Invertir, y haz click en el ícono Añadir máscara vectorial en la parte inferior del panel Capas para librarte de la parte blanca de la textura.

Mask the PatternMask the PatternMask the Pattern

Paso 4

Duplica la capa Pattern, cambia el valor de Relleno de la copia a 0, y duplícala.

Duplicate the Pattern LayersDuplicate the Pattern LayersDuplicate the Pattern Layers

9. Aplica Estilo a la Capa Pattern

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

Paso 1

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

  • Tamaño: 35
  • Desmarca la casilla Usar Luz Global
  • Ángulo: -145
  • Altitud: 42
  • Contorno de Resplandor: Desnivel - Profundo
  • Marca la casilla Suavizado
  • Modo Resaltado: Luz Lineal
  • Color: #c5dffc
  • Opacidad: 35%
  • Modo de Sombra - Opacidad: 50%
Bevel and EmbossBevel and EmbossBevel and Emboss

Paso 2

Agrega un Contorno con éstos parámetros:

  • Contorno: Cono - Invertido
  • Marca la casilla Suavizado
  • Rango: 25%
ContourContourContour

Paso 3

Agrega una Textura con éstos parámetros:

  • Motivo: Bright Squares
  • Profundidad: 752%
TextureTextureTexture

Paso 4

Agrega una Sombra Interior con éstos parámetros:

  • Color: #4d565a
  • Opacidad: 30%
  • Desmarca la casilla Usar Luz Global
  • Ángulo: 12
  • Distancia: 13
  • Tamaño: 2
Inner ShadowInner ShadowInner Shadow

Paso 5

Agrega una Superposición de Colores con éstos parámetros:

  • Color: #2b2f59
Color OverlayColor OverlayColor Overlay

Paso 6

Agrega un Resplandor Exterior con éstos parámetros:

  • Modo de Fusión: Luz Intensa
  • Opacidad: 35%
  • Ruido: 50%
  • Color: #dff1fd
  • Tamaño: 0
Outer GlowOuter GlowOuter Glow

Paso 7

Agrega una Sombra Paralela con éstos parámetros:

  • Color: #1b1635
  • Opacidad: 70%
  • Distancia: 2
  • Tamaño: 6
Drop ShadowDrop ShadowDrop Shadow

Ésto aplicará estilo a la primera capa de escamas.

Styled Scales Layer 1Styled Scales Layer 1Styled Scales Layer 1

10. Aplica Estilo a la Capa Pattern copy

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

Paso 1

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

  • Tamaño: 2
  • Desmarca la casilla Usar Luz Global
  • Ángulo: 22
  • Altitud: 64
  • Marca la casilla Suavizado
  • Modo Resaltado - Color: #c5dffc
Bevel and EmbossBevel and EmbossBevel and Emboss

Paso 2

Agrega un Contorno con éstos parámetros:

  • Contorno: Gaussiano
  • Marca la casilla Suavizado
  • Rango: 20%
ContourContourContour

Ésto agregará más brillantez a las escamas.

Styled Scales Layer 2Styled Scales Layer 2Styled Scales Layer 2

11. Aplica Estilo a la Capa Pattern copy 2

Haz doble-click en la capa Pattern copy 2 para aplicar el siguiente estilo de capa:

Paso 1

Agrega un Bisel y Relieve con ésto parámetros:

  • Tamaño: 1
  • Desmarca la casila Usar Luz Global
  • Ángulo: 90
  • Altitud: 30
  • Contorno de Resplandor: Desnivel - Profundo
  • Marca la casilla Suavizado
Bevel and EmbossBevel and EmbossBevel and Emboss

Paso 2

Agrega un Contorno con éstos parámetros:

  • Contorno: Dientes de Sierra 1
  • Marca la casilla Suavizado
ContourContourContour

Ésto agregará más dimensión a las escamas.

Styled Scales Layer 3Styled Scales Layer 3Styled Scales Layer 3

12. Enmascara las Capas de las Escamas

Paso 1

Agrupa todas las capas de escamas (Pattern) en un grupo y llámalo Pattern.

Group the Pattern LayersGroup the Pattern LayersGroup the Pattern Layers

Paso 2

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

Create a Text SelectionCreate a Text SelectionCreate a Text Selection

Paso 3

Haz click en el ícono Añadir máscara vectorial para librarte de las partes extra.

Mask the Pattern GroupMask the Pattern GroupMask the Pattern Group

13. Añade la Textura de Humo y Superior

Paso 1

Coloca la imagen Smoke Texture arriba de todas las capas, redimensiónala como gustes, y luego cambia el Modo de Fusión de su capa a Aclarar y su Opacidad a 90%.

Add the Smoke LayerAdd the Smoke LayerAdd the Smoke Layer

Paso 2

Ve a Filtro > Desenfocar > Desenfoque Gaussiano, y establece el Radio a 3.

Blur the SmokeBlur the SmokeBlur the Smoke

Paso 3

Agrega una máscara a la capa de la textura de humo, asegúrate de que esté seleccionada, y toma la Herramienta Borrador.

Establece el Color de Frente en Blanco, y elige una punta de pincel redonda para remover cualquier parte no deseada.

Puedes experimentar con el valor de Opacidad del pincel en la barra Opciones par tener efectos más claros.

Erase the SmokeErase the SmokeErase the Smoke

Paso 4

Agrega una capa de ajuste de Mapa de Degradado, recórtala con la capa de la textura de humo, y luego marca la casilla Tramado y elige el relleno de degradado de abajo.

Cambia el Modo de Fusión de la capa de ajuste a Color y su Opacidad a 25%.

Gradient Map Adjustment LayerGradient Map Adjustment LayerGradient Map Adjustment Layer

Paso 5

Finalmente, agrega la imagen Orange City Sunset arriba de todas las capas, redimensiónala como sea necesario, y luego cambia el Modo de Fusión a Oscurecer y su Opacidad a 10%.

Add Top Texture ImageAdd Top Texture ImageAdd Top Texture Image

Eso ajustará el colorido un poco más, y finalizará el efecto.

¡Felicidades! Terminaste

En éste tutorial, usamos un sencillo relleno de degradado y un par de texturas diferentes para crear el fondo para nuestro texto.

Luego creamos un par de capas de texto y les aplicamos estilo para crear el trazo y la textura principal para el efecto. Después de eso, agregamos y aplicamos estilo a algunas capas de motivo para crear las escamas.

Finalmente, agregamos alguna textra de humo y una textura final para terminar el efecto.

Por favor con toda confianza deja tus comentarios, sugerencias y resultados abajo.

Final ResultFinal ResultFinal Result
Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
Start your 7-day free trial*
Start free trial
*All Individual plans include a 7-day free trial for new customers; then chosen plan price applies. Cancel any time.