Acciones de Photoshop son magníficos ahorradores de tiempo cuando se crean efectos de texto 3D, pero requieren que prestes atención al orden correcto de los pasos. Ten en cuenta que cuando comienzas a grabar una acción 3D, casi cada click del mouse y pulsación de tecla será grabado en esa acción.

Si eres nuevo en el mundo de las acciones, puedes leer un gran artículo de Melody Nieves que cubre las basas de las acciones de Photoshop o aprender más con las lecciones de Kirk Nelson sobre Creando Tus Propias Acciones en Adobe Photosop.

En éste tutorial, aprenderás cómo crear una acción para un efecto de texto 3D minimalista, que funcionará con cualquier fuente en diferentes tamaños y también con formas. Ésta acción es una versión de 72 PPP del paquete Hi-Res 3D Actions-300 DPI.

Recursos del Tutorial

El único recurso utilizado para éste efecto de texto 3D es una fuente de Google:

• fuente Montserrat

1. Cómo Preparar la Grabación de una Acción 3D

Antes de grabar una acción, establezcamos el fondo y el texto con un marco para el efecto de texto 3D final.

Paso 1

Abre Photoshop, ve a Archvo > Nuevo, y establece éstos detalles de ajustes preestablecidos:

• Anchura: 850 px
• Altura: 550 px
• Resolución: 72 px/pulgadas
• Modo de Color: RGB Color 8 bit

Haz click en Crear.

Paso 2

Para personalizar el fondo, ve a Capa > Nueva > Capa desde Fondo... y nómbrala Background. Luego ve a Capa > Estilos de Capa > Superposición de Degradado.

• Modo de Fusión: Normal
• Marca la casilla Dither
  
• Opacidad: 100%
• Estilo: Radial
• Ángulo: 0°
• Escala: 100%
  
• Haz click en el Degradado y establece las paradas de color:
• Parada de color 1 - Color: #f4f9ff Ubicación: 0%
• Parada de color 2 - Color: #6cacfd9 Ubicación: 100%

Pulsa Aceptar para aplicar todos los cambios.

Paso 3

Para dibujar el marco, selecciona la Herramienta Rectángulo (U). Ahora haz click en tu documento para crear un rectángulo con éstas dimensiones: Anchura: 740 px y Altura: 210 px. Luego ve a Capa > Estilos de Capa > Opciones de Fusión y establece el Relleno en 0%. Finalmente, ve a la pestaña Trazo y establece el Tamaño de trazo: 9 px y Posición: Interior. Pulsa Aceptar para aplicar los cambios.

Paso 4

Para agregar el texto, selecciona la Herramienta Texto (T) y escribe la palabra "MINIMAL". Ahora ve a Ventana > Caracter y establece la fuente en Montserrat Black. Luego establece el tamaño de la fuente en 123 pt y el tracking en 50. Finalmente, selecciona ambas capas en tu panel Capas y crea un grupo de ellas con Control-G.

Paso 5

Cuando estés listo para grabar la acción, ve a Ventana > Acciones. Haz click en el ícono de la carpeta en la parte inferior de éste panel para crear un Nuevo Grupo y nómbralo 3D Text Effect, y pulsa OK. Luego haz click en el ícono de la página para crear una Nueva Acción y nómbrala Photoshop Action. Pulsa el botón Grabar para inciar la grabación de ésta acción de texto 3D.

2. Cómo Crear Capas para el Efecto de Texto 3D

Paso 1

Para preservar las capas originales para usar más tarde, tu primer paso es hacer click en el ícono del ojo junto a Grupo 1 para ocultar ésta capa. Luego ve a Capa > Duplicar Grupo... nómbralo top-layer, y pulsa Aceptar. Luego haz click en el ícono del ojo junto a top-layer para hacerlo visible. Finalmente, ve a Capa > Objetos Inteligentes > Convertir en Objeto Inteligente.

Paso 2

Ve a Capa > Duplicar Capa... nómbrala 3d text 1, y pulsa Aceptar. Luego haz doble click en la capa 3d text 1 para aplicar el siguiente estilo de capa:

Agrega Bisel y Relieve con éstos parámetros:

• Estilo: Inglete Interior
• Técnica: Suavizar
• Profundidad: 25%
• Dirección: Arriba
• Tamaño: 4 px
• Desmarca la casilla Usar Luz Global
  
• Ángulo: 120
• Altitud: 30
• Marca la casilla: Suavizar
• Modo Resaltado: Trama #dddddd y Opacidad: 48%
  
• Modo de Sombra: Multiplicar #b2b2b2 y Opacidad: 59%

Paso 3

Agregar Sobreexponer Color con éstos parámetros:

• Modo de Fusión: Normal
• Color #d8dde8

Pulsa Aceptar para aplicar los cambios. Luego ve a Capa > Obetos Inteligentes > Convertir en Objeto Inteligente.

Paso 4

Ve a Capa > Organizar > Hacía Atrás. Luego presione la tecla Flecha Abajo (↓) una vez para mover la capa abajo 1 px. Ahora presiona Control-T y cambia la anchura a W:99.73%. Haz click en el botón de Aprobar  para aplicar el cambio. Finalmente, ve a Capa > Objetos Inteligentes > Convertir en Objeto Inteligente.

Paso 5

Ve a Capa > Duplicar Capa y nómbrala 3d text 2. Luego ve a Capa > Organizar > Hacia Atrás. Luego presiona la tecla Flecha Abajo (↓) una vez para mover la capa abajo 1 px. Ahora presiona Control-T y cambia la anchura a W:99.70%. Haz click en el botón de Aprobar para aplicar el cambio. Finalmente, ve a Capa > Objetos Inteligentes > Convertir en Objeto Inteligente.

Paso 6

Para lograr el efecto de text 3D, necesitarás repetir el paso previo ocho veces más. El único cambio cada vez que repitas el paso es el nombre de la nueva capa duplicada. Continuamente crearás capas 3d text 3, 3d text 4, 3d text 5 ... hasta que termines con 3d text 10.

3. Cómo Crear Sombras para el Efecto de Texto en Photoshop

Éste genial efecto de texto en Photoshop no estaría completo sin sombras, así que hagamos algunas.

Paso 1

Ve a Capa > Duplicar Capa y nómbrala Shadow4. Luego ve a Capa > Organizar > Hacia atrás.

Paso 2

Ahora crea otras tres capas para las sombras. Ve a Capa > Duplicar Capa y nómbrala Shadow3. Luego de nuevo ve a Capa > Duplica Capa y nómbrala Shadow2. Ahora, por última vez, ve a Capa > Duplicar Capa y nómbrala Shadow1.

Paso 3

Ve a Capa > Estilo de Capa > Sombra Paralela y usa éstos parámetros:

• Modo de Fusión: Subexposición Lineal
• Selecciona el color #3f464a
  
• Opacidad: 35%
• Desmarca la casilla Usar Luz Global
• Ángulo: 90°
• Tamaño: 2 px
• Marca la casilla Suavizar

Pulsa Aceptar para aplicar los cambios.

Paso 4

Ve a Filtro > Desenfocar > Desenfoque Gaussiano..., establece el Radio en 1.3 px, y pulsa Aceptar.

Paso 5

Selecciona la capa Shadow2 en tu panel Capas. Ahora ve a Capa > Estilo de Capa > Superposición de Colores... y usa éstos ajustes:

• Modo de Fusión: Multiplicar
• Selecciona el color #b8bbc2
• Opacidad: 69%
  

Paso 6

Agrega una Sombra Paralela con éstos ajustes:

• Modo de Fusión: Subexposición Lineal 
• Selecciona el color #595c64
  
• Opacidad: 8%
• Desmarca la casilla Usar Luz Global
• Ángulo: 111°
• Distancia: 11 px
  
• Tamaño: 3 px
• Marca la casilla Suavizar

Pulsa Aceptar para aplicar los cambios.

Paso 7

Ve a Filtro > Desenfocar > Desenfoque Gaussiano..., establece el Radio en 5.5 px, y pulsa Aceptar.

Paso 8

Selecciona la capa Shadow3 en tu panel Capas. Ahora ve a Capa > Estilo de Capa > Sombra Paralela... y usa éstos parámetros:

• Modo de Fusión: Subexposición Lineal
• Selecciona el color #595c64
  
• Opacidad: 6%
• Desmarca la casilla Usar Luz Global
• Ángulo: 104°
• Distancia: 8 px
  
• Tamaño: 13 px
• Marca la casilla Suavizar

Pulsa Aceptar para aplicar el cambio.

Paso 9

Selecciona la capa Shadow4 en tu panel Capas. Ahora ve a Capa > Estilo de Capa > Sombra Paralela... y usa éstos ajustes:

• Modo de Fusión: Subexposición Lineal
• Selecciona el color #595c64
  
• Opacidad: 30%
• Desmarca la casilla Usar Luz Global
• Ángulo: 112°
• Distancia: 10 px
  
• Tamaño: 10 px
• Marca la casilla Suavizar

Pulsa Aceptar para aplicar el cambio.

Paso 10

Ve a Filtro > Desenfocar > Desenfoque de movimiento..., establece el Ángulo en -66% y la Distancia en 50 px, y pulsa Aceptar.

4. Cómo Aplicar Estilo a la Capa Superior del Efecto de Texto 3D

Paso 1

Selecciona la capa top-layer en tu panel Capas. Luego ve a Capa > Estilo de Capa > Sombra Interior... y usa éstos ajustes:

• Modo de Fusión: Subexposición Lineal
• Selecciona el color blanco
  
• Opacidad: 86%
• Desmarca la casilla Usar Luz Global
• Ángulo: 120°
• Distancia: 1 px
  
• Tamaño: 1 px
• Contorno: Cono
  
• Marca la casilla Suavizar

Paso 2

Agrega un Resplandor Interior con éstos ajustes:

• Modo de Fusión: Subexposición Lineal
• Opacidad: 15%
• Selecciona el color #d0d0d0
• Técnica: Mas suave
• Origen: Borde
• Tamaño: 18 px

Paso 3

Agregar un estilo Satinado con éstos parámetros:

• Modo de Fusión: Superponer
  
• Selecciona el color: blanco
  
• Opacidad: 80%
• Ángulo: 18°
• Distancia: 250 px
  
• Tamaño: 250 px
• Marca la casilla Suavizar
• Marca la casilla Invertir

Paso 4

Agrega una Superposición de Colores con éstos ajustes:

• Modo de Fusión: Normal
  
• Selecciona el color #e6e7ea
• Opacidad: 100%

Paso 5

Agrega una Sombra Paralela con éstos parámetros:

• Modo de Fusión: Subexposición Lineal
• Selecciona el color #616779
  
• Opacidad: 2%
• Desmarca la casilla Usar Luz Global
• Ángulo: 90°
• Distancia: 5 px
  
• Tamaño: 5 px
• Marca la casilla Suavizar

Pulsa Aceptar para aplicar los cambios.

Paso 6

El último paso de ésta acción 3D es detener la grabación. Ve al panel Acciones y pulsar el botón Detener en la parte inferior del panel.

Éste es el efecto de texto final 3D.

De ahora en adelante, puedes reproducir ésta acción en cualquier texto o forma, y creará el mismo efecto 3D. Selecciona tu capa de texto o grupo de capas en el panel Capas. Ve a tu panel Acciones, selecciona la Acción de Photoshop, y pulsa el botón Reproducir.

Felicidades, Terminaste de Crear una Acción

En éste tutorial, aprendiste cómo grabar una acción en Adobe Photoshop para un efecto de texto 3D minimalista.

Comenzamos preparando el fondo y algún texto de ejemplo con una forma. Luego comenzamos a grabar la acción. Después de eso, creamos y transformamos múltiples capas. Finalmente, añadimos diferentes estilos de capas y concluimos nuestra grabación de la acción.

Éste efecto de texto 3D que acabamos de crear es una versión 72 PPP de Hi-Res 3D Actions - 300 DPI de mi portafolio en GraphicRiver.

• 

  Cómo Crear un Efecto de Texto de Cerveza en Adobe Photoshop

  Aprende cómo crear un efecto de texto de cerveza en Adobe Photoshop usando estilos de capa, pinceles, filtros, y máscaras de recorte. Crearás la palabra "PROSIT!", un...
• 

  Cómo Crear un Texto Negro y Dorado 3D y un Mockup de Logo

  En éste tutorial te mostraré cómo crear un texto blanco y negro 3D o mockup de logo usando un objeto inteligente, estilos de capa y una pequeña acción ahorradora de tiempo.
• 

  Cómo Crear un Efecto de Texto de Queso en Adobe Photoshop

  Éste tutorial te mostrará cómo crear un efecto de texto de queso usando los estilos de capa, filtros y pinceles de Photoshop.
• 

  Cómo Crear una Acción de Texto Cinemático Dorado 3D en Adobe Photoshop

  En éste tutorial te mostraré cómo crear una acción automatizada para un efecto de texto cinemático dorado 3D en Adobe Photoshop.