Spanish (Español) translation by Javier Salesi (you can also view the original English article)
Los mapas de profundidad 3D de Photoshop son una magnífica manera de crear formas de malla únicas. Este tutorial te mostrará cómo usar rellenos de motivo, herramientas y opciones 3D y parámetros de capas de ajuste para crear un brillante efecto de texto Photoshop 3D con volantes. ¡Comencemos!
Este efecto se inspiró en los muchos Estilos de capa disponibles en GraphicRiver. Para una rápida y fácil manera de lograr este efecto, por qué no consultas la Acción de Photoshop para globo metálico que aparece a continuación. De otra manera, sigue este tutorial para aprender cómo personalizar tus letras infladas ¡desde cero!
Lo que aprenderás en este tutorial de Photoshop
- Cómo transformar una capa de texto 2D en 3D.
- Cómo crear un efecto de texto con volantes alrededor de tus letras utilizando motivos de Photoshop.
- Cómo hacer un efecto de globo en texto Photoshop usando capas de ajuste e iluminación.
- Cómo crear un efecto de texto de globo metálico usando parámetros de material 3D de apariencia "metálica" para lograr una superficie reflexiva.
Síguenos en nuestro canal de Envato Tuts+ en YouTube:
Lo que necesitarás para el texto 3D Photoshop
Para crear un efecto de texto de globos en Photoshop y seguir este tutorial, necesitarás tu propia versión del software junto con algunos recursos. El siguiente material se utilizó durante la producción de esta guía:
- fuente Shintia Script
- Patrón de relieve frontal
- Luces de Pexels
- Imagen 1 de madera contrachapada0078 - Pequeña
1. Cómo crear un trazado de trabajo para texto Photoshop
Paso 1
Crea un nuevo documento de 1250 x 800 px. Luego crea el texto usando la fuente Shintia Script y establece el Tamaño en 350 pt.
Paso 2
Da clic derecho en la capa del texto y elige Crear trazado de trabajo.
Paso 3
Toma la herramienta Selección directa (A). En la barra de Opciones, haz clic en Operaciones de trazado y elige Fusionar componentes de formas.
2. Cómo crear un patrón de volantes para las letras infladas
Paso 1
Toma la herramienta Marco rectangular y crea una pequeña selección en uno de los bordes del texto. Esta será la unidad repetitiva del motivo de volantes, para que el tamaño de la selección sea el tamaño de la unidad del motivo de volantes.
Una vez que creas la selección, haz una nueva capa y nómbrala Pattern.
Paso 2
Toma la herramienta Degradado y establece los colores de Frente y de Fondo en Blanco y Negro.
Luego, en la barra de Opciones, elige el relleno de degradado Frente a Fondo y haz clic en el ícono de Degradado reflejado.
Haz clic y arrastra desde el centro de la selección a uno de sus bordes inferiores o superiores para crear el relleno de degradado.
Paso 3
Con la selección aún activa, aplica Edición > Definir motivo, escribe Frill para el Nombre y haz clic en OK.
Presiona Comando-D para deseleccionar.
3. Como contornear un trazado con un motivo para las letras con efecto 3D
Paso 1
Oculta la capa Pattern. Crea una nueva capa debajo de ella y nómbrala Frill.
Paso 2
Aplica Edición > Rellenar y cambia el Contenido a Motivo. Elige el motivo Frill que acabas de crear. Marca la casilla Secuencia de comandos, elige Colocar a lo largo del trazado y haz clic en OK.
Step 3
Esto abrirá los ajustes y las opciones de Colocar a lo largo del trazado.
- Escala de motivo: 1 (Cambia esta si quieres cambiar el tamaño del volante).
- Espaciado: 0 (Esto asegura que las unidades del relleno de motivo no se superpongan).
- Marca la casilla Ajustar espaciado para encajar.
- Ángulo del trazado: -90 (Esto hace que el relleno de motivo siga la dirección del trazado sin ser rotado).
- Distancia al trazado: 0 (Esto colocará el relleno exactamente en el trazado).
- Desmarca la casilla Patrones alternativos para evitar crear motivos en ambos lados del trazado.
- Progresión de escala: 100 (Esto asegura que el relleno mantenga el mismo tamaño a lo largo del trazo).
- Desmarca Rotación del símbolo de salto para asegurar que las unidades del motivo sigan la dirección del trazado.
- Aleatoriedad de color: 0
- Aleatoriedad de brillo: 0.5 (Esto cambiará el brillo del motivo aleatoriamente, lo cual lo hace más dinámico).
Paso 4
Una vez que hayas hecho clic en OK, el trazado será contorneado con el relleno del motivo. Haz comando-clic en la miniatura de la capa del texto para crear una selección.
Paso 5
Asegúrate que la capa Frill esté seleccionada y luego pulsa el botón Suprimir dos veces para librarte del trazado de trabajo y la parte interior del volante. Deselecciona cuando termines y en el siguiente paso, comenzaremos a crear el efecto de texto con volantes.
4. Cómo crear capas 3D para las letras de globo
Paso 1
Selecciona la capa del texto, renómbrala Text y aplica 3D > Nueva extrusión 3D a partir de capa seleccionada.
Paso 2
Selecciona la capa Frill y aplica 3D > Nueva malla a partir de capa > Mapa de profundidad para > Plano. Lo que hace esto es crear una malla 3D al empujar las áreas de luz hacia adelante y las áreas oscuras hacia adentro.
Paso 3
Selecciona ambas capas 3D y aplica 3D > Combinar capas 3D.
5. Cómo trabajar con la escena 3D en este tutorial de Photoshop
Paso 1
Para acceder a los parámetros y propiedades de la malla 3D, necesitarás 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 cuando haces clic en el nombre de cualquiera de ellos, podrás acceder a sus parámetros en el panel Propiedades. Así que asegúrate de seleccionar siempre la pestaña del elemento que quieres modificar en el panel 3D antes de cambiar sus ajustes en el panel Propiedades.
Paso 2
Si seleccionas la herramienta Mover, encontrarás un conjunto de Modos 3D para él a la derecha de la barra Opciones.
Cuando eliges uno de ellos, puedes hacer clic y arrastrar para ejecutar cambios (en el elemento seleccionado en el panel 3D).
Usa esos modos para cambiar la Vista Actual en un ángulo que te guste.
6. Cómo definir los ajustes de la malla 3D para el efecto de texto
Paso 1
Selecciona la pestaña de la malla Texto 3D en el panel 3D y luego en el panel Propiedades cambia la Profundidad de extrusión a 5.
Paso 2
Haz clic en el ícono de Tapa en la parte superior del panel Propiedades y elige Frente y Atrás del menú Lados.
Cambia la Anchura de Bisel a 1 y el Contorno a Semicircular, y cambia la Intensidad de inflar a 15%.
7. Cómo escalar una malla de mapa de profundidad para el texto 3D Photoshop
Paso 1
En esta sección comenzaremos a crear el efecto de texto de globo. Selecciona la pestaña malla 3D Frill y elige la herramienta Mover para obtener el eje 3D.
Las flechas en los extremos de los ejes mueven la malla, la parte debajo de ellas se utiliza para rotación y los cubos son usados para escalar. El cubo del centro se usa para escalar el objeto uniformemente.
Usa el cubo de Escala Z para escalar a una dimensión menor la malla Frill a lo largo del eje Z.
Paso 2
Puedes escalar la malla a una dimensión mayor o menor en cualquier momento antes de procesar la escena, así que no te preocupes sobre obtener el tamaño perfecto ahora, solo escálala para que se asemeje a un volante.
8. Cómo reubicar las mallas 3D para el efecto de texto Photoshop
Paso 1
Cambia la Vista actual a Frente del menú Vista en el panel Propiedades.
Paso 2
Lo que necesitas hacer a continuación es escalar y mover la malla del Texto hasta que encaje dentro de la malla de Frill.
Puedes usar el eje 3D para ello, o para un resultado más preciso, puedes introducir valores numéricos en la pestaña Coordenadas del panel Propiedades.
También puedes hacer clic en el ícono de Escala para elegir la opción Escala uniforme si es necesario. Solo asegúrate de que no haya superposiciones o queden áreas vacías.
Paso 3
Una vez que termines, selecciona ambas pestañas de malla 3D y cambia el Ángulo de rotación X a 90.
Paso 4
Selecciona por separado cada malla y luego haz clic en el ícono del menú del panel 3D y elige Mover objeto a plano de tierra.
Paso 5
Regresa a la visa de cámara Predeterminada y muévela para verificar que todo luce bien desde distintos ángulos. Podrías necesitar mover la malla Frill un poco hacia arriba para que esté en el centro de la malla Texto.
9. Cómo crear un material 3D para el texto Photoshop
Paso 1
Selecciona la pestaña Frill Material, haz clic en el ícono de la textura Difusión y elige Eliminar textura.
Haz lo mismo para la textura Opacidad.
Paso 2
Selecciona todas las pestañas Material que tienes para ambas mallas 3D y usa estos ajustes (los valores de color utilizados están en RGB):
- Difusión: 81, 173, 13
- Especular: 232, 223, 186
- Brillo: 85
- Reflejo: 16
10. Cómo añadir una textura de relieve para las letras con efecto 3D
Paso 1
Selecciona la pestaña Material de inflación frontal texto. Haz clic en el ícono de la carpeta Bump (relieve) y elige Cargar textura para abrir la imagen Front Bump Pattern (motivo de relieve frontal).
Paso 2
Haz clic en el ícono de la textura Bump y elige Editar propiedades UV.
Paso 3
Ajusta los valores de Segmentar en base a cuántos pliegues quieres que tenga el material.
Paso 4
Disminuye el valor de Bump (relieve) a 1, o puedes usar cualquier otro que desees para un resultado más intenso.
11. Cómo guardar una vista de cámara para las letras de globo
Paso 1
Escoge una vista de cámara que te guste para el resultado final.
Paso 2
Luego haz clic en la pestaña Vista actual y elige Guardar del menú Vista.
Paso 3
Escribe un nombre para la vista y haz clic en OK.
Paso 4
Esto añadirá la vista guardada al panel 3D y el menú Vista.
Ahora puedes cambiar la vista de cámara para verificar que no haya problemas con las mallas y los materiales y regresar fácilmente a la vista final guardada después.
12. Cómo ajustar la iluminación para las letras infladas
Paso 1
Hacer ajustes a la iluminación es extremadamente importante, especialmente si quieres crear esa apariencia de efecto de texto de globo metálico. Selecciona la pestaña Luz infinita y elige Foco del menú Tipo del panel Propiedades.
Paso 2
Haz clic en el ícono Punto de origen para fijar la dirección inicial de la luz y luego haz clic en el ícono Mover a la vista para verlo dentro de la vista de cámara que tienes.
Paso 3
Cambia la Intensidad a 10%, el Suavizado de la sombra a 30%, el valor de Haz de luz a 26.2 y el Cono a 47.
Enseguida, marca la casilla Difuminación de luz y cambia el valor de Interior a 350 y el Exterior a 1000.
Ten presente que puedes elegir cualquier otro valor que quieras en base al resultado que desees lograr.
Paso 4
Mueve la luz hasta que obtengas un resultado que te guste, usando la herramienta Mover o los valores de Coordenadas.
Paso 5
Selecciona la pestaña Entorno. Haz clic en el ícono de textura IBL, elige Remplazar textura y carga la imagen Luces.
Paso 6
Cambia la Intensidad de la luz IBL a 60% y la Opacidad de las Sombras del plano de tierra a 50%.
Paso 7
Mueve la imagen hasta que obtengas el resultado que quieras. Este es un paso importante ya que la textura afecta bastante el resultado final.
13. Cómo crear una malla de plano de tierra para el texto 3D Photoshop
Paso 1
Crea una nueva capa arriba de la capa 3D, llámala Ground y rellénala de Blanco.
Paso 2
Aplica 3D > Nueva malla a partir de capa > Postal.
Paso 3
Selecciona la pestaña Vista actual, y elige el nombre original de la capa 3D del menú Vista del panel Propiedades.
Paso 4
Combina la capa Ground con la capa 3D original. Es importante tener la capa 3D original debajo de Ground, porque cuando se combinan, la capa superior hereda la iluminación a la capa inferior.
Después de combinar las capas, cambia el Ángulo de rotación X de la malla Ground a 90 y muévelo al Plano de tierra.
Paso 5
Mueve el plano hasta que rellene la escena, y escálalo si es necesario.
14. Cómo crear un material de fondo 3D para el texto Photoshop
Paso 1
Selecciona la pestaña de material Ground. Haz clic en el ícono de la textura Difusión y elige Remplazar textura para abrir la imagen Madera contrachapada pintada 0078.
Paso 2
Haz clic en el ícono de la textura Difusión y elige Editar textura.
Paso 3
Esto abrirá el archivo de la textura.
Haz clic en el ícono Crear nueva capa de relleno o de ajuste en la parte inferior del panel Capas y elige Tono/Saturación.
Paso 4
Cambia el Tono a -20 y la Saturación a -80.
Paso 5
Añade una capa de ajuste de Niveles y cambia el valor de Gama a 1.5.
Guarda los cambios y cierra el archivo de la textura para regresar al documento 3D.
Paso 6
Elimina la textura Opacidad y usa estos ajustes para el material Ground:
- Especular: 199, 199, 199
- Iluminación: 17, 17, 17
- Brillo: 20
Paso 7
Ajusta las Propiedades UV de la textura Difusión.
15. Cómo crear mapas normales para el efecto de texto
Paso 1
Los Mapas normales básicamente ayudan a generar la ilusión de profundidad y los detalles en un objeto 3D usando información RGB que corresponde a los ejes X, Y y Z en el espacio 3D.
Para crear uno, haz clic en el ícono de la carpeta Normal en la parte inferior del panel Propiedades y elige Generar mapa normal a partir de difusión.
Paso 2
Esto abrirá el cuadro de Generar mapa normal, donde puedes usar una copia de la textura Difusión para crear un Mapa normal.
Elige Luces por defecto del Ajuste preestablecido de iluminación en la parte superior. Luego puedes elegir Cubo del menú Objeto en la parte inferior, ya que es lo que más se asemeja al Plano de tierra.
Después de eso, puedes hacer clic-arrastrar en el área de previsualización para rotar el objeto y ver el resultado desde diferentes ángulos.
Cambia el Desenfoque a 2.5 para suavizar los detalles y el Escala de detalles a 20% para hacerlos menos prominentes.
Experimenta con los valores hasta que te guste el resultado, y haz clic en OK.
Paso 3
Ajusta las propiedades UV de Normal para coincidir con las de Difusión. Si no te agrada el resultado, puedes eliminar y regenerar el mapa usando diferentes valores.
16. Cómo crear piezas de volantes para el efecto de texto en Photoshop
Paso 1
Crea una nueva capa arriba de todas las capas, llámala Pieces y toma la herramienta Pluma.
Selecciona la opción Trazado de la barra de Opciones y comienza a crear trazados de trabajo cortos alrededor del texto.
Haz clic una vez para añadir puntos, clic-arrastra para crear curvas y mantén presionada la tecla Comando y haz clic afuera del trazado para separarlo del que crearás a continuación.
Paso 2
Rellena los trazados de trabajo con el motivo Frill como lo hiciste para el trazado del texto. Luego conviértelos en una capa 3D, cambia su vista de cámara y combínalos con la capa 3D original.
Posteriormente, escálalos y aplica el mismo material Frill a su malla.
17. Cómo interpretar una escena 3D y ajustar el resultado final para las letras de globo
Paso 1
Una vez que termines de modificar la escena, aplica 3D > Interpretar capa 3D. El renderizado podría tardar un poco, pero puedes detenerlo en cualquier momento presionando la tecla Esc.
Después de que se termine el proceso de interpretar, haz clic derecho en la capa 3D y elige Convertir en objeto inteligente. Esto evitará cualquier cambio accidental en la capa 3D.
Paso 2
Agrega una capa de ajuste de Niveles, y cambia las Sombras a 20 y las Iluminaciones a 250 para realzar un poco el contraste.
Paso 3
Agrega una capa de ajuste de Corrección selectiva y utiliza estos parámetros:
Amarillos
- Cian: 30
- Magenta: 20
- Amarillo: 10
- Negro: 9
Verdes
- C7iyan: 35
- Magenta: 10
- Amarillo: 35
- Negro: 5
Blancos
- Negro: -30
Paso 4
Añade una capa de Degradado y usa un degradado de Transparente a Color de relleno con los colores #727571 a la izquierda y #181e14 a la derecha.
Cambia el Estilo a Radial y la Escala a 200.
Después, cambia el Modo de fusión de la capa a Luz suave y su Opacidad a 25%.
¡Felicidades, terminaste las letras con efecto 3D!
¡Felicidades! Y así es como se hace el efecto de globo en texto Photoshop usando motivos y diferentes parámetros 3D. En este tutorial de Photoshop, creamos una capa de texto y la usamos para crear un sencillo trazado de trabajo. Luego, creamos un patrón de degradado y rellenamos un trazado con él para crear el volante.
Posteriormente, convertimos las capas en mallas 3D y trabajamos en sus ajustes y materiales así como la luz y el ángulo de su escena.
Por último, añadimos un plano de tierra y más volantes, interpretamos la escena y usamos un par de capas de ajuste para terminar el efecto.
Por favor siéntete libre de crear tus propias imágenes de efecto de texto Photoshop y dejar tus comentarios, sugerencias y resultados en el foro de Envato.
Los 5 mejores efectos de texto Photoshop de globos metálicos
¿Quieres crear un efecto de texto de globo metálico pero no tienes mucho tiempo? Visita Envato Elements, donde puedes descargar muchos efectos de texto y acciones de Photoshop. Estos son mis cinco diseños favoritos.
Acción de Photoshop - Globos metálicos formando letras con efecto 3D (en formatos ATN y PDF)
Crea un hermoso efecto de globo metálico usando esta rápida y fácil acción de Photoshop. ¡El diseño es perfecto para fiestas, cumpleaños, aniversario y otras celebraciones! Puedes aplicar el efecto en casi cualquier cosa, incluyendo capas de texto, formas vectoriales, capas de pixeles ¡y más!
Letras infladas con aspecto de globo metálico (en formato PSD)
Este es un paquete que contiene todas las letras de la A a la Z y todos los números. Todo incluido en seis archivos PSD de alta resolución (300 DPI) que puedes usar fácilmente arrastrando y soltando tus propios proyectos y diseños.
Globos metálicos - Texto 3D Photoshop con lettering (en formatos PNG, PSD)
Este paquete contiene renderizados de alta resolución (cada uno de alrededor de 1500 x 2000) con fondos transparentes para que puedas fácilmente arrastrarlos y soltarlos en tus propios proyectos. Perfectos para usar en cualquier póster, anuncio, proyectos web o impresos. Tendrás acceso a archivos PSD estructurados en capas, cada uno con diez diferentes efectos como sombras.
Efectos de texto Photoshop con globos metálicos (en formato PSD)
La descarga contiene cuatro diferentes efectos de texto que puedes usar para experimentar con varias fuentes (fina, itálica, negrita y con serifa). También se incluyen en el paquete nueve patrones, cada uno con tres colores para elegir (negro, amarillo y gris claro).
Letras con efecto 3D en globos metálicos (en formatos PSD y PNG)
Esta es una colección de letras 3D independientes de alta calidad. Las 26 letras vienen con transparencia en un formato PSD o PNG para que fácilmente puedas incluirlas en tus propios proyectos y diseños. El color es completamente editable, así que ¡siéntete libre de usar tus propios colores!
¿Quieres aprender más? ¡Consulta más tutoriales de Photoshop a continuación!
¿Cómo Crear un Efecto de Texto Inspirado de Bola de Disco en Adobe Photoshop?
Como crear un Limpio, Suave Plastico Efecto de Texto en Adobe Photoshop
Cómo hacer un efecto de texto 3D en Photoshop
Cómo crear una maqueta de logotipo grabado en madera con Adobe Photoshop
Crea mockups de logos dorados con texturas para Photoshop
Cómo aplicar textura a un texto en Photoshop
