Cómo crear un efecto de texto retro, brillante y en 3D en Adobe Photoshop

Lo que vas a crear

Este tutorial le mostrará cómo utilizar objetos inteligentes y estilos de capa para crear un efecto de texto retro, brillante y en 3D. Empecemos!

Este efecto de texto se inspiró en los muchos estilos de capas disponibles en Envato Market..

Activos Tutoriales

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

  • Fuente de big john
  • Textura metalica
  • Freeze by AFineWar
  • Gradientes de Photoshop gratuitos del Pack 6000 de Supertuts007 (Cargar el CHROMES.grd expediente)

1. Crear el gradiente de fondo

Paso 1

Crear un nuevo 800 x 600 px documento, haga clic en el Crear nueva capa de relleno o ajuste icono en la parte inferior de la Capas panel, y elija Color sólido.

Paso 2

Utilizar el Color # 2e363.

Paso 3

Haga doble clic la Color sólido capa para aplicar una Gradiente de superposición efecto utilizando estos ajustes:

  • Comprobar el Vacilar caja
  • Modo de mezcla: De combustión lineal
  • Opacidad: 20%
  • Estilo: Radial
  • Escala: 150%
  • Haga clic en el Gradiente cuadro para crear el relleno degradado utilizando los colores #ffffff a la izquierda y #ababab a la derecha

Esto creará un fondo degradado simple.

2. Agrega la textura de fondo

Paso 1

Colocar el Textura metalica en la parte superior de la Color sólido capa, y cambiar el tamaño según sea necesario.

Renombra la capa de la textura a Textura BG, y cambiar su Modo de mezcla a Luz tenue.

Paso 2

Ir Imagen> Ajustes> Niveles, y cambiar el Gama valor para 1.50.

3. Crea el texto y su objeto inteligente

Paso 1

Crea el texto usando la fuente. Big John. los tamaño es 200 pt, la Color es # e8a505, y el Rastreo es 100.

Paso 2

Renombra la capa de texto a Textobotón derecho del ratón y elige Convertir a objeto inteligente.

Asegúrate de seguir el nombre de las capas a lo largo del tutorial para que las cosas no se confundan.

Paso 3

Duplicar el Texto capa, hazla invisible, y arrástrala sobre la dupdo capa.

4. Crea la acción Transformar

A continuación, vamos a duplicar el texto y transformar la capa de copia, y luego repetiremos eso para varias capas..

Ya que estamos trabajando con objetos inteligentes, y para evitar cualquier duplicado con problemas de transformación, registraremos un Acción para eso.

Paso 1

Abre el Comportamiento panel (bajo el Ventana menú).

Paso 2

Haga clic en el Crear nuevo conjunto icono en la parte inferior del panel, introduzca Extrusión en el Nombre campo, y haga clic en DE ACUERDO.

Paso 3

Haga clic en el Crear nueva accion icono en la parte inferior del panel, introduzca Acción en el Nombre campo, y haga clic en Grabar.

5. Graba la acción

Paso 1

Duplicar el Copia de texto capa haciendo clic y arrastrándolo a la Nueva capa icono en la parte inferior de la Capas panel.

Paso 2

prensa Comando-T para entrar a Modo de transformación libre, y luego pulsa el Flecha hacia abajo tecla una vez y la Flecha correcta tecla una vez para mover el Copia de texto 2 capa 1 px hacia abajo y 1 px a la derecha.

Paso 3

Golpea el Regreso Clave para cometer los cambios. Debería ver todos los pasos registrados y agregados a la Acción estás creando.

Etapa 4

Haga clic en el Para de grabar icono en la parte inferior de la Comportamiento panel.

6. Crea la extrusión

Paso 1

Haga clic en el Selección de juego icono en la parte inferior de la Comportamiento panel 10 tiempos para crear 10 Más copias con la transformación..

La capa final debe tener el nombre Copia de texto 12.

Paso 2

Seleccione todos los Copia de texto capas (sin el original invisible Texto capa), y vaya a Capa> Organizar> Invertir.

Esto colocará la última capa de copia en la parte inferior y traerá la primera a la parte superior.

Paso 3

Anule la selección de la primera y la última capa, y luego coloque las capas seleccionadas restantes en un grupo y llámelo Extrusión.

Etapa 4

Renombrar Copia de texto capa a Frente de texto, y el Copia de texto 12 capa a Texto de vuelta.

Duplicar el Frente de texto capa, cambiar la copia Llenar valor para 0, y luego duplicarlo.

7. Estilo de las capas de extrusión

Haga doble clic la Copia de texto 2 Capa para aplicar el siguiente estilo de capa:

Paso 1

Agrega un Bisel y relieve con estos ajustes:

  • Tamaño: 0
  • Modo Sombra - Opacidad: 15%

Paso 2

Agrega un Sombra paralela con estos ajustes:

  • Opacidad: 7%
  • Distancia: 3
  • Tamaño: 2

Paso 3

Esto estilizará la primera capa de extrusión..

Botón derecho del ratón la capa de estilo, y elija Copiar estilo de capa.

Etapa 4

Seleccione el resto de las capas de extrusión., botón derecho del ratón cualquiera de ellos, y elige Pegar estilo de capa.

Esto creará el efecto de extrusión 3D..

Paso 5

Duplicar el Extrusión grupo, arrastre la copia para colocarla encima de la Copia frontal de texto 2 capa, y cambiar su Llenar valor para 0.

8. Estilo de la capa frontal del texto

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

Paso 1

Agrega un Bisel y relieve con estos ajustes:

  • Tamaño: 3
  • Contorno de brillo: Ensenada - profundo
  • Comprobar el Antialias caja
  • Modo Sombra - Opacidad: 15%

Paso 2

Agrega un Contorno con estos ajustes:

  • Contorno: Ensenada - profundo
  • Comprobar el Antialias caja
  • Distancia: 100%

Paso 3

Agrega un Carrera con estos ajustes:

  • Tamaño: 1
  • Posición: Dentro
  • Modo de mezcla: Pantalla
  • Tipo de relleno: Gradiente
  • Utilizar el grifo 70 relleno de gradiente

Etapa 4

Añadir un Sombra interior con estos ajustes:

  • Opacidad: 35%
  • Desmarque la Usar luz global caja
  • Ángulo: 141
  • Distancia: 9
  • Ahogo: 6
  • Tamaño: 18

Paso 5

Añadir un Brillo interior con estos ajustes:

  • Modo de mezcla: Luz lineal
  • Opacidad: 100%
  • Color: # d1cc90
  • Técnica: Preciso
  • Tamaño: 90
  • Contorno: Cono - asimétrico

Paso 6

Añadir un Brillo externo con estos ajustes:

  • Opacidad: 100%
  • Color: Utilizar el grifo 140 relleno de gradiente
  • Untado: 28
  • Tamaño: 10
  • Contorno: Ensenada - poco profunda

Paso 7

Agrega un Sombra paralela con estos ajustes:

  • Opacidad: 7%
  • Distancia: 3
  • Tamaño: 2

Esto estilizará la capa superior del texto..

9. Estilo de la primera copia frontal

Haga doble clic la Copia frontal de texto Capa para aplicar el siguiente estilo de capa:

Paso 1

Agrega un Bisel y relieve con estos ajustes:

  • Tamaño: 10
  • Desmarque la Usar luz global caja
  • Ángulo: 138
  • Altitud: 21
  • Contorno de brillo: Ensenada - profundo
  • Comprobar el Antialias caja
  • Modo Sombra - Opacidad: 15%

Paso 2

Agrega un Contorno con estos ajustes:

  • Contorno: Ensenada - profundo
  • Comprobar el Antialias caja.
  • Distancia: 100%

Paso 3

Agrega un Carrera con estos ajustes:

  • Tamaño: 1
  • Posición: Dentro
  • Modo de mezcla: Pantalla
  • Tipo de relleno: Gradiente
  • Utilizar el grifo 70 relleno de gradiente

Esto estilizará la primera capa de la parte interna del frente de texto..

10. Estilo de la segunda copia frontal

Haga doble clic la Copia frontal de texto 2 Capa para aplicar el siguiente estilo de capa:

Paso 1

Agrega un Bisel y relieve con estos ajustes:

  • Técnica: Cincel duro
  • Tamaño: 10
  • Desmarque la Usar luz global caja
  • Ángulo: 110
  • Altitud: 26
  • Contorno de brillo: Cono - asimétrico
  • Comprobar el Antialias caja
  • Modo Sombra - Opacidad: 15%

Paso 2

Agrega un Contorno con estos ajustes:

  • Contorno: Pendiente con muescas - redondeada
  • Comprobar el Antialias caja
  • Distancia: 100%

Esto dará estilo a la segunda capa de la parte interna del frente de texto..

11. Estilo de la capa de texto posterior

Copiar y pegar el Frente de texto estilo de capa de la capa a la Texto de vuelta capa, y luego haga doble clic la Texto de vuelta Capa para ajustar las siguientes configuraciones:

Paso 1

Bisel y relieve:

  • Tamaño: 6

Paso 2

Contorno:

  • Contorno: Cono - Invertido

Paso 3

Sombra paralela:

  • Opacidad: 70%
  • Distancia: 20
  • Tamaño: 50

Esto estilizará la capa posterior..

12. Estilo de los grupos de extrusión

Paso 1

Haga doble clic la Extrusión grupo para aplicar un Gradiente de superposición efecto con estos ajustes:

  • Comprobar el Vacilar caja
  • Modo de mezcla: Multiplicar
  • Utilizar el tubo de la estufa 185x relleno de gradiente

Esto agregará un poco más de dimensión a la extrusión..

Paso 2

Haga doble clic la Copia de extrusión grupo para aplicar un Brillo externo efecto con estos ajustes:

  • Modo de mezcla: Luz lineal
  • Opacidad: 35%
  • Color: # a9f6ff
  • Tamaño: 27
  • Contorno: anillo
  • Distancia: 75%

Paso 3

Agrupe todas las capas de copia de texto visibles y los grupos de extrusión que tiene, y llame al grupo Efecto de texto.

Etapa 4

Haga doble clic la Efecto de texto grupo para aplicar un Brillo externo efecto con estos ajustes:

  • Modo de mezcla: Pantalla
  • Opacidad: 50%
  • Color: # 399da7
  • Tamaño: 150

Paso 5

Esto acabará con el efecto de texto..

Si desea cambiar el texto, puede haga doble clic el original Texto La miniatura de la capa para abrir el archivo de texto original, cambiar el texto, ir a Imagen> Revelar todo, y entonces Archivo> Guardar, y Archivo> Cerrar.

Esto actualizará el resto de las capas de objetos inteligentes y obtendrás el efecto aplicado al nuevo texto que ingresaste.

13. Añadir una textura y algunas capas de ajuste

Paso 1

Colocar el Congelar textura en la parte superior de todas las capas, y cambie el nombre de su capa a Superposición de textura. Cambiar el Superposición de textura capas Modo de mezcla a De combustión lineal y es Opacidad a 15%.

Paso 2

Agrega un Mapa de gradiente ajuste la capa encima de todas las capas, y verifique la Vacilar caja.

Crea el relleno degradado usando los colores. # 433469 a la izquierda, # 5e6474 en el medio, y # d4b28a a la derecha.

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

Paso 3

Duplicar el Mapa de gradiente capa de ajuste, y luego cambiar la copia Modo de mezcla a Luz tenue y es Opacidad a 50%.

Felicidades, estas hecho!

En este tutorial, creamos un fondo degradado simple con una superposición de textura.

Luego creamos el texto, lo convertimos en un objeto inteligente y lo duplicamos. Después de eso, grabamos una acción para crear la extrusión y comenzamos a aplicar diferentes estilos de capa a las capas para crear el efecto de texto..

Finalmente, agregamos una textura y un par de capas de ajuste para terminar todo.

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