Advertisement
  1. Design & Illustration
  2. Text Effects

Cómo Crear un Efecto de Texto 3D Reluciente y Festivo en Adobe Photoshop

Scroll to top
Read Time: 10 min
This post is part of a series called Celebration Week!.
How to Draw a Celebrating Sporty Character in Adobe Illustrator
How to Create a Pastel Neon Club Flyer in Adobe InDesign

Spanish (Español) translation by Javier Salesi (you can also view the original English article)

Final product imageFinal product imageFinal product image
What You'll Be Creating

Éste tutorial te mostrará cómo utilizar las herramientas 3D de Photoshop, las capas de ajuste, y un par de texturas para crear un deslumbrante, brillante y festivo efecto de texto. ¡Comencemos!

Éste efecto de texto fue inspirado por los muchos Estilos de Capa disponibles en GraphicRiver.

Recursos del Tutorial

Los siguientes recursos fueron utilizados durante la producción de este tutorial.

1. Cómo Crear una Forma de Texto

Paso 1

Crea un nuevo documento de 3500 x 2000 px.

Luego, crea el texto usando la fuente HWT Artz. Establece el Tamaño en 600 pt y el Tracking en 150 pt.

Create the TextCreate the TextCreate the Text

Paso 2

Renombra la capa del texto a Text, y luego haz click derecho en ella y elige Convertir en Forma.

Convert to ShapeConvert to ShapeConvert to Shape

2. Cómo Crear Capas de Trazo

Paso 1

Duplica la capa Text y renómbra la copia a Stroke 1.

Create the Stroke 1 LayerCreate the Stroke 1 LayerCreate the Stroke 1 Layer

Paso 2

Toma la Herramienta Selección Directa (A) para obtener las opciones de forma en la barra Opciones.

Cambia el Relleno a Ninguno, el Color de Trazo a Black, y su Tamaño a 25, y luego haz click en el ícono Definir tipo de trazo de forma, y cambia Alinear a Afuera.

Stroke SettingsStroke SettingsStroke Settings

Paso 3

Duplica la capa Stroke 1, renombra la copia a Stroke 2, y cambia el Tamaño de Trazo a 35.

Stroke 2 SettingsStroke 2 SettingsStroke 2 Settings

Paso 4

Duplica la capa Stroke 2, renombra la copia a Stroke 3, y cambia el Tamaño de Trazo a 50.

Stroke 3 SettingsStroke 3 SettingsStroke 3 Settings

3. Cómo Crear Capas 3D

Paso 1

Para cada capa de forma que tienes, selecciónala, y luego ve a 3D > Nueva Extrusión 3D A partir de Trazado Seleccionado.

Convert to 3D LayersConvert to 3D LayersConvert to 3D Layers

Paso 2

Selecciona todas las capas 3D que tienes, y ve a 3D > Combinar Capas 3D.

Merge 3D LayersMerge 3D LayersMerge 3D Layers

4. Cómo Trabajar con una Escena 3D

Paso 1

Para accesar a las configuraciones y propiedades de la malla 3D, necesitarás abrir dos paneles: el panel 3D y el panel Propiedades (ambos encontrados bajo el menú Ventana).

El panel 3D tiene todos los componentes de la escena 3D, y cuándo hagas click en el nombre de cualquiera de ellos, podrás accesar a sus configuraciones en el panel Propiedades. Asi que asegura siempre seleccionar la pestaña del elemento que quieres modificar en el panel 3D antes de que cambies su configuración en el panel Propiedades.

3D and Properties Panels3D and Properties Panels3D and Properties Panels

Paso 2

Si seleccionas la Herramienta Mover, encontrarás un conjunto de Modo 3D para ella a la derecha de la barra Opciones.

Cuándo eliges uno de esas, puedes entonces hacer click y arrastrar para realizar cambios (en el elemento seleccionado en el panel 3D).

Usa esos modos para cambiar la Vista Actual a un ángulo que gustes.

3D Move Tool Modes3D Move Tool Modes3D Move Tool Modes

5. Cómo Modificar la Configuración de la Malla 3D.

Paso 1

Selecciona la pestaña de malla Text en el panel 3D, y luego, en el panel Propiedades, cambia la Profundidad de Extrusión a 200.

Text Extrusion DepthText Extrusion DepthText Extrusion Depth

Paso 2

Selecciona todas las pestañas de malla Stroke, y cambia su Profundidad de Extrusión a 35.

Stroke Extrusion DepthStroke Extrusion DepthStroke Extrusion Depth

6. Cómo Modificar la Configuración de Tapa 3D

Paso 1

Selecciona de nuevo la pestaña Text. Posteriormente haz click en el icono Tapa en la parte superior del panel Propiedades.

Establece los Lados en Frontal y Posterior, y cambia la Anchura del Bisel en 5%, el Contorno en Semicircular, y la Intensidad de Inflar en 10%.

Text Cap SettingsText Cap SettingsText Cap Settings

Paso 2

Selecciona las pestañas Stroke, establece los Lados en Frontal y Posterior, y luego cambia la Anchura del Bisel a 20% y el Contorno a Aro.

Stroke Cap SettingsStroke Cap SettingsStroke Cap Settings

7. Cómo Reposicionar Mallas 3D

Paso 1

Selecciona todas las pestañas malla en el panel 3D, y luego haz click en el ícono del menú panel 3D, y elige Mover Objeto a Plano de Tierra.

Move Object to Ground PlaneMove Object to Ground PlaneMove Object to Ground Plane

Paso 2

Toma la Herramienta Mover, y usa el Eje 3D para separar mallas Stroke, y espárcelas sobre el texto 3D que tienes.

Las flechas a los extremos del eje mueven la malla, la parte de abajo de ellas es usada para rotación, y los cubos son usados para escalar. El cubo en el centro es usado par escalar el objeto uniformemente. Todo lo que necesitas es hacer click y arrastrar la parte que quieres.

También puedes abrir la ventana Vista Secundaria 3D (Vista > Mostrar > Vista Secundaria 3D), y luego haz click en la flecha pequeña a la izquierda y elige la vista Superior, para ver mejor lo que estás haciendo.

Move the Stroke MeshesMove the Stroke MeshesMove the Stroke Meshes

Paso 3

Asegúrate de que el trazo más grande esté atrás y el pequeño al frente.

Repositioned Stroke MeshesRepositioned Stroke MeshesRepositioned Stroke Meshes

8. Cómo Crear un Material de Inflación Frontal de Texto 3D

Paso 1

Selecciona la pestaña Text Material de Inflación Frontal en el panel 3D, y luego, en el panel Propiedades, haz click en el ícono textura Difusión, y elige Editar Textura.

Edit TextureEdit TextureEdit Texture

Paso 2

Coloca la imagen Silver Glitter Texture Stock arriba de la capa de forma Text, y redimensiónala a la anchura del texto.

Add the Glitter TextureAdd the Glitter TextureAdd the Glitter Texture

Paso 3

Presiona Comando-U para obtener la ventana Tono/Saturación, marca el cuadro Colorizar, y cambia el valor de Tono a 37.

Ve a Archivo > Guardar, y luego Archivo > Cerrar para regresar a la Escena 3D.

HueSaturationHueSaturationHueSaturation

9. Cómo Ajustar la Configuración de la Inflación de Texto 3D y Material de Bisel

Paso 1

Selecciona las pestañas Text Frontal y Material de Bisel, y luego usa ésta configuración del material:

  • Especular: (221, 161, 32 )
  • Brillo: 50
  • Reflejo: 20
  • Relieve: 3
  • Refracción: 1.3
Text Front and Bevel Material SettingsText Front and Bevel Material SettingsText Front and Bevel Material Settings

Paso 2

Selecciona la pestaña Text Material de Inflación Frontal, haz click en el ícono del directorio Relieve, haz click en Cargar Textura, y luego carga la imagen Metallic_Silver.

Load the Bump TextureLoad the Bump TextureLoad the Bump Texture

Paso 3

Haz click en el ícono textura Relieve, y elige Editar Propiedades de UV.

Edit UV PropertiesEdit UV PropertiesEdit UV Properties

Paso 4

Establece ambos valores de Mosaico en 1.

Tile ValuesTile ValuesTile Values

Paso 5

Selecciona el resto de pestañas Text Material de Inflación y Material de Bisel, haz click en el ícono del directorio Relieve, y elige el nombre de textura Metallic_Silver de la lista.

Apply the Bump TextureApply the Bump TextureApply the Bump Texture

10. Cómo Crear un Material Extrusión Texto 3D

Paso 1

Selecciona la pestaña Text Material de Extrusión, haz click en el ícono textura Difusión, y elige Remover Textura.

Remove TextureRemove TextureRemove Texture

Paso 2

Cambia el resto de los valores como se observa abajo:

  • Difusión: ( 232, 226, 211 )
  • Especular: ( 153, 151, 137 )
  • Brillo: 20
  • Reflejo: 20
  • Rugosidad: 31
  • Refracción: 1.2
Text Extrusion Material SettingsText Extrusion Material SettingsText Extrusion Material Settings

11. Cómo Crear Materiales de Trazo 3D

Paso 1

Selecciona todas las pestañas Inflación y Material de Bisel de Stroke, remueve su textura Difusión,y cambia el resto de la configuración como se observa abajo:

  • Difusión: ( 92, 90, 83 )
  • Especular: ( 170, 168, 152 )
  • Brillo: 50
  • Reflejo: 20
  • Refracción: 1.2
Stroke Inflation and Bevel Material SettingsStroke Inflation and Bevel Material SettingsStroke Inflation and Bevel Material Settings

Paso 2

Selecciona todas las pestañas de Material de Extrusión Stroke, remueve su textura Difusión, y cambia el resto de la configuración como se observa abajo:

  • Difusión: ( 228, 183, 63 )
  • Especular: ( 51, 51, 51 )
  • Brillo: 20
  • Reflejo: 20
  • Refracción: 1.2
Stroke Extrusion Material SettingsStroke Extrusion Material SettingsStroke Extrusion Material Settings

12. Cómo Ajustar la Luz a una Escena 3D

Paso 1

Selecciona la pestaña Luz Infinita, y cambia la Intensidad a 50% y la Sombra Suave a 30%.

Infinite Light SettingsInfinite Light SettingsInfinite Light Settings

Paso 2

Entonces puedes usar la Herramienta Mover para mover la luz, o hacer click en el ícono Coordenadas en la parte superior del panel Propiedades para ingresar valores numéricos.

Infinite Light CoordinatesInfinite Light CoordinatesInfinite Light Coordinates

Paso 3

Selecciona la pestaña Entorno, haz click en el ícon textura IBL, elige Reemplazar Textura, y luego carga la imagen Room.

Replace TextureReplace TextureReplace Texture

Paso 4

Haz click de nuevo en el ícono de la textura IBL, elige Editar Textura, luego presiona Comando-U, y cambia el valor de Saturación a -65.

Guarda y cierra el archivo.

Environment Texture HueSaturationEnvironment Texture HueSaturationEnvironment Texture HueSaturation

Paso 5

Cambia la Intensidad de la luz de IBL a 50%.

IBL IntensityIBL IntensityIBL Intensity

Paso 6

Puedes utilizar la Herramienta Mover para mover la textura hasta tener el resultado que deseas.

Move the IBL TextureMove the IBL TextureMove the IBL Texture

13. Cómo Modificar una Capa 3D Renderizada

Paso 1

Una vez que has hecho modificaciones a la escena 3D, ve a 3D > Interpretar para renderizarla. El renderizado podría tomar un tiempo, pero puedes detenerlo en cualquier momento al presionar la tecla Esc.

Render the 3D SceneRender the 3D SceneRender the 3D Scene

Paso 2

Una vez que el renderizado finalice, haz click derecho en la capa 3D, y elige Convertir a Objeto Inteligente.

Convert to Smart ObjectConvert to Smart ObjectConvert to Smart Object

Paso 3

Ve a Imagen > Tamaño de Imagen, y establece la Anchura en 1500 px.

Resize ImageResize ImageResize Image

14. Cómo Usar las Capas de Ajustes

Paso 1

Haz click en Crear nuevo relleno o en el icono de ajuste de capa en la parte inferior del panel Capas, y elige Corrección Selectiva.

Selective ColorSelective ColorSelective Color

Paso 2

Recorta la capa Color Selectivo a la capa 3D, y luego modifica éstos canales como se observa abajo:

Amarillos:

  • Cian: 9
  • Magenta: 6
  • Amarillo: 13
  • Negro: 3

Verdes:

  • Negro: -80

Cianes:

  • Negro: -50
Yellows Greens and CyansYellows Greens and CyansYellows Greens and Cyans

Blancos:

  • Cian: -15
  • Magenta: 10
  • Amarillo: 20
  • Negro: -90

Neutrales:

  • Cian: -2
  • Amarillo: 5

Negros:

  • Cian: 5
  • Magenta: 5
  • Amarillo: -20
  • Negro: 5
Whites Neutrals and BlacksWhites Neutrals and BlacksWhites Neutrals and Blacks

Ésto realzará el colorido del texto.

Enhanced ColoringEnhanced ColoringEnhanced Coloring

Paso 3

Agrega una capa de ajuste Niveles, recórtala a la capa 3D, y luego cambia las Iluminaciones a 27, el Gama a 1.03, y las Sombras a 231.

Ésto realzará el contraste.

Levels SettingsLevels SettingsLevels Settings

15. Cómo Crear un Fondo

Paso 1

Agrega una capa Relleno Degradado arriba de la capa Fondo, y crea el degradado usando los colores #8f8e8e a la derecha, #ebeaea en el centro, y #8f8e8e a la izquierda.

Cambia el Ángulo a 105, y la Escala a 250. Puedes entonces hacer click y arrastrar el relleno degradado dentro del documento para posicionarlo detrás del texto.

Add a Gradient FillAdd a Gradient FillAdd a Gradient Fill

Paso 2

Coloca la textura Glitter Bokeh arriba de la capa Relleno Degradado, redimensiónala como sea necesariio, renombra su capa a Glitter BG, y cambia su Modo de Fusión a Luz Suave.

Add the Glitter TextureAdd the Glitter TextureAdd the Glitter Texture

Paso 3

Agrega una capa de ajuste Tono/Saturación, recórtala a la capa Glitter BG, marca el cuadro Colorizar, y cambia el Tono a 40.

HueSaturationHueSaturationHueSaturation

Paso 4

Coloca la imagen hybrid3 del paquete Salomdi hybrid c4d arriba de la capa Glitter BG, y renombra su capa a BG Texture 01.

Cambia el Modo de Fusión de la capa BG Texture 01 a Pantalla, y redimensiónala como sea necesario.

BG Texture 01BG Texture 01BG Texture 01

Paso 5

Agrega una capa de ajuste Tono/Saturación, recórtala a la capa BG Texture 01, marca el cuadro Colorizar, y cambia el Tono a 38.

HueSaturationHueSaturationHueSaturation

Paso 6

Coloca la imagen Platinafx4 del conjunto C4d Pack 12 By Platina arriba de la capa BG Texture 01, y renombra su capa a BG Texture 02.

Cambia el Modo de Fusión de la capa BG Texture 02 a Pantalla, y redimensiónala como sea necesario.

BG Texture 02BG Texture 02BG Texture 02

Paso 7

Agrega una capa de ajuste Tono/Saturación, recórtala a la capa BG Texture 02, marca el cuadro Colorizar, y cambia el Tono a 35.

HueSaturationHueSaturationHueSaturation

16. Cómo Agregar Chispas

Paso 1

Toma la Herramienta Pincel, y abre el panel Pincel (Ventana > Pincel).

Elige una punta de pincel que gustes del Conjunto Stars and Flares Brush, y luego, bajo la pestaña Dinámica de Forma, cambia el Variación del Tamaño a 50% y el Variación del Ángulo a 100%.

Shape Dynamics SettingsShape Dynamics SettingsShape Dynamics Settings

Paso 2

Establece el Color de Frente en #d6d6d6, crea una nueva capa arriba de todas las capas, llámala Sparkles, y cambia su Modo de Fusión a Superponer.

Decrementa el Tamaño de la punta del pincel a un valor que pienses se vea bien para el texto,y comienza a hacer click sobre algunas áreas brillosas del texto para añadir las chispas.

Add the SparklesAdd the SparklesAdd the Sparkles

17. Cómo Modificar un Mapa de Degradado

Paso 1

Agrega un ajuste de capa Mapa de Degradado, y cambia su Modo de Fusión a Luz Suave y su Opacidad a 15%.

Marca el cuadro Tramado, y luego crea el relleno de Degradado usando lo colores #5a5871 a la izquierda, #b79787 en el centro, y #fdcd90 a la derecha.

Gradient Map ColorsGradient Map ColorsGradient Map Colors

Paso 2

Puedes experimentar con diferentes colores y valores de Opacidad para obtener resultados distintos si gustas.

Gradient Map EffectGradient Map EffectGradient Map Effect

¡Felicitaciones! Terminaste

En éste tutorial, creamos una capa de texto, la convertimos a una capa de forma, y creamos las capas de trazo.

Posteriormente, convertimos las capas de forma a capas 3D, y modificamos su configuración. Después de eso, creamos los materiales 3D, trabajamos en la luz de la esena y la renderizamos.

Finalmente, trabajamos en la aplicación de color y el fondo, usando capas de ajuste y texturas, así como agregando algunas chispas par finalizar el efecto.

Por favor con toda confianza deja tus comentarios, sugerencias y resultados abajo.

Final ResultFinal ResultFinal Result
Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
Advertisement
One subscription. Unlimited Downloads.
Get unlimited downloads