Cree un efecto de texto retro de una capa en Adobe Photoshop

Lo que vas a crear

La última actualización de Photoshop viene con un par de características de estilo de capa bastante impresionantes, como instancias de estilo de capa múltiple y sobreimpresión de trazo. Este tutorial le mostrará cómo usar esas funciones para crear un efecto de texto retro de una sola capa. Empecemos!

Activos Tutoriales

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

  • Intro Inline Regular fuente
  • Grungy paper texture v.5 por bashcorpo
  • 30 patrones simples por mslooten

1. Crea el fondo

Paso 1

Crear un nuevo 950 x 950 px documento, y duplicar el Fondo capa dos veces Cambiar el segunda copiaes Llenar valor para 0.

Paso 2

Haga doble clic en el Copia de fondo capa para aplicar una Gradiente de superposición efecto con los siguientes ajustes:

  • Estilo: Radial
  • Escala: 150%
  • Haga clic en el Gradiente Caja para crear el degradado utilizando los colores. # ede6cf a la izquierda y # e1c194 a la derecha.

Esto aplicará el relleno principal degradado..

Paso 3

Haga doble clic en el Copia de fondo 2 capa para aplicar una Patrón de superposición efecto con los siguientes ajustes:

  • Modo de mezcla: Luz tenue
  • Modelo: Diente de sierra

Esto agregará un patrón de chevron sutil al relleno degradado.

2. Crea el texto

Paso 1

Crea el texto usando la fuente. Intro Inline Regular, la Tamaño 200 pt, y cualquier color que te guste ya que estaremos usando una Superposición de color efecto más adelante.

Si está agregando más de una línea de texto, abra el Personaje panelVentana> Personaje), y cambiar el Líder valor para 190 puntos.

Paso 2

Para poder separar las letras de manera uniforme, deberá colocar el cursor entre cada una de las dos letras que desea ajustar y escribir una Rastreo valor.

Los valores utilizados aquí son:

  • W / O, EN: -50
  • DELAWARE, E / R: 100
  • F / U, U / L: 150

3. Agregue el trazo y utilice la sobreimpresión de trazo

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

Paso 1

Agrega un Carrera con estos ajustes:

  • Tamaño: 3
  • Posición: Dentro
  • Opacidad: 48%
  • Color: # fffaf3
  • Comprobar el Sobrecarga caja

Paso 2

los Sobrecarga La opción es una nueva mejora para el Carrera efecto.

Lo que hace es que permite el relleno del trazo interior translúcido (con un Opacidad valor inferior al 100%) para combinar con el color de la forma o el texto al que se aplica.

Paso 3

Cuando el Sobrecarga la opción no está marcada, la forma o el relleno de texto se eliminarán por completo, y se mostrará el fondo detrás del trazo translúcido.

4. Añadir múltiples instancias de efecto de capa

Paso 1

Un par de efectos tienen un poco. + icono a su derecha (los efectos Trazo, Sombra interior, Superposición de color, Superposición de degradado y Sombra caída).

Cuando haces clic en eso + icono, puede agregar hasta 10 Instancias por capa del efecto al lado..

Así que si haces clic en la + icono junto a la Carrera efecto, notarás que otra pestaña de Carrera aparecerá abajo el que ya tienes, con el mismos ajustes y valores aplicado.

Paso 2

Haga clic en el segundo trazo Ejecute la instancia para activarla, y use los siguientes ajustes para ella:

  • Posición: Fuera de
  • Opacidad: 100%
  • Color: #ffffff

Verá que esto aplica otro efecto de trazo al texto, sin la necesidad de usar otra capa o estilo de capa por separado..

5. Agrega las sombras internas

Paso 1

Añadir un Sombra interior con estos ajustes:

  • Color: # ab6b18
  • Opacidad: 80%
  • Distancia: 8
  • Tamaño: 5

Paso 2

Añadir otra instancia de la Sombra interior efecto con estos ajustes:

  • Color: # d9953d
  • Desmarque la Usar luz global caja
  • Ángulo: 63
  • Distancia: 11

Esto te permitirá agregar sombras internas con diferentes Ángulo valores que usan solo una capa y el mismo estilo de capa.

6. Agregue los efectos de brillo interno y de superposición de color

Paso 1

Añadir un Brillo interior con estos ajustes:

  • Modo de mezcla: Color quemado
  • Opacidad: 100%
  • Ruido: 100%
  • Color: # e7dabc
  • Fuente: Centrar
  • Tamaño: 35

Paso 2

Agrega un Superposición de color con estos ajustes:

  • Color: # d09c2d

7. Añade las sombras

Paso 1

Agrega un Sombra paralela con estos ajustes:

  • Color: # 394485
  • Opacidad: 100%
  • Distancia: 8
  • Untado: 100
  • Tamaño: 4

Paso 2

Añadir otra instancia de la Sombra paralela efecto con estos ajustes:

  • Color: # 4e85c2
  • Desmarque la Usar luz global caja
  • Ángulo: 119
  • Distancia: 17

Paso 3

Añadir una tercera instancia de la Sombra paralela efecto con estos ajustes:

  • Color: # 2d6db5
  • Opacidad: 61%
  • Ángulo: 121
  • Distancia: 26

Etapa 4

Añadir una cuarta instancia de la Sombra paralela efecto con estos ajustes:

  • Color: # c1a89a
  • Opacidad: 35%
  • Ángulo: 41
  • Distancia: 13
  • Untado: 47
  • Tamaño: 9

Paso 5

Añadir una quinta instancia de la Sombra paralela efecto. Esta instancia será muy similar a la cuarta, así que en lugar de hacer clic en cualquier Sombra paralelaes + icono, asegúrese de hacer clic en el + icono junto a la cuarta sombra paralela ejemplo.

Esto creará una quinta instancia. abajo el cuarto, con exactamente la misma configuración. Cambia los siguientes:

  • Ángulo: 130
  • Distancia: 38

¡Y voilá! Ahí tienes. Un efecto de texto retro bastante complejo creado usando solo una capa de texto y un estilo de capa.

También encontrará todas las instancias de efectos agregadas a la lista de efectos de capa de la capa.

8. Algunas otras opciones nuevas

Paso 1

Además de + También verá un conjunto de nuevos iconos en la esquina inferior izquierda de la Estilo de capa caja. El primero a la izquierda es el fx icono.

Cuando haces clic en el fx Ícono, obtendrá un menú con algunas opciones, así como todos los nombres de efectos de capa, en los que puede hacer clic para agregar los efectos y nuevas instancias..

Paso 2

los Eliminar efectos ocultos Esta opción eliminará todos los efectos e instancias no utilizados o inactivos. Puede hacer clic en el nombre de un efecto de la fx Menú para mostrarlo o agregarlo cuando lo desee..

Paso 3

los Mostrar todos los efectos La opción mostrará todos los efectos, ya sean utilizados o no..

Etapa 4

los Restablecer a la lista predeterminada La opción simplemente restablecerá todo a su valor predeterminado, incluida la eliminación de cualquier instancia de efecto agregado..

Paso 5

los Mover efecto hacia arriba y Mover el efecto hacia abajo Los iconos se pueden utilizar para cambiar el orden de las instancias de efectos, y Eliminar efecto El icono eliminará el efecto o la instancia seleccionada..

9. Agrega la textura

Una vez que haya terminado con el estilo de capa, coloque el Textura de papel grungy v.5 imagen en la parte superior de la texto Póngalo en capas, cambie el tamaño según sea necesario y colóquelo como desee..

Luego, cambia su capa Modo de mezcla a De combustión lineal, y es Opacidad a 50%.

¡Felicidades! Estas hecho

En este tutorial, creamos un degradado simple con un fondo de patrón sutil.

Luego creamos una capa de texto y ajustamos algunos de sus ajustes, como los valores iniciales y de seguimiento..

Después de eso, usamos un par de efectos de capa, junto con las nuevas características de estilo de capa, para crear un efecto de texto retro.

Finalmente, agregamos una textura grungy simple para terminar el efecto.

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