Crear un Efecto de Texto Inspirado en los Años 80 en Adobe Photoshop

Vamos a honrar a Alemania, su idioma y su cultura esta semana en la celebración del lanzamiento de la versión Alemana de Envato Elements.

En este tutorial vamos aprender a cómo crear un efecto de texto usando rellenos de degradado y estilos de capa en Adobe Photoshop. Esta semana está dedicada a la cultura alemana; así que usaremos la frase alemana "Aller Anfang ist shwer" que significa "Todos los comienzos son duros."

Creé un Efecto de texto de los 80s con efectos de texto ilimitados usando el mismo método para portafolio de GraphicRiver.

Elementos del Tutorial

Necesitarás las siguiente fuentes para completar este tutorial:

• Fuente Mexcellent
  
• Fuente Hemi Head

1. ¿Cómo Preparar el Documento?

Paso 1

Ve a Archivo > Nuevo y crea un nuevo archivo con el cual trabajar. Usa la siguiente configuración Anchura: 3000 px; Altura: 2000 px; 300 ppp.

Paso 2

Da clic en T para abrir la Herramienta Texto Horizontal y crea cualquier texto usando la Fuente Mexcellent con un tamaño de 146 pt.

Paso 3

Selecciona la capa de texto y luego da clic-derecho > Convertir a Objeto Inteligente.

Paso 4

Crea otra capa de texto usando nuestra segunda fuente con tamaño de 33 pt y muevelo 120 px de la parte superior del objeto inteligente mientras presionas Mayus.

Paso 5

Selecciona la capa de fondo y Relleno con #231434 usando Mayus-F5.

2. ¿Cómo Crear Elementos de Fondo?

Paso 1

Presiona U para activar la Herramienta Rectángulo. Luego crea una forma con la siguiente configuración:

• Anchura: 255 px
• Altura: 255 px
• Relleno: Ninguno
• Trazo: 5 px
• Color: #ffffff

Luego de eso, mueve a la esquina superior izquierda del lienzo mientras presionas Mayus.

Paso 2

Da clic-derecho sobre la primera forma y selecciona Duplicar.

Paso 3

Selecciona la segunda forma y muevelo 250 px a la derecha mientras presionas Mayus.

Paso 4

Crea diez duplicados más como hicimos antes y luego muevelos al lado derecho para rellenar todo el lienzo.

Paso 5

Ahora necesitamos seleccionar todas las capas de forma que hemos creado y da clic-derecho > Duplicar.

Paso 6

Selecciona el nuevo duplicado y muevelos 250 px abajo mientras presionas Mayus.

Paso 7

Duplica tus capas de forma para rellenar todo el lienzo.

Paso 8

Luego de eso, necesitamos seleccionar todas las capas de forma usando Mayus y luego clic-derecho > Convertir a Objeto Inteligente.

Paso 9

Selecciona tu nuevo objeto inteligente y presiona Control-T y cambia el tamaño de la cuadrícula para rellenar el lienzo más precisamente.

Paso 10

Selecciona el objeto inteligente y ve a Edición > Transformar > Perspectiva.

Paso 11

Selecciona el punto superior izquierdo de transformar y muevelo 25° mientras presionas Mayus.

Paso 12

Presiona Control-T y luego mueve los puntos de transformación superior hacia los bordes del lienzo.

Paso 13

Ahora necesitamos mover el objeto inteligente abajo por 895 px mientras presionamos Mayus.

Paso 14

Ahora necesitamos crear un duplicado de la cuadrícula; selecciona el objeto inteligente y luego da clic-derecho > Duplicar.

Paso 15

Da clic en la U para activar la Herramienta Rectángulo. Luego crea una forma en el centro del documento con la siguiente configuración: Anchura: 2100 px; Altura: 1050 px; Color: #ffffff.

Paso 16

Da clic en la U para activar la Herramienta Rectángulo. Luego crea una forma en el centro del documento con la siguiente configuración: Anchura: 3000 px; Altura: 900 px; Color: #151515.

Paso 17

Ahora necesitamos crear la última forma entre las capas de texto con los siguientes colores: Anchura: 1200 px; Altura: 1 px; Color: #000000.

Paso 18

Ahora necesitamos convertir nuestras capas de forma en objeto inteligentes. Da clic-derecho > Convertir a Objeto Inteligente.

3. ¿Cómo Crear Efectos para las Capas de Fondo?

Paso 1

Selecciona la primera forma y cambia el Modo de Fusión a Superposición.

Paso 2

Ahora necesitamos añadir un Resplandor Exterior. Da doble clic sobre la capa y usa la siguiente configuración:

• Modo de Fusión: Superposición
• Opacidad: 25%
• Color: #ffc47d
• Extensión: 2%
• Tamaño: 40 px
• Rango: 45 %

Paso 3

Ve a Filtro > Ruido > Añadir Ruido y usa la siguiente configuración:

• Cantidad: 400%
• Distribución: Uniforme
• Monocromático

Paso 4

Selecciona el objeto inteligente con la cuadrícula y luego da clic sobre el icono de Crear Máscara.

Paso 5

Selecciona la máscara de la capa y presiona Control-I para invertir el color de la máscara.

Paso 6

Presiona B para activar la Herramienta Pincel y usar la siguiente configuración: 245 px; Dureza: 20%.

Paso 7

Luego de eso, presiona Alt y da clic-derecho sobre la máscara y dibuja una máscara como se muestra en la imagen de abajo.

Paso 8

Ahora necesitamos añadir un efecto de desenfoque a la máscara. Selecciona la máscara de nuevo, y luego, ve a Filtro > Desenfoque > Desenfoque Gaussiano y usa la siguiente configuración: Radio 80 px.

Paso 9

Ahora necesitamos añadir los mismos efectos a la segunda forma de cuadrícula y cambia el Modo de Fusión a Superposición y la Opacidad a 75%.

Aquí vemos la manera en que la imagen se verá luego de toda la manipulación realizada arriba:

Paso 10

Selecciona los siguientes objetos inteligentes y cambia el Modo de Fusión a Superposición y la Opacidad a 25%.

Paso 11

Ve a Filtro > Desenfoque > Desenfoque Gaussiano y usa la siguiente configuración: Radio: 250 px.

Paso 12

Selecciona el siguiente objeto inteligente y cambia la Opacidad a 75%.

Paso 13

Ve a Filtro > Desenfoque > Desenfoque Gaussiano y usa la siguiente configuración: Radio: 165 px.

Paso 14

Da doble-clic sobre la capa y añade una Superposición de Degradado usando la siguiente configuración:

• Modo de Fusión: Iluminar
• Opacidad: 15%
• Ángulo: 125°
• Estilo: Lineal
• Escalar: 59%

Paso 15

Luego de eso, necesitamos cambiar el degradado en el mismo panel de Superposición de Degradado. Da doble-clic sobre el degradado y crea un nuevo degradado con los siguientes colores: #db9176 y #1c527.

Paso 16

Ahora necesitamos editar nuestro último objeto inteligente con la forma de línea. Da clic-derecho > Editar Contenidos para abrir el objeto inteligente.

Paso 17

En la ventana nueva, presiona Control-Alt-C y cambia el tamaño del lienzo a 1220 x 20 px.

Paso 18

Da doble-clic en la forma del objeto inteligente y añade un Resplandor Interior usando la siguiente configuración:

• Modo de Fusión: Trama
• Opacidad: 100%
• Retraer: 0%
• Tamaño: 0%
• Rango: 50%
• Color: #ffffff

Paso 19

Luego de eso, añade un efecto de Resplandor Exterior usando la siguiente configuración:

• Modo de Fusión: Iluminar
• Opacidad: 100%
• Extensión: 11%
• Tamaño: 9 px
• Rango: 45%
• Color: #ffc47d

Paso 20

Cambia el Relleno de la capa a 0% y luego cierra y guarda el objeto inteligente.

Paso 21

Ve a Filtro > Desenfoque > Desenfoque de Movimiento y usa la siguiente configuración: Ángulo: 0°; Distancia: 440 px.

Paso 22

Cambia el Modo de Fusión a Luz Fuerte.

Paso 23

Selecciona todas las formas de fondo mientras sostienes Mayus, y luego presiona Crear un Nuevo Grupo.

4. ¿Cómo Crear Efecto de Texto al Estilo de los 80s?

Paso 1

Crea dos duplicados del primer objeto inteligente con el texto (clic-derecho > Duplicar).

Paso 2

Haz dos capas superiores invisibles y crea otro grupo para el primer objeto inteligente.

Paso 3

Da doble-clic sobre el objeto inteligente y añade un efecto de Superposición de Degradado usando la siguiente configuración:

• Modo de Fusión: Normal
• Estilo: Lineal
• Ángulo: 90°
• Invertir: Marcado
• Escala: 100%

Paso 4

Luego de eso, da clic-izquierdo sobre el Degradado en el mismo panel y crea un nuevo degradado con la siguiente configuración:

• Color: #5a9lae, Ubicación: 0%
• Color: #aee2f1, Ubicación: 22%
• Color: #d3f3f9, Ubicación: 51%
• Color: #3d3a3a, Ubicación: 51%
• Color: #513c4f, Ubicación: 60%
• Color: #8c5f92, Ubicación: 75%
• Color: #cc9ada, Ubicación: 90%
• Color: #d8b7e2, Ubicación: 100%

Una vez que hayas creado el degradado, presiona OK.

Paso 5

Presiona Establecer como valores por defecto.

Paso 6

Crea otro duplicado del objeto inteligente y ponlo debajo en el panel Capas.

Paso 7

Mueve el duplicado del objeto inteligente 1 px a la izquierda y 1 px hacia arriba mientras presionas Mayus.

Paso 8

Para crear un efecto 3D, necesitamos crear 23 duplicados más del objeto inteligente y secuencialmente colocarlos 1 px arriba y 1 px al lado del otro, como hicimos con el objeto inteligente en el paso anterior.

Paso 9

Luego de eso, necesitamos ir al siguiente objeto inteligente de arriba del grupo de capas 3D. Da doble-clic y presiona Bisel y Relieve en el panel Estilo de Capa. Usa la siguiente configuración:

• Estilo: Inglete Exeterior
• Técnica: Suavizar
• Profundidad: 1000%
• Tamaño: 2 px
• Suavizar: 0 px
• Sombreado: 90°
• Altitud: 30°
• Modo de Iluminación: Trama
• Color: #ffffff
• Opacidad: 100%
• Modo de Sombra: Multiplicar
• Color: #000000
• Opacidad: 100%

Paso 10

Presiona Trazo y usa la siguiente configuración:

• Tamaño: 4 px
• Posición: Interior
• Opacidad: 75%
• Color: #ffffff

Paso 11

Activa la Superposición de Degradado y luego presiona Restaurar Valores por Defecto.

Paso 12

Ahora selecciona el último objeto inteligente y ve al panel Estilo de Capa. Da clic sobre Superposición de Color y usa la siguiente configuración: Modo de Fusión: Normal; Opacidad: 100%.

Paso 13

Ve a Filtro > Desenfoque > Desenfoque Gaussiano y usa la siguiente configuración: Radio: 15 px.

Paso 14

Cambia la Opacidad de capa a 35%.

Paso 15

Selecciona todos los textos pequeños y ve al panel Estilo de Capa. Luego de eso, presiona Sombra Interior y pon los siguientes parámetros:

• Modo de Fusión: Normal
• Color: #ffffff
• Distancia: 5 px
• Retraer: 0%
• Tamaño: 1 px

Paso 16

Ve a Resplandor Interior y usa la siguiente configuración:

• Modo de Fusión: Superposición
• Opacidad: 100%
• Color: #ffffff
• Técnica: Suavizar
• Origen: Borde
• Retraer: 0%
• Tamaño: 2 px

Paso 17

Añade una Superposición de Degradado al objeto inteligente en el mismo panel y usa la siguiente configuración:

• Modo de Fusión: Normal
• Opacidad: 100%
• Invertir: Habilitar
• Estilo: Lineal
• Ángulo: 90°
• Escala: 139%

Paso 18

Luego de eso, da clic-izquierdo sobre el degradado en el mismo panel y crea un nuevo degradado con la siguiente configuración:

• Color: #2b3039 Ubicación: 0%
• Color: #4f7ba0 Ubicación: 28%
• Color: #eafdfe Ubicación: 51%
• Color: #282021 Ubicación: 51%
• Color: #2c323c Ubicación: 60%
• Color: #8c5f92 Ubicación: 75%
• Color: #416286 Ubicación: 90%
• Color: #6cadd9 Ubicación: 93%
• Color: #ffffff Ubicación: 100%

Una vez creado el degradado, da clic en OK.

Paso 19

Finalmente, vamos a añadir un Resplandor Exterior al estilo de capa usando la siguiente configuración:

• Modo de Fusión: Iluminar
• Opacidad: 75%
• Color: #ffc47f
• Extensión: 0%
• Tamaño: 4 px

Paso 20

Selecciona todos los objetos inteligentes con el texto (incluyendo el grupo 3D) mientras presionas Mayus y luego presionando el icono Crear un Nuevo Grupo.

Así es cómo la imagen se verá luego de todas las manipulaciones de arriba:

5. ¿C´mo Crear Efectos de Luz?

Paso 1

Para crear una apariencia más orgánica, necesitamos añadir efectos de luz. Ve a Capa > Nueva Capa de Relleno > Degradad.

Paso 2

Da doble-clic en la capa Relleno de Degradado y usa la siguiente configuración:

• Estilo: Lineal
• Ángulo: -55.3°
• Color: #ffdbb6
• Posición: 0
• Opacidad: 100%
• Color: #ffdbb6
• Posición: 100
• Opacidad: 0%

Paso 3

Crea un duplicado del relleno de degradado usando clic-derecho > Duplicar Capa.

Paso 4

Coloca cada capa de relleno de degradado derriba de cada capa de texto, y, luego de eso, da clic-derecho > Crear Máscara de Recorte.

Paso 5

Cambia el Modo de Fusión del primer relleno de degradado Superposición y la Opacidad a 65%.

Paso 6

Cambia el Modo de Fusión del segundo relleno de degradado a Superposición.

Paso 7

Como puedes ver, el segundo relleno de degradado no está funcionando sobre la segunda capa de texto. Para resolver este problema, necesitas convertir la capa de texto a objeto inteligente usando clic-derecho > Convertir a Objeto Inteligente.

Paso 8

Crea otro duplicado del último relleno de degradado y luego da clic-derecho > Liberar Máscara de Recorte.

Paso 9

Ve a Capa > Nueva Capa de Relleno > Degradado.

Paso 10

Da doble-clic sobre la capa de Relleno de Degradado y usa la siguiente configuración:

• Estilo: Radial
• Ángulo: -90°
• Escala: 2505
• Invertir: Marcado
• Color: #000000
• Posición: 0
• Opacidad: 100%
• Color: #000000
• Posición: 100
• Opacidad: 0%

Paso 11

Selecciona las dos últimas capas de relleno de degradado mientras presionas Mayus y luego presiona Crear un Nuevo Grupo.

Paso 12

Cambia la Opacidad del grupo a 75%.

¡Sorprendente! ¡Buen Trabajo!

De esta manera, podemos crear efectos de textos inspirados en los años 80s en Adobe Photoshop usando objetos inteligentes, rellenos de degradado y estilos de capa.

Espero que hayas disfrutado este tutorial, y siéntete libre de contactarme si necesitas ayuda. También puedes ver mi portafolio de Efectos de Texto en GraphicRiver.