1. Design & Illustration
  2. Text Effects

Cómo Crear un Efecto de Texto Plateado Inspirado en los 80s en Adobe Photoshop

by
Read Time:7 minsLanguages:
This post is part of a series called Text Effects .
How to Create a 3D Marquee Bulb Sign Text Effect in Adobe Photoshop
How to Create a Galaxy Text Effect in Adobe Photoshop
This post is part of a series called Retro Text Effect Tutorials.
Create a Retro Gold Leather Text Effect in Adobe Photoshop
How to Create a Vintage Movie Text Effect in Adobe InDesign

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

Éste tutorial te mostrará cómo usar los estilos de capa y filtros de Photoshop, junto con acciones, texturas y motivos, para crear un efecto de texto plateado inspirado en los 80s. ¡Comencemos!

Éste efecto de texto fue inspirado por los muchos Estilos de Capa disponibles en GraphicRiver.

Recursos del Tutorial

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

1. Cómo Definir un Motivo y Crear un Fondo

Paso 1

Abre la imagen Smooth Seamless Concrete, ve a Edición > Definir Motivo, y establece el Nombre en BG Pattern.

Define PatternDefine PatternDefine Pattern

Paso 2

Crea un nuevo documento de 1000 x 700 px. Duplica la capa Fondo dos veces, y cambia el valor de Relleno de la segunda copia a 0.

Create the Background LayersCreate the Background LayersCreate the Background Layers

Paso 3

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

  • Marca la casilla Tramado
  • Estilo: Radial
  • Ángulo: 15
  • Escala: 90%
  • Crea el relleno de Degradado usando los Colores #b9a8a4 a la izquierda y #201a1 a la derecha.
Create a Gradient OverlayCreate a Gradient OverlayCreate a Gradient Overlay

Paso 4

Mientras todavía estás en el cuadro Estilo de Capa, puedes hacer click-arrastrar el degradado para reubicarlo dentro del documento.

Move the Gradient FillMove the Gradient FillMove the Gradient Fill

Paso 5

Haz doble-click en la capa Fondo copia 2 para aplicar un efecto de Superposición de Motivo con éstos parámetros:

  • Modo de Fusión: Multiplicar
  • Motivo: BG Pattern
Pattern OverlayPattern OverlayPattern Overlay

Ésta es una manera de aplicar una superposición de motivo, y usaremos otro más adelante en éste tutorial también.

BackgroundBackgroundBackground

2. Cómo Crear y Definir el Interletraje del Texto

Paso 1

Crea el texto usando la Fuente Argon, y establece el Tamaño en 225 pt.

Create the TextCreate the TextCreate the Text

Paso 2

En el panel Carácter, establece el Kerning en Óptica.

Notarás que algunos caracteres no parecen estar uniformemente espaciados, y arreglaremos eso a continuación.

KerningKerningKerning

Paso 3

Resalta (selecciona) la letra que quieres ajustar, y cambia el valor de su Tracking como sea necesario.

TrackingTrackingTracking

Paso 4

Utiliza diferentes valores de Tracking para los caracteres que tienes, hasta que obtengas un resultado final que te guste.

TrackingTrackingTracking

3. Cómo Crear Objetos Inteligentes de Texto

Paso 1

Haz doble-click en la capa del texto para aplicar un efecto de Superposición de Degradado usando el relleno de degradado stove pipe 10.

Gradient OverlayGradient OverlayGradient Overlay

Paso 2

Renombra la capa de texto a Text, click derecho en ella, y elige Convertir en Objeto Inteligente.

Convert to Smart ObjectConvert to Smart ObjectConvert to Smart Object

4. Cómo Grabar una Sencilla Acción de Extrusión

Paso 1

Abre el panel Acciones, haz click en el ícono Crear nuevo conjunto en la parte inferior del panel, escribe Extrusion en el campo Nombre, y haz click en OK.

Create New SetCreate New SetCreate New Set

Paso 2

Haz click en el ícono Crear nueva acción en la parte inferior del panel, escribre Play en el campo Nombre, y haz click en Grabar.

Create New ActionCreate New ActionCreate New Action

Paso 3

Presiona Comando-J para Duplicar la capa Text.

Duplicate the Text LayerDuplicate the Text LayerDuplicate the Text Layer

Paso 4

Presiona Comando-T para ingresar al Modo de Transformación Libre.

Free Transform ModeFree Transform ModeFree Transform Mode

Paso 5

En la barra de Opciones, haz click en el ícono Mantener relación de aspecto entre los campos W y H, y establece los valores en 99.9%.

Scale DownScale DownScale Down

Paso 6

Pulsa la tecla Flecha Abajo una vez para empujar el texto 1 px hacia abajo.

Nudge DownwardsNudge DownwardsNudge Downwards

Paso 7

Pulsa la tecla Return para aplicar los cambios. Deberías ver todos los pasos grabados y agregados a la acción que has creado.

Haz click en el ícono Detener grabación en la parte inferior del panel Acciones.

Stop RecordingStop RecordingStop Recording

5. Cómo Crear una Extrusión

Paso 1

Haz click en el ícono Eejcutar selección en la parte inferior del panel Acciones 10 veces para crear 10 copias más con la transformación.

Create the Extrusion Copy LayersCreate the Extrusion Copy LayersCreate the Extrusion Copy Layers

Paso 2

Selecciona todas las capas Text copia, arrástralas debajo de la capa Text original, y ve a Capa > Organizar > Invertir.

Ésto colocará la última capa de la copia en la parte inferior y traerá la primera arriba.

Reverse Layers OrderReverse Layers OrderReverse Layers Order

Paso 3

Coloca las capas de la copia seleccionada en un Grupo y llámalo Extrusion.

Extrusion GroupExtrusion GroupExtrusion Group

Paso 4

Duplica la última capa de Text copia (Text copia 11), arrastra la copia afuera del grupo Extrusion, y renómbrala Shadow 1.

Shadow 1 LayerShadow 1 LayerShadow 1 Layer

Paso 5

Coloca la capa Shadow 1 en un Grupo y llámalo Shadow.

Shadow GroupShadow GroupShadow Group

6. Cómo Aplicar Estilo a la Capa de Texto Frontal

Haz doble-click en la capa Text original para aplicar el siguiente Estilo de Capa:

Paso 1

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

  • Tamaño: 0
  • Desmarca la casilla Usar Luz Global
  • Ángulo: 55
  • Altitud: 5
  • Marca la casilla Suavizado.
  • Modo Resaltado: Luz Intensa
    • Modo de Sombra: Subexponer Color
      Add a Bevel and EmbossAdd a Bevel and EmbossAdd a Bevel and Emboss

      Paso 2

      Agrega un Trazo con éstos parámetros:

      • Tamaño: 1
      • Posición: Interior
      • Modo de Fusión: Luz Fuerte
      • Tipo de Relleno: Degradado
      • Usa el relleno de degradado stainless steel 101ss
      Add a StrokeAdd a StrokeAdd a Stroke

      Paso 3

      Agrega una Sombra Interior con éstos parámetros:

      • Opacidad: 35%
      • Distancia: 2
      • Tamaño: 5
      Add an Inner ShadowAdd an Inner ShadowAdd an Inner Shadow

      Paso 4

      Agrega un Resplandor Interior con éstos parámetros:

      • Modo de Fusión: Luz Fuerte
      • Opacidad: 35%
      • Color: #dae8ec
      • Técnica: Preciso
      • Origen: Centro
      • Tamaño: 20
      • Contorno: Cono - Invertido
      Add an Inner GlowAdd an Inner GlowAdd an Inner Glow

      Paso 5

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

      • Marca la casilla Tramado
      • Modo de Fusión: Superponer
      • Marca la casilla Invertir
      • Usa el relleno de degradado steel pipe 30
      Add a Gradient Overlay 1Add a Gradient Overlay 1Add a Gradient Overlay 1

      Paso 6

      Haz click en el ícono + a la derecha de la pestaña Superposición de Degradado para añadir otra instancia con éstos parámetros:

      • Marca la casilla Tramado
      • Modo de Fusión: Luz Suave
      • Usa el relleno de degradado de abajo
      Add a Gradient Overlay 2Add a Gradient Overlay 2Add a Gradient Overlay 2

      Paso 7

      Agrega un Resplandor Exterior con éstos parámetros:

      • Modo de Fusión: Luz Intensa
      • Opacidad: 50%
      • Color: #dac4c4
      • Técnica: Preciso
      • Tamaño: 5
      • Contorno: Desnivel - Profundo
      Add an Outer GlowAdd an Outer GlowAdd an Outer Glow

      Ésto aplicará estilo a la capa de texto frontal.

      Styled Text Layer ResultStyled Text Layer ResultStyled Text Layer Result

      7. Cómo Aplicar Estilo a una Extrusión

      Haz doble-click en cualquiera de las capas de Text copia dentro del grupo Extrusion para aplicar el siguiente estilo de capa:

      Paso 1

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

      • Tamaño: 0
      • Suavizar: 1
      • Desmarca la casilla Usar Luz Global
      • Ángulo: 55
      • Altitud: 5
      • Marca la casilla Suavizado
      • Modo Resaltado: Luz Intensa
        • Modo de Sombra: Subexponer Color
          Add Bevel and EmbossAdd Bevel and EmbossAdd Bevel and Emboss

          Paso 2

          Agrega un Contorno con éstos parámetros:

          • Contorno: Desnivel - Superficial
          • Mara la casilla Suavizado.
          • Rango: 100%
          Add a ContourAdd a ContourAdd a Contour

          Paso 3

          Haz click-derecho en la capa estilizada y elige Copiar Estilo de Capa.

          Luego, selecciona el resto de las capas Text copia dentro del grupo Extrusion, haz click-derecho en cualquiera de ellas, y elige Pegar Estilo de Capa.

          Copy and Paste Layer StyleCopy and Paste Layer StyleCopy and Paste Layer Style

          Paso 4

          Haz doble-click en el grupo Extrusion para aplicar un efecto de Superposición de Degradado con éstos parámetros:

          • Modo de Fusión: Subexposición Lineal
          • Usa el relleno de degradado stove pipe 10
          Add a Gradient Overlay 1Add a Gradient Overlay 1Add a Gradient Overlay 1

          Paso 5

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

          • Modo de Fusión: Superponer
          • Usa el relleno de degradado stove pipe 155b
          Add a Gradient Overlay 2Add a Gradient Overlay 2Add a Gradient Overlay 2

          Ésto aplicará estilo a la extrusión.

          Styled Extrusion ResultStyled Extrusion ResultStyled Extrusion Result

          8. Cómo Añadir Sombras

          Paso 1

          Haz doble-click en la capa Shadow 1 para aplicar un efecto de Superposición de Colores, y establece el Color en Negro.

          Apply Color OverlayApply Color OverlayApply Color Overlay

          Paso 2

          Cambia el valor de Relleno de la capa Shadow 1 a 0 y su Opacidad a 50%.

          Fill and Opacity ValuesFill and Opacity ValuesFill and Opacity Values

          Paso 3

          Ve a Filtro > Desenfoque > Desenfoque de Movimiento.

          Cambia el Ángulo a -60 y la Distancia a 100, o usa cualquier otro valor que gustes.

          Create a Motion BlurCreate a Motion BlurCreate a Motion Blur

          Paso 4

          Toma la Herramienta Mover, y haz click-arrastrar, o usa las Teclas de Flechas, para empujar la sombra y colócala detrás del texto.

          Move the ShadowMove the ShadowMove the Shadow

          Paso 5

          Ve a Filtro > Desenfocar > Desenfoque Gaussiano, y cambia el Radio a 5, o cualquier valor que gustes.

          Apply Gaussian BlurApply Gaussian BlurApply Gaussian Blur

          Paso 6

          Para intensificar la sombra y hacer que se vea más realista, Duplica la capa Shadow 1,  y usa diferentes valores.

          Así que crea tantas capas de copis como sea necesario, y cambia los valores de filtro de Opacidad y Desenfocar de cada una de las copias, así como moviéndola alrededor detrás del texto para obtener un resultado que gustes.

          Add More Shadow LayersAdd More Shadow LayersAdd More Shadow Layers

          9. Cómo Agregar los Toques Finales

          Paso 1

          Coloca la imagen Lens Flare 25 arriba de todas las capas, redimensiónala como sea necesario, y cambia el Modo de Fusión de su capa a Trama.

          Lens Flare ImageLens Flare ImageLens Flare Image

          Paso 2

          Ve a Imagen > Ajustes > Tono/Saturación, y cambia la Saturación a -35.

          Change the Hue and SaturationChange the Hue and SaturationChange the Hue and Saturation

          Paso 3

          Haz click en el ícono Crear nueva capa de ajuste o de relleno en la parte inferior del panel Capas, elige Motivo, y usa el relleno Pattern 1.

          Add a PatternAdd a PatternAdd a Pattern

          Paso 4

          Cambia el Modo de Fusión de la capa Pattern a Superponer, y su Opacidad a 15%.

          Ésta es otra manera de agregar una superposición de motivo en lugar de usar estilos de capa.

          Change the Pattern SettingsChange the Pattern SettingsChange the Pattern Settings

          Paso 5

          Agrega una capa de Consulta de Colores, y elige la tabla FoggyNight.3DL del menú Archivo 3DLUT.

          Marca la casilla Tramado, y luego cambia el Modo de Fusión de la capa de Consulta de Colores a Luz Suave y su Opacidad a 50%.

          Change the Color LookupChange the Color LookupChange the Color Lookup

          Paso 6

          Haz doble-click en la miniatura de la capa Text para abrir el archivo de texto editable, donde puedes cambiar el texto y actualizar todas las copias en el archivo original.

          Por ahora, todo lo que necesitamos hacer es cambiar el Tamaño de Lienzo para igualar las dimensiones del documento original.

          Así que ve a Imagen > Tamaño de Lienzo, y escribe 1000 para la Anchura y 700 para la Altura.

          Guarda y cierra el archivo para ir al documento original.

          Adjust the Canvas SizeAdjust the Canvas SizeAdjust the Canvas Size

          ¡Felicidades! Terminaste

          En éste tutorial, creamos un simple fondo usando superposiciones de motivo y degradados. Luego creamos y aplicamos estilo al objeto inteligente del texto principal.

          Después de eso, grabamos una acción para crear la extrusión, aplicamos estilo a la extrusión, y usamos un par de filtros para crear las sombras. Finalmente, usamos textura y superposiciones de motivos, con capas de ajuste para finalizar el efecto.

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

          80s Silver Text Effect Adobe Photoshop Tutorial80s Silver Text Effect Adobe Photoshop Tutorial80s Silver Text Effect Adobe Photoshop Tutorial
          One subscription.
          Unlimited Downloads.
          Get unlimited downloads