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

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

• Fuente Poetsen One
• cloud texture (textura de nube) por NOS20002
• Blurred stripe backgrounds (Imagen) por honestpixels
• m-a32 (imagen) por marshmellow-stock
• Orange City Sunset (imagen) por DarkCrea
• Smoke Texture (Imagen) por speedofmyshutter
• Abstract Warped Dots Patterns por WebTreatsETC
• Motivo Type por Atle Mo
• Motivo Broken Noise por Vincent Klaiber
• Motivo Bright Squares por Waseem Dahman
• Paquete Gratuito de 6000 degradados para Photoshop por Supertuts007 (Cargar el archivo CSP True Sky Gradients.grd)

1. Crea el Degradado para el Fondo

Paso 1

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

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.

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

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.

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

Paso 3

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

Paso 4

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

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.

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

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

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.

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.

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

Paso 2

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

Paso 3

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

Paso 4

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

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%

Paso 2

Agrega un Contorno con éstos parámetros:

• Marca la casilla Suavizado.

Paso 3

Agrega una Textura con éstos parámetros:

• Motivo: Type
• Profundidad: 100%

Paso 4

Agrega un Trazo con éstos parámetros:

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

Paso 5

Agrega un Resplandor Interior con éstos parámetros:

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

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

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

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

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

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%

Paso 2

Agrega una Textura con éstos parámetros:

• Motivo: Broken Noise
• Profundidad: 256%

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

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

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

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

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

Paso 7

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

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.

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.

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.

Paso 4

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

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%

Paso 2

Agrega un Contorno con éstos parámetros:

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

Paso 3

Agrega una Textura con éstos parámetros:

• Motivo: Bright Squares
• Profundidad: 752%

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

Paso 5

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

• Color: #2b2f59

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

Paso 7

Agrega una Sombra Paralela con éstos parámetros:

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

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

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

Paso 2

Agrega un Contorno con éstos parámetros:

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

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

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

Paso 2

Agrega un Contorno con éstos parámetros:

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

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

12. Enmascara las Capas de las Escamas

Paso 1

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

Paso 2

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

Paso 3

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

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

Paso 2

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

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.

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

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

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.