1. Design & Illustration
  2. Text Effects

Cómo Crear un Efecto de Colorido Texto Iluminado 3D en Adobe Photoshop

by
Read Time:5 minsLanguages:

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

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

Este tutorial le mostrará un Consejo muy útil y fácil para crear coloridas Letras iluminadas con ajustes de materiales 3D de Photoshop. Vamos a empezar!

Este efecto de texto fue inspirado por los muchos estilos de capa en GraphicRiver.

Activos para el Tutorial 

Los siguientes activos fueron utilizados durante la producción de este tutorial:

1. Cómo Crear Texto en 3D

Paso 1

Crear un Documento Nuevo de 1300 x 1300 px.

Cree el texto en Mayúsculas utilizando la fuente Primal, ajuste el Tamaño a 90 pt y el valor Seguimiento a 30.

Create the TextCreate the TextCreate the Text

Paso 2

Ir a 3D > Neuva Extrusión 3D de la cCapa Seleccionada. Esto creará una malla 3D de la capa de texto.

Para acceder a las propiedades y ajustes de malla 3D, usted necesitará abrir dos paneles: el panel 3D y el panel de 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, usted podrá tener acceso a su configuración en el panel Propiedades. Así que asegúrese de seleccionar siempre la ficha del elemento que desea modificar en el panel 3D antes de cambiar su configuración en el panel Propiedades.

Create the 3D LayerCreate the 3D LayerCreate the 3D Layer

Paso 3

Si selecciona la Herramienta Mover, encontrarás un conjunto de modos 3D para él a la derecha de la barra de Opciones.

Cuando usted elige una de esas, puede haga clic y arrastre para realizar cambios (en el elemento seleccionado en el panel 3D).

Utilice los modos para cambiar la Vista Actual a un ángulo que te gusta.

Move Tool 3D ModesMove Tool 3D ModesMove Tool 3D Modes

2. Cómo Puedo Ajustar la Malla 3D y la Tapa

Paso 1

Seleccione la malla 3D en el panel 3D y cambiar la Profundidad de Extrusión en el panel de Propiedades a 15 px.

Extrusion DepthExtrusion DepthExtrusion Depth

Paso 2

Haga clic en el icono de la Tapa en la parte superior del panel de Propiedades y cambiar el Ancho de Bisel a 1.

Cap SettingsCap SettingsCap Settings

3. Cómo Modificar los Ajustes de Materiales 3D

Paso 1

Seleccione todas las pestañas Material excepto el Material de la Extrusión y utilizar estos valores (los valores de color utilizados son en RGB):

  • Difusa: 211, 211, 211
  • Specular: 180, 180, 180
  • Brillo: 80%
Material SettingsMaterial SettingsMaterial Settings

Paso 2

Seleccione la pestaña de Material de Extrusión y utilizar estos ajustes:

  • Difusa: 121 222, 209
  • Specular: 20, 41, 42
  • Brillo: 80%
Extrusion Material SettingsExtrusion Material SettingsExtrusion Material Settings

Paso 3

Haga clic en el icono de la Iluminación y seleccione Nueva Textura.

New TextureNew TextureNew Texture

Paso 4

Establecer el Ancho a 1300 px y la Altura a 300 px y haga clic en Aceptar.

Esto debe abrir el archivo nuevo, pero si no, haga clic en el icono de Iluminación de textura y seleccione Editar Textura.

Edit TextureEdit TextureEdit Texture

4. Cómo Crear una Textura Colorido e Iluminado

Paso 1

Duplicar la capa de Fondo que tienes en el archivo nuevo.

Duplicate the Background LayerDuplicate the Background LayerDuplicate the Background Layer

Paso 2

Haga Doble Clic en el capa Copiada para aplicar un Efecto de Superposición de degradado con estos valores:

  • Marque la casilla de Tramado
  • Ángulo: 0
  • Utilizar el Relleno de Degradado del Espectro, o usted puede crear su propio colorido relleno de degradado que te guste.
Gradient OverlayGradient OverlayGradient Overlay

Paso 3

Haga clic en el Crear Nuevo Relleno o el Icono de Ajustes de Capa en la parte inferior del panel Capas y elija Niveles.

Cambiar el Modo de Mezcla de la capa de Niveles de luminosidad y cambiar el valor de Gamma a 0,75.

Guarde y cierre el archivo.

Levels SettingsLevels SettingsLevels Settings

Esto creará la textura material de iluminación colorida.

Illumination TextureIllumination TextureIllumination Texture

5. Cómo Agregar un Fondo de Forma 3D

Paso 1

Elija la Herramienta Rectángulo y haga clic una vez en cualquier lugar dentro del documento para abrir el cuadro de Crear Rectángulo.

Establecer el Ancho a 1560 px la Altura a 1750 px, haga clic en Aceptar y asegúrese de que establecer el Color de Relleno del rectángulo en blanco.

Create RectangleCreate RectangleCreate Rectangle

Paso 2

Una vez creada la forma de rectángulo, ir a 3D > Nueva Extrusión 3D de Forma Seleccionado y cambiar la Profundidad de Extrusión a 1.

Rectangle 3D MeshRectangle 3D MeshRectangle 3D Mesh

Paso 3

Haga clic en la ficha Vista Actual en el panel 3D y elegir el nombre de la capa de texto 3D en el menú Ver en el panel Propiedades.

Change the Current ViewChange the Current ViewChange the Current View

Paso 4

Seleccione ambas capas 3D se tiene e ir a 3D > Combinar Capas 3D.

Elija la Herramienta Mover, seleccione el rectángulo de malla y usar el Eje 3D para mover detrás del texto.

Las flechas en los extremos del eje de mover la malla, la parte por 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 uniformemente. Todo lo que necesitas hacer es hacer clic y arrastrar la parte que desee.

Merge and Move the 3D MeshesMerge and Move the 3D MeshesMerge and Move the 3D Meshes

Paso 5

Seleccione el rectángulo malla Material Delantero de la Inflación y cambiar su color Especular (51, 51, 51) y su valor de Brillo a un 90%.

Front Inflation Material SettingsFront Inflation Material SettingsFront Inflation Material Settings

6. Cómo Ajustar la Iluminación de una Escena 3D

Paso 1

Seleccione la ficha 1 de Luz Infinita y cambiar los valores de su Intensidad y Suavidad de la Sombra al 30%.

Infinite Light 1 SettingsInfinite Light 1 SettingsInfinite Light 1 Settings

Paso 2

Utilice la Herramienta Mover para mover la luz para que quede el texto y lo incline hacia arriba un poco.

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

Move the Infinite LightMove the Infinite LightMove the Infinite Light

Paso 3

Seleccione la ficha Entorno, haga clic en el icono de textura IBL y elija Reemplazar Texturas para abrir la imagen Building Interior.

Replace the IBL TextureReplace the IBL TextureReplace the IBL Texture

Paso 4

Haga clic en el icono de IBL de textura y seleccione Editar Textura.

Añadir una Capa de Ajuste de Tono/Saturación y cambiar la Saturación  a -60 y la Ligereza de 15.

Guarde y cierre el archivo.

Hue and Saturation Adjustment LayerHue and Saturation Adjustment LayerHue and Saturation Adjustment Layer

Paso 5

Cambiar la Intensidad a un 65% y la Opacidad de las Sombras Planas a 0.

Utilice la Herramienta Mover para mover la textura para obtener un resultado que te gusta.

Environment SettingsEnvironment SettingsEnvironment Settings

Paso 6

Utilice la Herramienta Mover de Modo 3D para cambiar la Vista Actual a un ángulo te gusta y asegúrese de que los bordes de la malla del rectángulo no son visibles.

Change the Camera ViewChange the Camera ViewChange the Camera View

Paso 7

Ir a 3D > Renderizar Capa 3D. La representación puede tomar un tiempo, pero usted puede parar cualquier momento pulsando la tecla Esc.

También puede detener el procesamiento para ajustar la iluminación, la vista de cámara o cualquier otra cosa que crees que necesita afinar y renderiza de nuevo hasta que obtenga un resultado que te gusta.

Render the SceneRender the SceneRender the Scene

¡Felicidades! Listo

En este tutorial, había creado mallas 3D a partir de capas de texto y forma, ajustar su configuración material y utilizar un relleno de degradado, la textura de la iluminación para crear el efecto de iluminación colorido.

Continuación, ajusta la iluminación de la escena, así como la vista de cámara, para representar el resultado final.

No dude en dejar sus comentarios, sugerencias y los resultados  abajo.

3D Colorful Illuminating Text Effect Photoshop Tutorial3D Colorful Illuminating Text Effect Photoshop Tutorial3D Colorful Illuminating Text Effect Photoshop Tutorial
One subscription.
Unlimited Downloads.
Get unlimited downloads