..

Lettering: Diseña un efecto ochentero

Nivel Intermedio Adobe Photoshop Adobe Photoshop

Crear el fondo y las formas del texto

Paso 1

Crea un documento nuevo de 1500x800 px y luego rellena el fondo con el color #2d2127. 

step_01

Paso 2

Crea el texto usando la fuente Piximisa. Usa un color gris claro y elige un tamaño de 350 pt.

step_02

Paso 3

Haz clic derecho en la capa de texto y elige Convertir en forma.

step_03

Paso 4

Usa la herramienta Selección directa (A) para acceder a las opciones de forma en la barra de Opciones.

Luego, haz clic en el botón de Operaciones de trazado y haz clic en Fusionar componentes de forma.

step_04

Paso 5

Duplica la capa de formas y cambia el nombre de la capa duplicada a "Trazo".

step_05

Paso 6

Con la herramienta Selección directa aún activada, cambia el relleno en la barra de Opciones a Sin color. Luego, cambia el color del trazo por blanco y su anchura a 6 puntos. Después, haz clic en el icono de Definir tipo de trazo de forma y selecciona Alinear con el exterior.

step_06

Crear las capas en 3D 

Paso 1

Por cada capa de formas que tengas, selecciónala y ve a 3D > Nueva extrusión 3D a partir de trazado seleccionado.

step_07

Paso 2

Selecciona las dos capas 3D que tienes y luego ve a 3D > Combinar capas 3D.

step_08 

Paso 3

Para acceder a los ajustes y propiedades de la malla 3D, necesitarás abrir dos paneles: el panel 3D y el panel Propiedades (ambos están en el menú Ventana).

El panel 3D tiene todos los componentes de la escena 3D y, cuando haces clic en el nombre de cualquiera de ellos, podrás acceder a sus opciones en el panel Propiedades. Así que asegúrate de que siempre seleccionas la pestaña del elemento que quieres modificar en el panel 3D antes de cambiar sus ajustes en el panel Propiedades.

Si seleccionas la herramienta Mover, encontrarás un conjunto de modos 3D a la derecha de la barra de Opciones. Cuando eliges uno de ellos, puedes hacer clic y arrastrar para hacer cambios (al elemento seleccionado en el panel 3D).

step_09

Cambiar los ajustes de la malla

Paso 1

Selecciona la pestaña de la malla del texto original en el panel 3D y luego haz clic en el icono Deformar en la parte superior del panel Propiedades.

Cambia el valor de Profundidad de extrusión a 220 y el de Estrechar al 80 %. 

step_10

Paso 2

Selecciona la pestaña de la malla del trazo en el panel 3D y luego haz clic en el icono Deformar en la parte superior del panel Propiedades.

Cambia el valor de Profundidad de extrusión a 250 y el de Estrechar al 80 %.

step_11

Paso 3

Haz clic en el icono Tapa y luego cambia la anchura del bisel al 2 % y el contorno a Semicircular.

step_12

Crear la textura de la inflación frontal del texto

Paso 1

Selecciona la pestaña del material de inflación frontal del texto en el panel 3D. Luego, en el panel Propiedades, haz clic en el icono Difusión y elige Editar textura.

step_13

Paso 2

Una vez que el archivo de la textura se haya abierto, duplica la capa de formas.

step_14

Paso 3

Selecciona la herramienta Rectángulo y asegúrate de que está elegida la opción Forma en la barra de Opciones.

Luego, mantén pulsada la tecla Opción/Alt, haz clic y arrastra ligeramente. Después, suelta la tecla Opción/Alt.

Lo que tienes que hacer después de esto es crear un rectángulo que cubra la mitad superior de la forma del texto.

step_15

Paso 4

Cuando sueltes el botón del ratón, la parte superior de la forma del texto se eliminará.

Haz clic en Fusionar componentes de forma, como hiciste anteriormente.

step_16

Paso 5

Selecciona la herramienta Forma personalizada y elige la segunda forma del conjunto Grass + Wave Borders.

Mantén pulsada la tecla Mayús, haz clic y arrastra ligeramente, suelta la tecla Mayús y añade la forma encima de la mitad inferior del texto que has creado.

step_17

Crear los rellenos con degradado de las capas de formas

Paso 1

Haz doble clic en la capa de formas original y aplica un efecto de Superposición de degradado. Marca la casilla de Tramado.

Luego, haz clic en la caja del relleno con degradado para crear el que usaremos.

step_18

Paso 2

Para crear el degradado, tendrás que hacer clic debajo de la barra del degradado para añadir detenciones. Cuando hagas clic en cada detención, podrás cambiar sus valores de color y ubicación. Aquí están los valores de las detenciones, de izquierda a derecha: 

Color – Ubicación

  • #eaf3f4  – 0%
  • #ecf1f0 – 65%
  • #a1d3db – 81%
  • #005564 – 100%

step_19

Esto le dará estilo a la parte superior.

step_20

Paso 3

Haz doble clic en la copia de la capa de formas y aplica un efecto de Superposición de degradado. Marca la casilla de Tramado.

Luego, haz clic en la caja del relleno con degradado para crear el que usaremos.

step_21

Paso 4

Crea el siguiente relleno con degradado:

Color – Ubicación

  • #fcf8ff  – 0%
  • #58b3c1 – 76%
  • #232e64 – 100%

step_22

Esto es lo que deberías obtener. Puedes probar otros colores que te gusten más.

step_23

Paso 5

Guarda el archivo y ciérralo para volver a la escena 3D.

step_24

Crear la textura de la inflación frontal del trazo

Paso 1

Selecciona la pestaña del material de inflación frontal del trazo en el panel 3D. Luego, en el panel Propiedades, haz clic en el icono de Difusión y elige Editar textura.

step_25

Paso 2

Cuando se abra el archivo, usa la herramienta Rectángulo para crear un rectángulo que cubra el trazo.

step_26

Paso 3

Haz doble clic en la capa del rectángulo y aplica un efecto de Superposición de degradado.

Marca la casilla de Tramado y haz clic en la caja del relleno con degradado para crearlo.

step_27

Paso 4

Crea el siguiente relleno de degradado:

Color – Ubicación

  • #6cdced  – 0%
  • #1e4687 – 24%
  • #6edeeb – 50%
  • #164f9d – 74%
  • #8afeff – 93%

step_28

Esto es lo que deberías obtener.

step_29

Paso 5

Guarda y cierra el archivo para volver al documento original.

step_30

Crear el relleno de la extrusión

Paso 1

Selecciona la pestaña del material de extrusión del texto. Luego, haz clic en el icono de Difusión y elige Editar textura.

step_31

Paso 2

Rellena la capa que tienes con cualquier color.

step_32

Paso 3

Haz doble clic en la capa y aplica un efecto de Superposición de degradado.

Marca la casilla de Tramado y haz clic en la caja del relleno con degradado para crearlo.

step_33

Paso 4

Crea el siguiente relleno con degradado:

Color – Ubicación

  • #002a51  – 0%
  • #034482 – 13%
  • #0f5598 – 28%
  • #1c66ac – 48%
  • #2a78c1 – 68%

step_34

Esto creará un relleno sencillo para la extrusión.

Guarda y cierra el archivo para volver al documento original.

step_35

Ajustar más opciones de materiales

Paso 1

Selecciona todas las pestañas de material que tengas y cambia el valor del brillo al 100%.

step_36

Paso 2

Selecciona la pestaña del material de extrusión del texto y cambia el color del especular a 104, 104, 104.

step_37

Paso 3

Selecciona la pestaña del material de extrusión del trazo y cambia el color del especular 125, 125, 125.

step_38

Paso 4

Haz clic en el icono de Difusión y elige la textura del material de extrusión del texto para aplicarla también a la extrusión del trazo.

step_39

Paso 5

Selecciona ambas pestañas de la malla, abre el menú desplegable del panel 3D y elige Mover objeto 3D a plano de tierra.

step_40

Ajustar la iluminación e interpretar la escena

Paso 1

Selecciona la pestaña Luz infinita 1 y luego cambia la intensidad al 60 % y el suavizado al 10 %.

step_41

Paso 2

Puedes usar la herramienta Mover para cambiar la iluminación o, simplemente, puedes hacer clic en el icono de Coordenadas en la parte superior del panel Propiedades para introducir valores numéricos.

step_42

Paso 3

Selecciona la pestaña Entorno y cambia la opacidad de las sombras del plano de tierra al 0 %.

step_43

Paso 4

Haz los cambios que necesites hasta que te guste el resultado.

step_44

Paso 5

Cuando hayas terminado, ve a 3D > Interpretar capa 3D.

La interpretación podría tardar un poco, pero puedes detenerla en cualquier momento pulsando la tecla Escape.

Cuando la interpretación esté lista, haz clic derecho sobre la capa 3D y selecciona Convertir en objeto inteligente.

Esto ayudará a mantener la interpretación cuando se añadan y dupliquen más capas dentro del documento.

step_45

Ajustar el color del texto y añadir una textura de ruido

Paso 1

Añade una capa de ajuste de Tono/saturación, recórtala a la capa 3D y luego cambia el valor del tono a +5.

step_46

Paso 2

Añade una capa de ajuste de Niveles. Cambia el valor de las sombras a 16 y el de la iluminación a 240.

step_47

Paso 3

Coloca la imagen del Muro de cemento encima de todas las capas, cámbiale el nombre a Textura Texto y recórtala a la capa 3D.

Cambia el modo de fusión de la capa Textura Texto a Subexponer color. Cambia también la opacidad al 59 %.

Modifica el tamaño de la imagen de la textura basándote en el efecto de ruido que quieras conseguir.

step_48

Añadir las texturas del fondo

Paso 1

Coloca el diseño de Noche estrellada encima de la capa Fondo y cámbiale el nombre a Estrellas. Luego, cambia el modo de fusión a Luz suave y establece el tamaño que necesites.

step_49

Paso 2

Coloca el Fondo abstracto con franjas encima de la capa Estrellas, cámbiale el nombre a "Líneas Diagonales" y elige el modo de fusión Luz suave.

Establece el tamaño de la imagen que necesites, luego, si lo necesitas, puedes crear una máscara o eliminar los bordes.

step_50

Paso 3

Para el Fondo colorido de luz resplandeciente, puedes copiar el vector sin el texto del archivo Ai, o simplemente eliminar el texto de la imagen JPEG. No importa cómo lo hagas, ya que esta parte quedará detrás del texto 3D.

Coloca la capa de la imagen encima de la capa Líneas Diagonales. Luego, cambia el modo de fusión a Luz suave y la opacidad al 80 %.

Establece el tamaño que necesites y crea una máscara o elimina los bordes, si es necesario.

step_51

Paso 4

Añade una capa de ajuste de Tono/saturación y recórtala a la capa del Fondo colorido de luz resplandeciente. Luego, cambia el tono a 38, la saturación a -7 y la luminosidad a -16.

step_52

Paso 5

Vuelve a añadir la imagen del Muro de cemento, pero esta vez justo debajo de la capa 3D. Cámbiale el nombre a Textura Fondo y cambia también el modo de fusión a Multiplicar.

step_53

Añadir el destello

Paso 1

Añade la imagen 02 del pack de 15 archivos de Destellos de lente encima de la capa Textura Fondo, cámbiale el modo de fusión a Trama, establece el tamaño que necesites y coloca el destello detrás del texto 3D.

Puedes eliminar cualquier parte que no te convenza.

step_54

Paso 2

Añade una capa de ajuste de Tono/saturación, recórtala a la capa del destello y cambia el valor del tono a 45.

step_55

Paso 3

  • Haz doble clic en la capa 3D y aplica un efecto de Resplandor exterior con estos ajustes:
  • Modo de fusión: Luz intensa
  • Opacidad: 100 %
  • Color: #dadada
  • Tamaño: 15 px
  • Contorno: Cono
  • Rango: 6 %

step_56

Esto añadirá un trazo externo brillante al texto 3D.

step_57

Añadir la cuadrícula

Paso 1

Selecciona la herramienta Pincel, abre el panel Pincel y selecciona la punta 15 del pincel de muestra del conjunto Pincel de cuadrícula en perspectiva.

Asegúrate de que la pestaña Forma de la punta del pincel está activada y cambia el ángulo a 90.

step_58

Paso 2

Crea una capa nueva encima de la capa Líneas Diagonales y llámala Cuadrícula. Cambia el color frontal al #cccccc y haz clic para añadir la cuadrícula detrás del texto.

step_59

Haz doble clic en la capa Cuadrícula para aplicar el siguiente estilo de capa:

Paso 3

Resplandor interior

  • Modo de fusión: Luz intensa
  • Opacidad: 100 %
  • Color: #ffcae5
  • Tamaño: 13 px

step_60

Paso 4

Resplandor exterior

  • Modo de fusión: Luz intensa
  • Opacidad: 100 %
  • Color: #ffffff
  • Tamaño: 3 px

step_61

Paso 5

Cambia el modo de fusión de la capa Cuadrícula a Luz intensa, la opacidad al 35 % y el valor del relleno a 0.

step_62

Añadir los destellos del texto

Paso 1

Selecciona un pincel con punta de destello/chispa que te guste del conjunto de Pinceles de estrellas y destellos.

En el panel Pincel, disminuye el tamaño de la punta a tu gusto. Luego, en la pestaña Dinámica de forma, cambia el porcentaje de Variación del tamaño al 50 % y el de Variación del ángulo al 100 %.

step_63

Paso 2

Crea una capa nueva encima de todas las demás, llámala Destellos del Texto, cambia el modo de fusión a Luz intensa y cambia el color frontal a #acacac.

Empieza a hacer clic para añadir destellos sobre algunas de las zonas brillantes del trazo 3D.

step_64

Añadir una superposición de degradado

Paso 1

Añade una capa de ajuste de Mapa de degradado encima de todas las demás. Luego, cambia el modo de fusión a Luz suave y la opacidad al 50 %.

Marca la casilla de Tramado. Luego, haz clic en la caja del degradado para crear el relleno con degradado.

step_65

Paso 2

Crea el siguiente relleno con degradado:

Color – Ubicación

  • #333333  – 0 %
  • #443349 – 13 %
  • #4c3f5d – 28 %
  • #544970 – 48 %
  • #5f5583 – 68 %
  • #686096 – 87 %

step_66

¡Eso es todo!

Conclusión

En este tutorial, hemos usado herramientas y opciones 3D, un par de formas, rellenos con degradados, texturas, destellos, estilos y capas de ajuste para crear un texto con un efecto brillante inspirado en los 80.

Compartir tu trabajo en la sección de proyectos.

61_1980

¿Qué opinas de este tutorial?

Comentarios

Editado hace 8 meses

Holy moly, when you put a tutorial together, you go all out. It took me a while to get through this, but I'm super happy with the results. Thank you :   https://i.imgur.com/E15XSly.jpg

Holy moly, cuando pones un tutorial juntos, vas a por todos. Me llevó un tiempo superar esto, pero estoy muy contento con los resultados. Gracias: https://i.imgur.com/E15XSly.jpg

Editado hace 8 meses

Hey!

Thanks for sharing your project with us, it's great! We'd love if you could upload your project to the project section of the tutorial, so the rest of the students and the tutor can see it :)

¡Oye!

Gracias por compartir su proyecto con nosotros, ¡es genial! Nos encantaría que pudieras subir tu proyecto a la sección del proyecto del tutorial, para que el resto de los estudiantes y el tutor puedan verlo :)

Editado hace 8 meses

do you have a tutorial video for this one??. your tutorial is great glad to see this really helpful. .more power to you :)

¿Tienes un video tutorial para este? su tutorial está muy contento de ver que esto realmente útil. .más poder para ti :)

Editado hace 8 meses

Digital image editing is
my problem and now you will certainly help me to create eye-popping drawings!

La edición digital de imágenes es
mi problema y ahora ciertamente me ayudará a crear dibujos deslumbrantes!

Editado hace 8 meses

Glad to read this! We hope seeing your creations soon!

Me alegra leer esto! ¡Esperamos ver tus creaciones pronto!

Con todos esos colores brillantes, esos degradados elaborados y esos elementos geométricos, los textos con efecto cromado de los 80 fueron una gran moda. Este tutorial te mostrará cómo usar las herramientas 3D de Photoshop, junto con un par de degradados, estilos, texturas y ajustes de capa, para crear un alucinante efecto de texto con estilo ochentero.

Compartir