Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Text Effects

¿Cómo Crear un Efecto de Texto de Ornamento 3D en Adobe Photoshop?

by
Difficulty:BeginnerLength:MediumLanguages:

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

Final product image
What You'll Be Creating

Este tutorial te mostrará cómo usar las Herramientas 3D de Photoshop y las configuraciones, al lado de las texturas, motivos, pinceles, filtros, y estilos de capa, para crear un efecto de texto brillante, divertido, y navideño. ¡Comencemos!

 Este efecto de texto fue inspirado por muchos Estilos Capas disponibles en GraphicRiver.

Elementos del Tutorial

Los siguientes elementos fueron usados en la producción de este tutorial:

1. ¿Cómo Crear un Archivo de Motivo?

Paso 1

Crea un nuevo documento de 600 x 600 px, y da doble click a la capa de Fondo para convertirla en una capa normal.

Create the Main Layer

Paso 2

Da doble-click a la capa de nuevo para aplicar una Superposición de Motivo con esta configuración:

  • Motivo: Back To School Pattern #6
  • Escala: 25%
Pattern Overlay

Paso 3

Pon la imagen de Glitter texture 4 encima de la capa de motivo, cambia el tamaño para que se adecua a la altura del documento y luego cambia el Modo de Fusión de la capa a Luz Fuerte.

Guarda este archivo con el nombre Stripes, y luego ciérralo.

Add a Texture

2. ¿Cómo Crear Texto?

Paso 1

Crea un nuevo documento de 1000 x 667 px, y pon la Resolución a un valor de 300.

Create a New Document

Paso 2

Crea el texto usando la fuente Intro y pon el Tamaño a 70 pt.

Create the Text

Paso 3

Renombra la capa de texto a Texto, duplícala y renombra la copia a Trazo.

Rename the Layers

3. ¿Cómo Crear una Capa de Forma de Trazo?

Paso 1

Da click-derecho a la capa Trazo y escoge Convertir a Forma.

Convert to Shape

Paso 2

Coge la Herramienta de Selección Directo (A), y luego, en la barra de Opciones, cambia el Relleno a Ninguno, el Color de Trazo a Negro, y su Tamaño a 2. Luego da click en el icono de Establecer tipo de forma de trazo y cambia el Alineado a Exterior.

Stroke Settings

4. ¿Cómo Crear Capas 3D?

Paso 1

Selecciona la capa de Texto y ve a 3D > Nueva Extrusión 3D a partir de Capa Seleccionada.

Luego, selecciona la capa de Trazo, y ve a 3D > Nueva Extrusión 3D a partir de Trazo Seleccionado.

Create the 3D Layers

Paso 2

Selecciona ambas capas 3D que tengas, y ve a 3D > Combinar Capas 3D.

Merge 3D Layers

5. ¿Cómo Trabajar con Escenas 3D?

Paso 1

Para accesar a la configuración de la malla y propiedades 3D, necesitarás abrir dos paneles: el panel 3D y el panel de Propiedades (ambos encontrados debajo del menú de Ventana.)

El panel 3D tiene todos los componentes de la escena 3D, y cuando das click en el nombre de ellos, serás capaz de accesar a su configuración en el panel de Propiedades. Así que asegúrate de siempre seleccionar la pestaña del elemento que quieras modificar en el panel 3D antes de cambiar su configuración en el panel de Propiedades.

The 3D Panels

Paso 2

Si seleccionas la Herramienta Mover, encontrarás un grupo de Modos 3D para ello en la derecha de la barra de Opciones.

Cuando escojas uno de estos, puedes dar click y arrastrar para hacer cambios (en los elementos seleccionados en el panel 3D).

Usa estos modos para cambiar la Vista Actual en un ángulo que te parezca.

Move Tool Modes

Paso 3

Da click en el icono del ojo a la par de la pestaña de la malla de Trazo en el panel 3D para ocultarla.

Hide the Stroke Mesh

6. ¿Cómo Modificar la Configuración de la Malla de Texto?

Paso 1

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

Extrusion Depth

Paso 2

Da click en el icono de Tapa en la parte superior del panel de Propiedades, y luego cambia la Anchura de Bisel a 5 y su Contorno a Cono.

Luego cambia el Ángulo de Inflado a 50, y su Intensidad a 15.

Cap Settings

7. ¿Cómo Crear un Material Frontal Inflado?

Paso 1

Selecciona la pestaña de Material de Inflación Frontal de la malla de texto, y luego da click en el icono de la carpeta Difusión, escoge Cargar Textura, y abre el archivo Stripes que creaste en el principio de este tutorial.

Load the Pattern File

Paso 2

Da click en el icono de textura de Difusión y escoge Editar Propiedades UV.

Edit UV Properties

Paso 3

Cambia los valores de Escala y Desplazamiento para obtener el resultado que quieras.

UV Values

Paso 4

Cambia el resto de la configuración del material como se muestra abajo:

  • Especular: 219. 212, 212
  • Iluminación: 35
  • Refracción: 1.3
Material Settings

Paso 5

Da click en el icono de la carpeta de Relieve y selecciona el archivo Stripes desde el menú.

Load the Bump Texture

Paso 6

Cambia el valor de Relieve a 25.

Bump Value

8. ¿Cómo Guardar y Re-Aplica un Material 3D?

Paso 1

Con el Material de Inflación Frontal aún activo, da click en la casilla de Escoger Material y luego da click en el menú desplegable y escoge un Nuevo Material.

New Material

Paso 2

Pon el nombre para el material y presiona OK.

Name the Material

Paso 3

Selecciona el Bisel Posterior y Frontal, así como Material de Inflación Posterior.

Abre el Selector de Material, desplázate hacia abajo al icono de material que guardaste y da click para aplicarlo a los materiales seleccionados.

Apply the Material

Paso 4

El Material de Extrusión estará oculto debajo del Trazo, pero en caso de que se muestre, usaremos esta configuración de material:

  • Especular: 219, 212, 212
  • Iluminación: 35
  • Reflejo: 30
  • Rugosidad: 20
  • Refracción: 1.3
Stroke Material Settings

9. ¿Cómo Modificar la Configuración de Malla de Trazo?

Paso 1

Haz la Malla de Trazo visible de nuevo dando click en la caja vacía a la par de su pestaña y cambia su Profundidad de Extrusión a 50.

Extrusion Depth

Paso 2

Para la configuración de la Tapa, pon los Lados a Frente y Atrás, y luego cambia la Anchura de Bisel a 3 y el Contorno a Semi-Redondo.

Cap Settings

Paso 3

Selecciona todas las pestañas de Material de Trazo, da click en el icono de textura de Difusión, y escoge Borrar Textura.

Remove Texture

Paso 4

Cambia el resto de la configuración como se muestra abajo:

  • Difusión: 68, 44, 6
  • Especular: 230, 220, 186
  • Iluminación: 85
  • Reflejo: 75
  • Refracción: 1.35
Stroke Material Settings

10. ¿Cómo Dividir una Malla 3D?

Paso 1

Selecciona la pestaña de malla de Texto, y luego ve a 3D > Dividir Extrusión 3D. Esto creará un nuevo grupo que tenga las letras del texto divididas en mallas 3D separadas.

Split 3D Extrusion

Paso 2

Divide la malla de Trazo también.

Split 3D Extrusion

11. ¿Cómo Mover las Mallas 3D?

Paso 1

Lo que necesitarás hacer luego es seleccionar cada pestaña de malla de texto, a lado de su pestaña de malla de trazo correspondiente, y moverlos alrededor.

Para hacerlo, luego selecciona las mallas, coge la Herramienta Mover, y usa el Eje 3D para mover las mallas de Texto y Trazo en la escena.

Las flechas al final de la eje mueven la malla, la parte de abajo es usada para rotación, y los cubos son usados para escalar. El cubo en el centro es usado para escalar el objeto uniformemente. Todo lo que necesitas hacer es dar click y arrastrar la parte que quieras.

Move the Meshes

Paso 2

Asegúrate de cambiar la Vista Actual a medida que trabajas con las mallas, y obtén el ángulo que quieras para la escena final.

Move the Camera View

12. ¿Cómo Ajustar la Iluminación de la Escena 3D?

Paso 1

Selecciona la pestaña de Luz Infinita, y luego cambia la Intensidad a 60% y la Suavidad de la Sombra a 30%.

Infinite Light Settings

Paso 2

Usa la Herramienta Mover para mover la iluminación, o da click al icono de Coordinadas encima del panel de Propiedades para poner los valores numéricos.

Move the Infinite Light

Paso 3

Selecciona la pestaña de Entorno, da click en la textura IBL, escoge Reemplazar Textura, y abre la imagen Decoraciones.

Replace the IBL Texture

Paso 4

Cambia la Intensidad de la luz IBL a 50% y luego la Opacidad de Sombras del Plano de Tierra a 0%.

Environment Light Settings

Paso 5

Usa la Herramienta Mover para mover la textura alrededor hasta que te guste la iluminación.

Move the IBL Light

13. ¿Cómo Renderizar la Escena 3D y Añadir un Fondo?

Paso 1

Una vez que hallas modificado la escena 3D, ve a 3D > Renderizar para renderizar. El renderizado puede tomar un momento, pero puedes pararlo en cualquier momento presionando la tecla Esc.

Cuando el renderizado esté terminado, da click-derecho en la capa 3D, y escoge Convertir a Objeto Inteligente.

Render and Convert to Smart Object

Paso 2

Pon la imagen Bokeh lights 05 encima de la capa de Fondo, y ve a Edición > Transformar > Rotar 90° AC.

Luego, cambia el tamaño de la textura como se necesita, y renombra su capa a Bokeh.

Add the Bokeh Texture

Paso 3

Da click en el icono Crear nuevo relleno o capa de ajuste en la parte inferior del panel de Capas y escoge Niveles.

Add a Levels Adjustment Layer

Paso 4

Recorta la capa de Niveles a la capa 3D, y luego cambia el valor de Iluminación a 16 y las Sombras a 220.

Levels Settings

14. ¿Cómo Crear y Darle Estilo de Cuerda Simple?

Paso 1

Crea una nueva capa encima de la capa Bokeh, nombrala Cuerdas, y luego escoge la Herramienta Pincel. Usa una punta dura redonda de 3 px para crear una linea recta detrás de cada letra que tengas.

Create the Lines

Da doble-click a la capa Cuerdas para aplicar el siguiente estilo de capa:

Paso 2

Añade un Bisel y Relieve con esta configuración:

  • Tamaño: 7
  • Ángulo: 30
  • Altitud: 30
  • Contorno de Resplandor: Cono
  • Marca la casilla de Suavizado
  • Modo de Resaltado: Luz Lineal
    • Opacidad: 50%
  • Modo de Sombra: Subexposición Lineal
    • Opacidad: 50%
Bevel and Emboss

Paso 3

Añade un Contorno con esta configuración:

  • Contorno: Aro - Doble
  • Marca la casilla de Suavizado
Contour

Paso 4

Añade una Textura con esta configuración:

  • Motivo: Metal Landscape
  • Escala: 25%
Texture

Paso 5

Añade Superposición de Color con esta configuración:

  • Color: #917149
Color Overlay

Esto le dará estilo a las cuerdas.

Styled Strings

15. ¿Cómo Añadir Puntos de Luz?

Paso 1

Crea una nueva capa encima de todas las capas, nombrala Luz, y cambia su Modo de Fusión a Luz Intensa.

Luego, pon el Color de Primer Plano a #a6a497, coge la Herramienta Pincel, y usa el pincel suave redondo, con cualquier Tamaño que prefieras, para añadir algunos puntos de luz sobre el texto.

Add the Light Spots

Paso 2

Presiona Comando-click  a la miniatura de la capa 3D para crear una selección.

Create a Selection

Paso 3

Da click en Añadir Máscara de Capa en la parte inferior del panel de Capas para aplicar la máscara a la selección.

Mask the Selection

16. ¿Cómo Ajustar el Color y Añadir Ruido?

Paso 1

Añade una capa de Mapa de Degradado encima de todas las capas.

Marca la casilla de Tramado, y luego crea el relleno de Degradado usando los colores #48406e a la izquierda, #76747e en el medio, y #fbc690 a la derecha.

Cambia el Modo de Fusión de la capa de Mapa de Degradado a Luz Suave y su Opacidad a 50%.

Add a Gradient Map

Paso 2

Pon el fondo los colores del Primer Plano y Fondo a Negro y Blanco, y luego selecciona la capa 3D.

Ve a Filtro > Ruido > Añadir Ruido, escoge Distribución Gaussiana, y desmarca la casilla Monocromático.

Dale zoom hasta que puedas ver el ruido en el fondo de la textura Bokeh, y cambia el valor de la Cantidad hasta que el ruido del texto iguale a la del fondo.

Add Noise

¡Felicidades! ¡Lo Hiciste!

En este tutorial, usamos un motivo y textura para crear las cuerdas principales de relleno para el efecto 3D.

Luego, creamos el texto y el trazo, convertidos en capas 3D, y trabajado en la configuración de la malla y de los materiales.

Después de eso, ajustamos la iluminación, renderizamos la escena y añadido el fondo a las cuerdas. Finalmente, usamos las capas de ajuste, pinceles y filtros para terminar el efecto.

Siéntete libre de dejar tus comentarios, sugerencias y resultados abajo.

Final Result
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.