This is a text with a link.

Cómo crear un texto con efecto retro 3D en Adobe Photoshop

Intermedio level Adobe Photoshop Adobe Photoshop

Crea el fondo

Paso 1

Crea un documento nuevo de 1000x700 px y luego, haz click en el icono de Crear nuevo relleno o capa de ajuste en la parte inferior del panel Capas y luego, elige Color Sólido.

Step_01

Paso 2

Usa el color #549094.

Step_02

Crea el texto

Paso 1

Crea el texto en Mayúsculas usando la fuente The Bold. Establece el Tamaño en 200 pt, el valor del Tracking en 50 y el Color en #d3813f.

Step_03

Paso 2

Cambia el nombre de la capa del texto por Texto y luego, haz click en el botón derecho y selecciona Convertir en Objeto Inteligente.

Step_04

Paso 3

Duplica la capa Texto, luego hazla visible y arrástrala encima de la copia.

Step_05

Crea la extrusión

Paso 1

Duplica la Copia de la capa Texto presionando Comando + J.

Step_06

Paso 2

Pulsa la Tecla de Flecha Derecha una vez u luego, la Flecha hacia Abajo una vez también para mover la copia 2 de la capa 1 px hacia la derecha y 1 px hacia abajo.

Step_07

Paso 3

Repite eso 12 veces más para crear la extrusión. La última capa debería llamarse Texto Copia 14.

Step_08

Paso 4

Selecciona las capas copiadas que tienes y luego, ve a: Capa > Organizar > Invertir para invertir el orden de la extrusión de las capas.

Step_09

Paso 5

Deselcciona la capa Texto Copia de arriba y luego, agrupa el resto de capas copiadas y nombra el grupo Extrusión.

Step_10

Crea las capas de encima

Paso 1

Cambia el nombre de la capa Texto Copia por Texto Superior, luego duplícalo y cambia el valor del Relleno de la copia por 0%.

Step_11

Paso 2

Duplica la capa Texto Superior Copia.

Step_12

Estilo de las capas de extrusión

Haz doble click en la capa Texto Copia 2 dentro del grupo Extrusión para aplicar el siguiente estilo de capas:

Paso 1

Extrusión y biselado

  • Profundidad: 250%
  • Tamaño: 0 px
  • Deselecciona el cuadro Usar Luz Global.
  • Ángulo: 123º 
  • Altitud: 45º
  • Selecciona el cuadro Suavizado

Modo Resalte:

  • Color: #b5b5b5
  • Opacidad: 100%

Modo Sombras:

  • Color: #363636
  • Opacidad: 100%
Step_13

Paso 2

Contorno

  • Contorno: Medio redondeado.
  • Selecciona el cuadro Suavizar.
  • Rango: 100%
Step_14

Paso 3

Superponer color

  • Color: #f0ecdd
Step_15

Paso 4

Click derecho en la capa con el estilo y elige Copiar Estilo de Capa.

Step_16

Paso 5

Selecciona el resto de capas dentro del grupo Extrusión, click derecho en cualquiera de ellas y elige Pegar Estilo de Capa.

Step_17

Estilo del grupo Extrusión

Haz doble click en el grupo Extrusión para aplicar el siguiente estilo de capa:

Paso 1

Sombra Paralela

  • Opacidad: 35%
  • Distancia: 8 px
  • Tamaño: 2 px
Step_18

Paso 2

Añade otro efecto de Sombra Paralela haciendo click en el icono +, al lado de la pestaña Sombra Paralela, y utiliza estos valores para el nuevo efecto:

Sombra Paralela 2

  • Opacida: 35%
  • Deselecciona el cuadro Usar Luz Gobal.
  • Ángulo: 126º
  • Distancia: 23 px
  • Tamaño: 2 px
Step_19

Paso 3

Añade un efecto de Sombra Paralela más con estos valores:

Sombra Paralela 3

  • Opacidad: 5%
  • Deselecciona el cuadro Usar Luz Global.
  • Ángulo: 124º
  • Distancia: 37 px
  • Tamaño: 0 px
Step_20

Esto creará la sombra.

Step_21

Estilo de las capas superiores

Paso 1

Haz doble click en la capa Texto Superior Copia para aplicar un efecto de Superposición de Motivos con los siguientes valores:

  • Modo de Fusión: Luz Suave
  • Opacidad: 35%
  • Motivo: 11 px Líneas en dientes de sierra.
  • Escala: 50%
Step_22

Esto solo añadirá el motivo. Puedes elegir cualquier otro motivo que te guste.

Step_23

Doble click en la capa Texto Superior Copia 2 para aplicar el siguiente estilo de capa:

Paso 2

Trazado

  • Tamaño: 1 px
  • Posición: Interior
  • Color: #fbf9ef
Step_24

Paso 3

Trazado- 2

  • Tamaño: 1 px
  • Posición: Exterior
  • Color: #fbf9ef
Step_25

Paso 4

Sombra interior

  • Color: #545454
  • Opacidad: 35%
  • Distancia: 5 px
  • Tamaño: 0 px
Step_26

Paso 5

Sombra Interior - 2

  • Color: #545454
  • Opacidad: 35%
  • Distancia: 10 px
  • Tamaño: 0 px
Step_27

Paso 6

Sombra Interior - 3

  • Color: #545454
  • Opacidad: 35%
  • Distancia: 15 px
  • Tamaño: 0 px
Step_28

Esto añadirá un par de capas de trazado y sombra interior al texto.

Step_29

Añade la superposición de la textura

Paso 1

Coloca la textura Fondo 7 del paquete de Fondos Abstractos Grunge PSD Gratis de encima de todas las capas, y modifica su tamaño como lo necesites.

Luego, cambia el Modo de Fusión de su capa por Luz Suave y su Opacidad al 50%.

Step_30

Paso 2

Ve a Imagen > Ajustes > Tono/Saturación y luego, cambia el valor de la Saturación por -100.

Step_31

Paso 3

Ve a Imagen > Ajustes > Niveles y luego, cambia el valor de Sombras por 35.

Step_32

¡Eso es todo!

Cuando quieras cambiar el texto, esto es lo que tienes que hacer:

  • Doble click en la pestaña de la capa original Texto.
  • Cambia el texto en el archivo que se abre.
  • Ve a Imagen > Descubrir todo.
  • Ve a Archivo > Guardar, luego Archivo > Cerrar.
  • ¡El efecto se aplicará al siguiente texto!

Conclusión

En este tutorial, hemos utilizado objetos inteligentes para crear un texto y su extrusión. Luego, hemos usado un puñado de estilo de capas para crear un efecto 3D retro. Y finalmente, hemos añadido una sencilla superposición de textura para terminar con el efecto.

Por favor, sentiros libres de compartir vuestros trabajos en la sección de comentarios de más abajo.

cover1.jpg

¿Qué opinas de este tutorial?

Comentarios

Conéctate o regístrate para comentar

En este tutorial os mostraré como utilizar objetos inteligentes con algunas texturas y estilos de capa para crear un texto con efecto 3D retro en Photoshop.

Detalles del tut

Nivel Intermedio 45m 1.945 vistas

Compartir

En cualquier parte
En cualquier parte

Desde casa o donde encuentres la inspiración.

A tu propio ritmo
A tu propio ritmo

Sin plazos ni presiones. Adapta los cursos a tu propio horario.

Conoce a la comunidad
Conoce a la comunidad

Comparte tus proyectos y aprende de nuestra comunidad en línea.

Cursos certificados
Recibe tu diploma

Cuando termines un curso, podrás descargar el certificado.