Cómo crear un efecto de texto 3D, brillante e inflado en Adobe Photoshop

Este es un tutorial muy especial ya que celebra diez maravillosos años de Envato Tuts+ y ¿qué mejor efecto de texto para celebrar que uno inspirado en globos y confeti? Este tutorial te enseñará cómo utilizar las herramientas y los ajustes 3D de Photoshop, junto con pinceles y capas de ajuste, para crear un efecto de texto divertido, brillante e inflado. ¡Empecemos!

Este efecto de texto se inspiró en los muchos estilos de capa disponibles en GraphicRiver.

Recursos para el tutorial

Durante la elaboración de este tutorial se utilizaron los siguientes recursos:

• Fuente Sofia Pro - Black
• Imagen volume scene poster nobody room de benzoix
• Sofa de ErikaWittlieb
• Paquete gratuito de 6000 degradados de photoshop de Supertuts007 (carga el archivo DIALS.grd)

1. Cómo crear un fondo

Paso 1

Crea un nuevo documento de 1000 x 1000 px con un Fondo Blanco, coloca la imagen de volume scene poster nobody room encima de la capa Fondo y redimensiona si es necesario.

Paso 2

Ve a Imagen > Ajustes > Tono/saturación y cambia el Tono a 35 y la Saturación a -80.

Paso 3

Cambia la Opacidad de la capa de textura a 50%.

2. Cómo crear una capa de forma de texto

Paso 1

Crea el texto con la fuente Sofia Pro Black y cambia el valor de Tracking a 75. Utiliza un tamaño de fuente grande para crear la forma final con mayor facilidad.

Paso 2

Nombra la capa de texto como Texto y presiona Comando y haz clic en ella para elegir Convertir en forma.

Paso 3

Selecciona la Herramienta línea, elige la opción Forma en la barra de Opciones y establece el Grosor en 1 px.

Mantén presionada la tecla Opción para restar desde la forma del texto y comienza a dibujar líneas sobre el texto para dividirlo.

Paso 4

Asegúrate de crear las líneas en diferentes ángulos y añade solo algunas para que las secciones no se superpongan demasiado.

Paso 5

Una vez que hayas terminado, haz clic en el icono Operaciones de trazado en la barra Opciones y elige Fusionar componentes de forma.

3. Cómo crear capas de elementos 3D

Paso 1

Crea una nueva capa rellena de blanco y nómbrala Esfera.

Paso 2

Selecciona la Herramienta pincel y abre el panel Pincel. Elige la punta de 20 píxeles de cuadrado duro y utiliza estos ajustes:

Forma de la punta del pincel

Dinámica de forma

Dispersión

Paso 3

Establece el Color frontal en Negro, crea una nueva capa y nómbrala Confeti y comienza a pintar para añadir confeti a la capa.

Asegúrate de que nada se superponga y no te preocupes por rellenar toda el área, ya que puedes duplicar lo que creas cuando lo conviertes en 3D.

4. Cómo crear capas 3D

Paso 1

Selecciona la capa Confeti y ve a 3D > Nueva extrusión 3D a partir de la capa seleccionada. Selecciona la capa Esfera y ve a 3D > Nueva malla a partir de capa > Ajuste preestablecido de malla > Esfera. Luego, selecciona la capa Texto y ve a 3D > Nueva extrusión 3D a partir de trazado seleccionado.

Paso 2

Selecciona todas las capas 3D que tengas y ve a 3D > Combinar capas 3D.

5. Cómo trabajar con la escena 3D

Paso 1

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

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

Paso 2

Si seleccionas la Herramienta mover, encontrarás una serie de Modos 3D a la derecha de la barra de Opciones. Al elegir uno de ellos, puedes hacer clic y arrastrar para realizar cambios (en el elemento seleccionado en el panel 3D).

Utiliza esos modos para cambiar la Vista actual al ángulo que desees.

6. Cómo modificar los ajustes de malla 3D

Paso 1

Selecciona la pestaña malla 3D de Texto en el panel 3D y ya en el panel Propiedades, cambia su Profundidad de extrusión a 100.

Paso 2

Haz clic en el icono Carácter en la parte superior del panel Propiedades y cambia la Anchura del bisel a 5, el Contorno a Semiredondo y la Intensidad de inflado a 25.

Paso 3

Cambia la Profundidad de extrusión de la malla de Confeti a 1.

7. Cómo escalar mallas 3D

Paso 1

Elige la Herramienta mover y selecciona la malla Esfera y usa el Eje 3D para escalar la esfera al tamaño que desees.

Las flechas en los extremos del eje mueven la malla, la parte debajo de ellos se utiliza para la rotación y los cubos se utilizan para escalar. El cubo en el centro se utiliza para escalar el objeto de forma uniforme. Solo debes hacer clic y arrastrar la parte que deseas utilizar.

Paso 2

También puedes hacer clic en el icono Coordenadas en la parte superior del panel Propiedades para utilizar valores numéricos.

Haz clic en el icono Escala y marca la opción Escala uniforme para escalar la esfera de forma uniforme.

Paso 3

Puedes volver a la esfera las veces que quieras y cambiar sus valores de Escala, pero por ahora solo reduce su escala al valor que desees.

8. Cómo mover mallas 3D

Paso 1

Oculta la malla Esfera haciendo clic en el icono del ojo junto a su pestaña.

Paso 2

Selecciona la pestaña malla de Confeti, haz clic en el icono Coordenadas y cambia el ángulo de rotación X a 90.

Paso 3

Haz clic en el icono de menú del panel 3D y elige Mover objeto a plano de tierra.

9. Cómo crear materiales 3D

Paso 1

Selecciona todas las pestañas Material de texto, haz clic en el icono textura de Difusión en el panel Propiedades y elige Eliminar textura.

Paso 2

Utiliza estos ajustes de material (los valores de color utilizados están en RGB):

• Difusión: 122, 95, 22
• Especular: 224, 219, 208
• Brillo: 80%
• Reflejo: 20%

Paso 3

Muestra la malla de Esfera, selecciona su pestaña Material, elimina la textura de Difusión y utiliza estos ajustes:

• Difusión: 72, 35, 140
• Especular: 191, 189, 185 
• Brillo: 70%
• Reflejo: 10%

Paso 4

Selecciona todas las pestañas Material de confeti, elimina la textura de Difusión y utiliza estos ajustes:

• Difusión: 128, 128, 128
• Especular: 235, 229, 229
• Brillo: 70%
• Reflejo: 10%

10. Cómo dividir las mallas 3D y guardar las vistas de cámara

Paso 1

Selecciona la pestaña malla de texto y ve a 3D > Dividir extrusión 3D. Esto dividirá las secciones del texto en mallas separadas.

Puedes ocultar las mallas Esfera y Confeti para poder trabajar mejor con el texto.

Paso 2

Lo que tienes que hacer ahora es seleccionar un par de piezas aleatorias y rotar ligeramente cada una de ellas en diferentes direcciones. No te preocupes si se superponen ya que de todas formas es parte del efecto.

Paso 3

Elige el ángulo de cámara final que desees y asegúrate de que la pestaña Vista actual esté seleccionada.

Luego, elige Guardar en el menú Ver del panel Propiedades, escribe un nombre para la vista en el campo Nombre de vista y haz clic en OK.

Esto añadirá la vista al panel 3D, así como al menú Ver. Así que cuando después coloques las esferas, puedes cambiar la vista y volver a la última con solo hacer un clic en su nombre o seleccionándola desde el menú.

 11. Cómo crear instancias de objetos 3D

Paso 1

Muestra la malla Esfera, haz clic derecho en su pestaña y elige Objetos de instancias.

Esto creará una copia enlazada que refleja los cambios realizados en la malla original, como por ejemplos, los ajustes del material.

Paso 2

Crea todas las instancias de esferas que necesites y colócalas alrededor del texto.

Para mantener las cosas organizadas, puedes seleccionar todas las pestañas de malla de esfera, haz clic derecho en cualquiera de ellas y elige Agrupar objetos para ponerlas todas en un grupo.

Paso 3

Haz lo mismo con la malla de Confeti para que cubra la base alrededor del texto con confeti. Puedes mover, rotar y escalar los objetos de instancias para obtener un resultado más dinámico.

12. Cómo ajustar la iluminación de una escena 3D

Paso 1

Selecciona la pestaña Luz Infinita 1 y cambia su Intensidad a 50% y su Suavizado de sombra a 30%.

Paso 2

Usa la Herramienta mover o los valores de Coordenadas para mover la Luz infinita hasta que obtengas el resultado que deseas.

Paso 3

Selecciona la pestaña Entorno, haz clic en el icono de textura IBL, elige Reemplazar textura y abre la imagen Sofa.

Paso 4

Cambia la Intensidad a 80% y mueve la imagen para obtener el resultado que deseas.

Puedes alternar entre las luces Infinito y Entorno, y cambiar sus ajustes o moverlas hasta que logres el resultado que deseas.

13. Cómo añadir profundidad de campo e interpretar una escena 3D

Paso 1

Selecciona la pestaña Escena y elige Mallas ocultas del menú Ajustes preestablecidos.

Paso 2

Haz clic en la pestaña Vista actual y cambia el valor de Profundidad de la Profundidad de campo a 3. Juega con el valor Distancia hasta que obtengas el resultado que deseas.

Paso 3

Haz clic nuevamente en la pestaña Escena y vuelve a cambiar los Ajustes preestablecidos a Predeterminado.

Paso 4

Una vez que estés satisfecho con el resultado final, ve a 3D > Interpretar capa 3D. La interpretación puede demorar, pero puedes detenerla en cualquier momento al presionar la tecla Esc.

Una vez hecha la interpretación, haz clic derecho en la capa 3D y elige Convertir en objeto inteligente para evitar realizar cambios por accidente.

14. Cómo añadir ajustes generales

Paso 1

Añade una capa de ajuste de Brillo/contraste en la parte superior de la capa 3D, haz clic derecho y elige Crear máscara de recorte y cambia el valor de Contraste a 15.

Paso 2

Selecciona la Herramienta pincel, elige la punta de 20 píxeles de cuadrado duro y usa estos ajustes:

Forma de la punta del pincel

Dinámica de forma

Dispersión

Paso 3

Crea una nueva capa encima de todas las capas, nómbrala Confeti y pinta un poco de confeti sobre y alrededor del texto.

Paso 4

Haz doble clic en la capa Confeti para aplicar el siguiente estilo de capa:

Añade un Bisel y relieve con estos ajustes:

• Tamaño: 16
• Contorno de resplandor: pendiente ondulada - Descendente
• Marca el recuadro de Suavizado
• Modo resaltado: luz intensa
  • Opacidad: 70%
• Modo de sombra:
  • Opacidad: 0%

Añade una Superposición de degradado con estos ajustes:

• Estilo: Reflejado
• Ángulo: 29
• Utiliza el relleno de degradado Gold Pipes X3

Paso 5

Ahora puedes utilizar la Herramienta borrador para eliminar cualquier parte no deseada de confeti.

15. Cómo añadir ajustes de curvas

Paso 1

Añade una capa de ajuste Curvas encima de todas las capas y arrastra el centro de la curva ligeramente hacia arriba.

Paso 2

Selecciona la miniatura de la máscara de capa Curvas y ve a Imagen > Aplicar imagen.

Cambia la Capa de origen a Combinada y su Canal a Azul, cambia la Fusión de destino a Subexposición lineal y haz clic en OK.

Paso 3

Cambia el Modo de fusión de la capa Curvas a Luminosidad.

Paso 4

Duplica la capa Curvas y arrastra el centro de la curva ligeramente hacia abajo.

Paso 5

Crea una nueva capa encima de todas las capas, nómbrala Paso alto y presiona Shift+Opción+Comando+E para crear un tampón.

Convierte la capa en un Objeto inteligente y cambia su Modo de fusión a Luz suave.

Paso 6

Ve a Filtro > Otro > Paso alto, cambia el Radio a 1 y haz clic en OK.

¡Felicitaciones! Terminaste

En este tutorial, creamos un fondo simple y una forma de texto dividida, y modificamos la punta de un pincel para crear confeti.

Luego, convertimos las capas en mallas 3D, modificamos sus ajustes y creamos sus materiales e hicimos instancias de ellos.

Después de eso, modificamos la iluminación e interpretamos la escena. Por último, añadimos un poco más de confeti e hicimos varios ajustes generales finales.

No dudes en dejar tus comentarios, sugerencias y resultados aquí.