..

Diseño gráfico: Crea un efecto retro 3D

Nivel Intermedio Adobe Photoshop Adobe Photoshop

Crear el fondo

Paso 1

Crea un documento nuevo de 1000x700 px. Luego haz clic en el icono de Crear nueva capa de relleno o ajuste en la parte inferior del panel Capas y elige Color uniforme.

Step_01

Paso 2

Usa el color #549094.

Step_02

Crear el texto

Paso 1

Crea el texto en mayúsculas usando la fuente The Bold Font. Establece el tamaño en 200 pt, el valor del tracking en 50 y elige el color #d3813f.

Step_03

Paso 2

Cambia el nombre de la capa del texto a Texto. Luego, haz clic derecho y selecciona Convertir en objeto inteligente.

Step_04

Paso 3

Duplica la capa Texto, oculta la original y arrástrala encima de la copia.

Step_05

Crear la extrusión

Paso 1

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

Step_06

Paso 2

Pulsa la tecla de dirección derecha una vez y luego la tecla de dirección 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. Después, agrupa el resto de capas copiadas y nombra al grupo Extrusión.

Step_10

Crear las capas superiores

Paso 1

Cambia el nombre de la capa Texto copia a Texto superior. Duplícala y cambia el valor del relleno de la copia al 0 %.

Step_11

Paso 2

Duplica la capa Texto superior copia.

Step_12

Aplicar estilos a las capas de extrusión

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

Paso 1

Extrusión y biselado

  • Profundidad: 250 %
  • Tamaño: 0 px
  • Desmarca la casilla de Usar luz global.
  • Ángulo: 123º 
  • Altitud: 45º
  • Marca la casilla de Suavizado

Modo resaltado:

  • Color: #b5b5b5
  • Opacidad: 100 %

Modo de sombra:

  • Color: #363636
  • Opacidad: 100 %
Step_13

Paso 2

Contorno

  • Contorno: Semicircular.
  • Marca la casilla de Suavizado.
  • Rango: 100 %
Step_14

Paso 3

Superposición de colores

  • Color: #f0ecdd
Step_15

Paso 4

Haz clic derecho en la capa con el estilo y elige Copiar estilos de capa.

Step_16

Paso 5

Selecciona el resto de capas dentro del grupo Extrusión, haz clic derecho en cualquiera de ellas y elige Pegar estilo de capa.

Step_17

Aplicar estilos al grupo Extrusión

Haz doble clic 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 clic en el icono + al lado de la pestaña de Sombra paralela. Utiliza estos valores para el nuevo efecto:

Sombra paralela 2

  • Opacidad: 35 %
  • Desmarca la casilla de Usar luz global.
  • Ángulo: 126º
  • Distancia: 23 px
  • Tamaño: 2 px
Step_19

Paso 3

Añade otro efecto de Sombra paralela con estos valores:

Sombra paralela 3

  • Opacidad: 5 %
  • Desmarca la casilla de Usar luz global.
  • Ángulo: 124º
  • Distancia: 37 px
  • Tamaño: 0 px
Step_20

Esto creará la sombra.

Step_21

Aplicar estilos a las capas superiores

Paso 1

Haz doble clic en la capa Texto superior copia para aplicar un efecto de Superposición de motivo 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

Haz doble clic en la capa Texto superior copia 2 para aplicar el siguiente estilo de capa:

Paso 2

Trazo

  • 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 trazo y de sombra interior al texto.

Step_29

Añadir la superposición con textura

Paso 1

Coloca la textura Fondo 7 del paquete de Fondos abstractos grunge encima de todas las capas y modifica su tamaño si es necesario.

Luego, cambia el modo de fusión de su capa a 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 a -100.

Step_31

Paso 3

Ve a Imagen > Ajustes > Niveles y luego, cambia el valor de las sombras a 35.

Step_32

¡Eso es todo!

Si quieres cambiar el texto, esto es lo que tienes que hacer:

  • Doble clic en la vista en miniatura de la capa original Texto.
  • Cambia el texto en la caja de texto que se abre.
  • Ve a Imagen > Descubrir todas.
  • Ve a Archivo > Guardar y luego a 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 retro 3D. Por último, hemos añadido una sencilla superposición con textura para terminar el efecto.

No te olvides de compartir el resultado en la sección de proyectos.

cover1.jpg

¿Qué opinas de este tutorial?

Comentarios

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

Detalles del tut

Nivel Intermedio 45m 2.678 vistas

Compartir