Cómo crear un efecto de texto inspirado en la mística en Adobe Photoshop

Lo que vas a crear

Este tutorial te mostrará cómo crear un efecto de texto inspirado en los colores y texturas únicos y audaces del personaje ficticio de X-Men Mystique. 

Es similar a los efectos de texto que se pueden comprar en Envato Market, pero usaremos una tonelada de texturas, estilos de capa y capas de ajuste para crearlo. Entonces empecemos!

Activos Tutoriales

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

  • Poetsen One fuente
  • textura de nubes por NOS2002
  • Fondos de rayas borrosas por honestpixels
  • m-a32 por marshmellow-stock
  • Atardecer en Orange City de DarkCrea
  • Textura de humo por speedofmyshutter
  • Abstract Warped Dots Patterns by WebTreatsETC
  • Tipo patrón por Atle Mo
  • Patrón de ruido roto por Vincent Klaiber
  • Patrón de cuadrados brillantes por Waseem Dahman
  • Gradientes de Photoshop gratuitos del Pack 6000 de Supertuts007 (Cargar el CSP True Sky Gradients.grd expediente)

1. Crear el gradiente de fondo

Paso 1

Crear un nuevo 1250 x 800 px documentar y duplicar el Fondo capa.

Paso 2

Haga doble clic la Copia de fondo capa para aplicar una Gradiente de superposición efecto con estos ajustes:

  • Comprobar el Vacilar caja
  • Ángulo: 70
  • Crear el Gradiente usando los colores # 1a1a1b a la izquierda y # 162228 a la derecha

Esto creará un degradado simple para agregar las texturas encima de.

2. Añadir las texturas de fondo

Paso 1

Añade el textura de nube, cambiar el tamaño según sea necesario, y cambiar su capa Modo de mezcla a Cubrir.

Paso 2

Añade el Fondo borroso de la raya imagen, cambiar su tamaño, y luego cambiar su capa Modo de mezcla a Luz tenue y es Opacidad a 80%.

Paso 3

Colocar el m-a32 imagen, ir a Filtro> Blur> Gaussian Blur, y cambiar el Radio a 5.

Etapa 4

Cambiar el tamaño de la m-a32 imagen, y cambiar su capa de Modo de mezcla a Cubrir y es Opacidad50%.

3. Agregue las capas de ajuste del mapa de degradado

Paso 1

Haga clic en el Crear nueva capa de relleno o ajuste icono en la parte inferior de la Capas panel y elegir Mapa de gradiente.

Paso 2

Comprobar el Vacilar cuadro y elija el relleno degradado a continuación. Cambiar la capa de Modo de mezcla a Color y es Opacidad a 50%.

Paso 3

Agrega otro Mapa de gradiente capa de ajuste, compruebe la Vacilar cuadro, y elija el relleno degradado a continuación. Cambiar la capa de Modo de mezcla a Color y es Opacidad a 25%.

4. Crear las capas de texto

Paso 1

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

Paso 2

Duplique la capa de texto dos veces para crear dos copias y arrástrelas debajo del original.

Nombra la copia en el medio Carrera, y el de abajo Desenfoque de movimiento. Entonces cambia el Desenfoque de movimiento capas Llenar valor para 0.

5. Crear el desenfoque de trazo

Paso 1

Haga doble clic la Desenfoque de movimiento capa para aplicar una Carrera efecto con estos ajustes:

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

Paso 2

Botón derecho del ratón la Desenfoque de movimiento capa y elegir Convertir a objeto inteligente.

Paso 3

Ir Blur> Gaussian Blur, y cambiar el Radio a 13.

Etapa 4

Cambiar el Desenfoque de movimiento capas Modo de mezcla a Color Dodge.

6. Crear el trazo

Haga doble clic la Carrera Capa para aplicar el siguiente estilo de capa:

Paso 1

Agrega un Bisel y relieve con estos ajustes:

  • Estilo: Relieve de trazo
  • Tamaño: 9
  • Contorno de brillo: anillo
  • Comprobar el Antialias caja
  • Modo de resaltado: Viva luz
  • Opacidad: 50%
  • Modo sombra: De combustión lineal
  • Color: # 751b0f
  • Opacidad: 50%

Paso 2

Agrega un Contorno con estos ajustes:

  • Comprobar el Antialias caja.

Paso 3

Agrega un Textura con estos ajustes:

  • Modelo: Tipo
  • Profundidad: 1000%

Etapa 4

Agrega un Carrera con estos ajustes:

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

Paso 5

Añadir un Brillo interior con estos ajustes:

  • Modo de mezcla: Luz dura
  • Opacidad: 100%
  • Color: # edb01d
  • Tamaño: 5

Paso 6

Agrega un Gradiente de superposición con estos ajustes:

  • Comprobar el Vacilar caja
  • Opacidad: 35%
  • Ángulo: 31
  • Elegir la Gradiente llenar abajo

Paso 7

Añadir un Brillo externo con estos ajustes:

  • Modo de mezcla: Esquiva lineal (Añadir)
  • Opacidad: 100%
  • Ruido: 50%
  • Color: # cf6701
  • Tamaño: 11
  • Contorno: anillo

Paso 8

Agrega un Sombra paralela con estos ajustes:

  • Modo de mezcla: Color quemado
  • Color: # cbcdd7
  • Opacidad: 35%
  • Distancia: 26
  • Untado: 6
  • Tamaño: 35

Esto creará el trazo exterior brillante con un simple efecto de brillo.

7. Estilo del texto

Haga doble clic La capa de texto para aplicar el siguiente estilo de capa:

Paso 1

Agrega un Bisel y relieve con estos ajustes:

  • Tamaño: 24
  • Desmarque la Usar luz global caja
  • Ángulo: 45
  • Altitud: 74
  • Contorno de brillo: Cono - Invertido
  • Comprobar el Antialias caja
  • Modo de resaltado - Opacidad: 75%
  • Modo sombra:
  • Color: # 474747
  • Opacidad: 75%

Paso 2

Agrega un Textura con estos ajustes:

  • Modelo: Ruido roto
  • Profundidad: 256%

Paso 3

Añadir un Sombra interior con estos ajustes:

  • Modo de mezcla: Luz dura
  • Color: # ff9630
  • Opacidad: 100%
  • Distancia: 1
  • Tamaño: 5

Etapa 4

Añadir un Brillo interior con estos ajustes:

  • Modo de mezcla: Luz lineal
  • Opacidad: 35%
  • Ruido: 15%
  • Color: # f8f5f5
  • Técnica: Preciso
  • Fuente: Centrar
  • Tamaño: 90
  • Comprobar el Antialias caja

Paso 5

Agrega un Gradiente de superposición con estos ajustes:

  • Comprobar el Vacilar caja
  • Modo de mezcla: Cubrir
  • Opacidad: 35%
  • Ángulo: 115
  • Utilizar el Gradiente llenar abajo

Paso 6

Agrega un Sombra paralela con estos ajustes:

  • Modo de mezcla: Color quemado
  • Color: # 050505
  • Opacidad: 50%
  • Distancia: 7
  • Tamaño: 9

Esto le dará estilo al texto y agregará la base de textura azul marino..

Paso 7

Seleccione ambos Carrera y Desenfoque de movimiento capas, elige el Herramienta de movimiento, y arrastre esas capas ligeramente para separar el trazo del texto.

8. Añadir las escalas

Paso 1

Añade el webtreatsetc-opart-3.jpg imagen de la Resumen patrones de puntos deformados empacar, y renombrar su capa a Modelo.

Paso 2

Elige el Varita mágica, desmarque el Contiguo caja en el Opciones barra, y haga clic en un área blanca de la imagen del patrón.

Paso 3

Ir Seleccionar> Inverso, y haga clic en el Añadir máscara vectorial icono en la parte inferior de la Capas Panel para deshacerse de la parte blanca de la textura..

Etapa 4

Duplicar el Modelo capa, cambiar la copia Llenar valor para 0, y duplicarlo.

9. Estilo de la capa de patrón

Haga doble clic la Modelo Capa para aplicar el siguiente estilo de capa:

Paso 1

Agrega un Bisel y relieve con estos ajustes:

  • Tamaño: 35
  • Desmarque la Usar luz global caja
  • Ángulo: -145
  • Altitud: 42
  • Contorno de brillo: Ensenada - profundo
  • Comprobar el Antialias caja
  • Modo de resaltado: Luz lineal
  • Color: # c5dffc
  • Opacidad: 35%
  • Modo Sombra - Opacidad: 50%

Paso 2

Agrega un Contorno con estos ajustes:

  • Contorno: Cono - Invertido
  • Comprobar el Antialias caja
  • Distancia: 25%

Paso 3

Agrega un Textura con estos ajustes:

  • Modelo: Cuadrados brillantes
  • Profundidad: 752%

Etapa 4

Añadir un Sombra interior con estos ajustes:

  • Color: # 4d565a
  • Opacidad: 30%
  • Desmarque la Usar luz global caja
  • Ángulo: 12
  • Distancia: 13
  • Tamaño: 2

Paso 5

Agrega un Superposición de color con estos ajustes:

  • Color: # 2b2f59

Paso 6

Añadir un Brillo externo con estos ajustes:

  • Modo de mezcla: Viva luz
  • Opacidad: 35%
  • Ruido: 50%
  • Color: # dff1fd
  • Tamaño: 0

Paso 7

Agrega un Sombra paralela con estos ajustes:

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

Esto estilizará la primera capa de escalas..

10. Estilo de la capa de copia de patrón

Haga doble clic la Copia patrón Capa para aplicar el siguiente estilo de capa:

Paso 1

Agrega un Bisel y relieve con estos ajustes:

  • Tamaño: 2
  • Desmarque la Usar luz global caja
  • Ángulo: 22
  • Altitud: 64
  • Comprobar el Antialias caja
  • Modo de resaltado - Color: # c5dffc

Paso 2

Agrega un Contorno con estos ajustes:

  • Contorno: Gaussiano
  • Comprobar el Antialias caja
  • Distancia: 20%

Esto añadirá más brillo a las escalas..

11. Estilo de la copia del patrón 2 capas

Haga doble clic la Copia de patrón 2 Capa para aplicar el siguiente estilo de capa:

Paso 1

Agrega un Bisel y relieve con estos ajustes:

  • Tamaño: 1
  • Desmarque la Usar luz global caja
  • Ángulo: 90
  • Altitud: 30
  • Contorno de brillo: Ensenada - profundo
  • Comprobar el Antialias caja

Paso 2

Agrega un Contorno con estos ajustes:

  • Contorno: Diente de sierra 1
  • Comprobar el Antialias caja

Esto agregará un poco más de dimensión a las escalas..

12. Enmascara las capas de las escalas

Paso 1

Agrupar toda la escala (Modelo) capas en un grupo y lo llaman Modelo.

Paso 2

Comando-clic La miniatura de la capa de texto para crear una selección..

Paso 3

Haga clic en el Añadir máscara vectorial Icono para deshacerse de las partes extra..

13. Añadir el humo y la textura superior

Paso 1

Colocar el Textura de humo imagen en la parte superior de todas las capas, cambie su tamaño como desee y luego cambie su capa Modo de mezcla a Aligerar y es Opacidad a 90%.

Paso 2

Ir Filtro> Blur> Gaussian Blur, y establecer el Radio a 3.

Paso 3

Agregue una máscara a la capa de la textura de humo, asegúrese de que esté seleccionada y elija Herramienta de borrador.

Selecciona el Color de primer plano a Blanco, y elija una punta de pincel suave y redondo para eliminar cualquier parte no deseada.

Puedes jugar con el pincel Opacidad valor en el Opciones barra para obtener efectos más ligeros.

Etapa 4

Agrega un Mapa de gradiente ajuste la capa, fíjela a la capa de la textura de humo y luego verifique la Vacilar cuadro y elija el relleno degradado a continuación.

Cambiar la capa de ajuste Modo de mezcla a Color y es Opacidad a 25%.

Paso 5

Finalmente, agregue el Puesta de sol de ciudad naranja imagen en la parte superior de todas las capas, cambie el tamaño según sea necesario y luego cambie su capa Modo de mezcla a Oscurecer y es Opacidad10%.

Eso ajustará un poco más la coloración y acabará con el efecto..

¡Felicidades! Estas hecho

En este tutorial, utilizamos un relleno de degradado simple y un par de texturas diferentes para crear el fondo para nuestro texto.

Luego creamos un par de capas de texto y las diseñamos para crear el trazo y la textura principal del efecto. Después de eso, agregamos y diseñamos algunas capas de patrones para crear las escalas..

Finalmente, agregamos un poco de humo y una textura final para rematar el efecto..

No dude en dejar sus comentarios, sugerencias y resultados a continuación..