Advertisement
  1. Design & Illustration
  2. Text Effects

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

by
Difficulty:IntermediateLength:LongLanguages:

Spanish (Español) translation by Iván Gómez (you can also view the original English article)

Final product image
What You'll Be Creating

Los mapas de profundidad 3D de Photoshop son una muy buena  alternativa para crear mallas 3D únicas. Este tutorial mostrará cómo usar rellenos de motivo, herramientas 3D, ajustes de capa y otras opciones para crear un efecto de texto 3D con brillos y adornos. ¡Comencemos!

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

Archivos para el tutorial

Se utilizaron los siguientes archivos durante la producción de este tutorial:

1. Cómo crear un trazado de trabajo de texto

Paso 1

Cree un nuevo documento de 1250 x 800 px. Luego digite el texto con la fuente Shintia Script y establezca el tamaño en 350 puntos.

Create the Text

Paso 2

Haga clic derecho en la capa de texto y elija Crear trazado de trabajo.

Create Work Path

Paso 3

Elija la herramienta Selección directa (A). En la barra de opciones, haga clic en el icono de las operaciones de trazado y elija Combinar formas.

Merge Shape Components

2. Cómo crear un motivo de adorno

Paso 1

Escoja la herramienta Marco Rectangular y cree una pequeña selección en uno de los bordes del texto. Esta área será el módulo de repetición del motivo del adorno, así que el tamaño de la selección es el mismo tamaño de la unidad de motivo del adorno.

Una vez creada la selección, cree una nueva capa y nómbrela Pattern (Patrón).

Create a Selection

Paso 2

Elija la herramienta Degradado y establezca los colores Frontal y de Fondo a blanco y negro.

Luego, en la barra de Opciones, seleccione el relleno de degradado Color Frontal / Color de fondo y haga clic en el icono Degradado reflejado.

Haga clic y arrastre desde el centro de la selección hasta uno de los bordes superior o inferior para crear el relleno de degradado.

Create the Gradient Fill

Paso 3

Con la selección todavía activa, vaya a Edición > Definir motivo, digite Frill (Adorno) para el nombre y haga clic en Ok.

Presione Comando + D para deseleccionar.

Define Pattern

3. Cómo aplicar un motivo a un trazo

Paso 1

Oculte la capa Pattern (Motivo). Cree una nueva capa debajo de esta y nómbrela Frill (Adorno).

Create a Frill Layer

Paso 2

Vaya a Edición > Rellenar y cambie el ContenidoMotivo.

Elija el motivo de adorno que acaba de crear. Marque la casilla Secuencia de comandos, seleccione Colocar a lo largo del trazado y haga clic en OK.

Fill Settings

Paso 3

Esto abrirá las opciones y ajustes de Colocar a lo largo del trazado.

  • Escala de motivo: 1 (cambie esto si desea cambiar el tamaño del adorno).
  • Espaciado: 0 (esto hace que los módulos de relleno no se superpongan).
  • Marque la casilla Ajustar el espaciado para encajar.
  • Ángulo del trazado: -90 (esto hace que el relleno de motivo siga la dirección del trazado sin rotarlo).
  • Distancia al trazado: 0 (Esto colocará el relleno exactamente sobre el trazado).
  • Desmarque la casilla Motivos alternativos para evitar la creación de motivos en ambos lados del trazado.
  • Progresión de escala: 100 (esto asegura que el relleno mantiene el mismo tamaño a lo largo del trazado.)
  • Desactive Rotación del símbolo de salto para asegurar que los módulos del motivo sigan la dirección del trazado.
  • Aleatoriedad del color: 0
  • Aleatoriedad de brillo: 0.5 (esto cambia el brillo del motivo al azar, lo que lo hace más dinámico.)
Place Along Path

Paso 4

Una vez que haga clic en OK,se aplicará el relleno de motivo al trazado.

Presione Comando/Ctrl y haga clic en la miniatura de la capa de texto para crear una selección.

Stroke and Create a Selection

Paso 5

Asegúrese de que está seleccionada la capa de Frill (Adorno) y luego presione la tecla borrar dos veces para eliminar el trazado de trabajo y la parte interna del adorno.

Deseleccione cuando termine.

Delete the Inner Part

4. Cómo crear capas 3D

Paso 1

Seleccione la capa de texto, cambie el nombre de la capa a Texto y vaya a 3D > Nueva extrusión a partir de capa seleccionada.

3D Text Layer

Paso 2

Seleccione la capa Frill (Adorno) y vaya a 3D> Nueva malla a partir de capa > Mapa de profundidad para > Plano.

Lo que esto hace es crear una malla 3D empujando hacia adelante las áreas claras y hacia adentro las áreas oscuras.

Frill 3D Layer

Paso 3

Seleccione ambas capas 3D y vaya a 3D> Combinar capas 3D.

Merge 3D Layers

5. Cómo trabajar con la escena 3D

Paso 1

Para acceder a las propiedades y ajustes de la 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 cuando hace clic en el nombre de cualquiera de ellos, accede a sus ajustes en el panel de Propiedades. Así que asegúrese de seleccionar siempre la pestaña del elemento que desea modificar en el panel 3D antes de cambiar los ajustes en el panel Propiedades.

3D and Properties Panels

Paso 2

Si selecciona la herramienta Mover, encontrará un conjunto de modos 3D para el objeto a la derecha de la barra de opciones.

Cuando elige uno de ellos, puede entonces hacer clic y arrastrar para realizar cambios (en el elemento seleccionado en el panel 3D).

Utilice los modos para cambiar la Vista actual en un ángulo que le agrade.

Move Tool 3D Modes

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

Paso 1

Seleccione la sección de malla 3D del texto en el panel 3D y luego, en el panel Propiedades, cambie la profundidad de extrusión a 5.

Extrusion Depth

Paso 2

Haga clic en el botón Tapa en la parte superior del panel Propiedades y seleccione en Lados frente y atrás.

Cambie la Anchura de bisel a 1 y el Contorno a Semicircular y cambie la Intensidad de Inflar 15%.

Cap Settings

7. Cómo escalar un mapa de profundidad

Paso 1

Seleccione la sección de malla 3D del adorno (Frill) y elija la herramienta Mover para conseguir el eje 3D.

Las flechas en los extremos del eje mueven 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.

Utilice el cubo de la Escala Z para reducir la malla del adorno a lo largo del eje Z.

Scale Down along the Z Axis

Paso 2

Puede escalar la malla en cualquier momento antes de renderizar la escena, asi que no se preocupe por lograr un tamaño perfecto ahora — sólo modifique su tamaño para que se vea más como un adorno.

Get the Basic Frill Shape

8. Cómo ubicar las mallas 3D

Paso 1

Cambie la vista actual a Frente desde el menú Vista en el panel Propiedades.

Change the Current View

Paso 2

Lo que tiene que hacer a continuación es escalar y mover la malla de Texto hasta que se ajuste dentro de la malla del adorno.

Puede usar el eje 3D para eso o, para un resultado más preciso, puede introducir valores numéricos en la pestaña de coordenadas en el panel Propiedades.

También puede hacer clic en el icono de Escala y elegir la opción escala uniforme si es necesario. Sólo asegúrese de que existan áreas vacias o superpuestas a la izquierda.

Scale and Reposition the Meshes

Paso 3

Una vez haya terminado, seleccione ambas pestañas de malla 3D y cambie el ángulo de rotación X a 90.

Change the X Rotation Angle

Paso 4

Seleccione cada malla por separado, haga clic en el icono de menú de panel 3D y elija Mover objeto a plano de tierra.

Move Object to Ground Plane

Paso 5

Vuelva a la vista de cámara Por defecto y muévala alrededor para asegurarse de que todo se ve bien desde diferentes ángulos.

Puede que necesite mover la malla del adorno un poco hacia arriba para que quede centrada con la malla de Texto.

Change the View and Move the Meshes

9. Cómo crear un material 3D

Paso 1

Seleccione la sección de Material del adorno, haga clic en el icono de Difusión y seleccione Quitar textura.

Haga lo mismo con la textura de Opacidad.

Remove the Material Textures

Paso 2

Seleccione todas las pestañas de Material para ambas mallas 3D y utilice los siguientes valores (los valores de color utilizados están en RGB):

  • Difusión: 81, 173, 13
  • Especular: 232, 223, 186
  • Brillo: 85
  • Reflejo: 16
Main Material Settings

10. Cómo agregar una textura de rugosidad

Paso 1

Seleccione la sección del Material de inflación frontal de texto haga clic en el icono de la carpeta y elija Cargar textura para abrir la imagen de motivo frontal.

Add the Bump Texture

Paso 2

Haga clic en la icono de carpeta de Relieve y elija Editar propiedades de UV.

Edit UV Properties

Paso 3

Ajuste los valores de Segmentación tomando en cuenta el número de pliegues que desea para el material.

Change the Tile Values

Paso 4

Reduzca el valor Relieve a 1, o utilice cualquier otro valor que se desee para obtener un resultado más intenso.

Bump Value

11. Cómo guardar una vista de cámara

Paso 1

Seleccione una vista de cámara que desee para su composición final.

Choose the Final Camera View

Paso 2

A continuación, haga clic en la sección Vista actual y elija Guardar en el menú Ver.

Save the Camera View

Paso 3

Escriba un nombre para la vista y haga clic en OK.

View Name

Paso 4

Esto agregará la vista guardada  en el panel 3D y en el menú Ver.

Ahora puede cambiar la vista de cámara para comprobar que no existen problemas con las mallas o los materiales y volver fácilmente a la última vista guardada.

Saved View

12. Cómo ajustar la iluminación

Paso 1

Seleccione la sección Luz infinita y elija Foco desde el menú Tipo en el panel Propiedades.

Change the Light Type

Paso 2

Haga clic en el icono Punto de origen para arreglar la dirección inicial de la luz y haga clic en Mover a la Vista para ver en la vista de cámara elegida anteriormente.

Reset the Light

Paso 3

Cambie la Intensidad a 10%, el Suavizado de la sombra a 30%, el valor del Haz de luz a 26.2 y Cono a 47.

Luego, marque la casilla de Difuminación de luz y cambie el valor interior a 350 y el exterior a 1000.

Tenga en cuenta que puede elegir otros valores que le parezcan basado en el resultado que quiera lograr.

Spot Light Settings

Paso 4

Mueva la luz hasta conseguir el resultado que desee, utilizando la herramienta Mover o con los valores de coordenadas.

Move the Spot Light

Paso 5

Active la sección Entorno y haga clic en el icono de Textura IBL. Elija Reemplazar textura y cargue la imagen de las luces.

Load the IBL Image

Paso 6

Cambie la intensidad de la luz IBL a 60% y opacidad de las sombras del plano de la tierra al 50%.

Environment Light Settings

Paso 7

Mueva la imagen hasta obtener el resultado que desee. Este es un paso importante ya que la textura afecta un poco el resultado final.

Move the Image

13. Cómo crear una malla de plano de tierra

Paso 1

Cree una nueva capa sobre la capa 3D, nómbrela Ground (Tierra)  y rellénela con blanco.

Ground Layer

Paso 2

Vaya a 3D > Nueva malla a partir de capa > Postal.

Convert to a 3D Layer

Paso 3

Seleccione la sección Vista actual y elija el nombre de la capa 3D original desde el menú Ver en el panel Propiedades.

Change the Current View

Paso 4

Combine la capa de Ground (tierra) con la capa 3D original. Es importante que la capa 3D original esté debajo de la capa Ground ya que cuando se combinaron, la capa superior heredó la iluminación de la capa inferior.

Después de combinar las capas, cambie el ángulo de rotación X de la malla a 90 y muévala al plano de tierra.

Merge the 3D Layers

Paso 5

Mueva el plano hasta que llene la escena y la escálelo si es necesario.

Move the Ground Mesh

14. Cómo crear un material 3D de fondo

Paso 1

Seleccione la sección del material de Ground. Haga clic en el icono de Textura difusa y seleccione Reemplazar textura para abrir la imagen PlywoodPainted0078.

Replace the Texture

Paso 2

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

Edit the Texture

Paso 3

Esto abrirá el archivo de la textura.

Haga clic en el botón Crear nueva capa de relleno o ajuste en la parte inferior del panel Capas y seleccione Tono/saturación.

HueSaturation

Paso 4

Cambie el Tono a -20 y la Saturación a -80.

HueSaturation Settings

Paso 5

Añada una capa de ajuste de Niveles y cambie el valor de Gama a 1.5.

Guarde los cambios y cierre el archivo de textura para volver al documento 3D.

Levels Settings

Paso 6

Elimine la textura de Opacidad y utilice estos valores para el material de Ground:

  • Especular: 199, 199, 199
  • Iluminación: 17, 17, 17
  • Brillo: 20
Ground Material Settings

Paso 7

Ajuste las Propiedades UV de la textura difusa.

Adjust the UV Properties

15. Cómo crear un mapa de Normales

Paso 1

Los mapas de Normales básicamente ayudan a simular la ilusión de profundidad y detalle en un objeto 3D utilizando la información RGB que corresponde a los ejes X, Y y Z en el espacio 3D.

Para crear un mapa de Normal, haga clic en el icono de carpeta Normal en la parte inferior del panel de Propiedades y elija Generar normales a partir de difusión.

Generate Normals from Diffuse

Paso 2

Se abrirá el cuadro de Generar mapa normal, donde puede utilizar una copia de la textura Difusa para crear un mapa Normal.

Elija las Luces por defecto desde Ajuste preestablecido de iluminación en la parte superior. Entonces puede seleccionar Cubo en el menú de Objeto en la parte inferior, ya que se este se asemeja más al plano de tierra.

Después de eso, usted puede hacer clic y arrastrar en el área de vista previa para girar el objeto y ver el resultado desde distintos ángulos.

Cambie el valor de Desenfocar a 2.5 para suavizar los detalles y Escala de detalle a un 20% para que sean menos prominentes.

Juegue con los valores hasta que consiga el resultado que desee y haga clic en OK.

Generate Normal Map Settings

Paso 3

Ajustar propiedades de UV de la Normal para que coincida con las propiedades de difuso.

Si no le gusta el resultado, puede quitar y regenerar el mapa utilizando diferentes valores.

Adjust the UV Properties

16. Cómo crear piezas de adorno

Paso 1

Cree una nueva capa encima de todas las capas, nómbrela Piezas y elija la herramienta Pluma.

Seleccione la opción Trazado en la barra de Opciones y comience a crear trazados de trabajo alrededor del texto.

Haga clic una vez para añadir puntos, haga clic y arrastre para crear curvas y mantenga pulsada la tecla Comando y haga clic fuera del trazado para crear un nuevo trazado.

Create Short Work Paths

Paso 2

Rellene los trazados de trabajo con el patrón de adorno como lo hizo con el trazo del texto. Conviértalos luego a una capa 3D, cambie la vista de cámara y combínelos con la capa 3D original.

Después de eso, redúzcalos y aplique el mismo material del adorno a su malla.

Add the Pieces to the 3D Scene

17. Cómo renderizar una escena 3D y ajustar el resultado Final

Paso 1

Una vez modifique la escena, vaya a 3D > Interpretar capa 3D. El render puede tomar un tiempo, pero puede detenerlo en cualquier momento pulsando la tecla Esc.

Después de que termine el renderizado, haga clic derecho en la capa 3D y elija Convertir en objeto inteligente. Esto previene cambios accidentales en la capa 3D.

Render and Convert to Smart Object

Paso 2

Añada una capa de ajuste de Niveles y cambie las sombras a 20 y las luces a 250 para realzar un poco el contraste.

Levels Settingts

Paso 3

Añada una capa de ajuste de Corrección selectiva y utilice estos ajustes:

Amarillos

  • Cian: 30
  • Magenta: 20
  • Amarillo: 10
  • Negro: 9

Verdes

  • Cian: 35
  • Magenta: 10
  • Amarillo: 35
  • Negro: 5

Blancos

  • Negro: -30
Selective Color Settings

Paso 4

Añada una capa de degradado y utilice un degradado Transparente a color frontal, con los colores #727571 a la izquierda y #181e14 a la derecha.

Cambie el estilo a Radial, y la escala a 200.

Después de eso, cambie el modo de fusión de la capa a Luz suave y la opacidad al 25%.

Add a Vignette

Felicitaciones, ¡listo!

En este tutorial, creamos una capa de texto y la utilizamos para crear un trazado de trabajo simple. Luego, creamos un motivo de degradado y rellenamos un trazado para crear el adorno.

Después de eso, convertimos las capas en mallas 3D y trabajamos en sus ajustes y materiales, así como en la iluminación y ángulo de la escena.

Finalmente, hemos añadido más adornos, renderizamos la escena y agregamos un par de capas de ajuste para completar el efecto.

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

Final Result
Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.