Advertisement
  1. Design & Illustration
  2. Text Effects

Cómo hacer un efecto de texto 3D en Photoshop

by
Difficulty:BeginnerLength:ShortLanguages:
This post is part of a series called Text Effects .
How to Create a Medieval Metallic Text Effect in Adobe Photoshop
Quick Tip: How to Create a Metallic Text Effect Using Layer Styles in Photoshop

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

Final product image
What You'll Be Creating

Si estás interesado en los efectos de texto de Photoshop, en este tutorial te mostraré cómo crear un texto 3D en Photoshop con tan solo unos pasos.  Vamos a modificar su forma, establecer fuentes de luz, crear un material y luego interpretarlo todo. Solo ten en cuenta que necesitas Photoshop CC o CS6 Extended para realizar esto.

Síguenos en nuestro canal de YouTube Envato Tuts+:

Cómo hacer un efecto de texto 3D en Photoshop

Paso 1

Crea un Archivo nuevo. Escribe algún texto con una fuente grande y en negrita. Si deseas, puedes descargar la que yo utilicé, Streetwear.

type text in photoshop

Paso 2

Con la capa de texto seleccionada, ve a 3D > Nueva extrusión 3D a partir de capa seleccionada.

turn text into 3d in photoshop

Paso 3

El texto se transformará en un objeto 3D con algunos ajustes predeterminados. Antes de empezar a cambiarlos, establezcamos primero la escena. Haz clic en el texto 3D y ve a la pestaña de Coordenadas en el panel Propiedades. Cambia el ángulo X a 90 grados.

rotate 3d text down

Paso 4

Selecciona la primera herramienta en la barra superior y haz clic en algún lugar fuera del objeto para mover la cámara. Arrástralo hasta que veas una cruz roja-azul.

rotate 3d camera in photoshop

Paso 5

Ve a la pestaña de Coordenadas y modifica la segunda columna para solo añadir una rotación de 90 grados en el eje X.

change camera coordinates

Paso 6

Si es necesario, arrastra la cruz más al centro y coloca también el texto 3D en el centro.

center 3d camera

Paso 7

Agreguemos un fondo con el que nuestro objeto interactuará. Vuelve a las capas y dibuja una forma rectangular.

add 3d background

Paso 8

Ve a 3D > Nueva malla a partir de capa > Mapa de profundidad para > Plano.

turn rectangle into 3d in photoshop

Paso 9

Selecciona ambas capas y ve a  3D > Combinar capas 3D.

merge 3d layers

Paso 10

Selecciona la última herramienta en la barra superior y cambia el tamaño de la forma rectangular para rellenar toda la escena. Puedes ajustar el grosor de las letras arrastrando la forma hacia arriba por su eje Z (la flecha azul).

move in z axis

Paso 11

Ahora, modifiquemos la configuración del texto 3D. Ve a la primera pestaña del panel Propiedades y haz clic en Ajustes preestablecidos de forma. Selecciona uno de la lista, teniendo en cuenta que todos ellos todavía se pueden modificar.

change shape preset

Paso 12

Para modificar la forma, ve al panel Carácter (Tapa). Aquí tienes acceso a muchos ajustes para lograr el resultado que necesitas. Decidí utilizar un contorno simple con un bisel muy delgado y un poco de sangría.

adjust shape preset options

Paso 13

¡Es hora de poner las luces! Desplázate por la lista para encontrar Luz Infinita. Arrástrala para proyectar una bonita sombra debajo de las letras.

adjust infinite light

Paso 14

Puedes cambiar el Suavizado de la sombra y la Intensidad de la luz en el panel Propiedades.

change sfotness of shadow

Paso 15

Añadamos una luz más. Haz clic en la tarjeta blanca en la parte inferior del panel 3D y selecciona Nueva luz infinita.

add new light

Paso 16

Apaga la primera luz durante un momento y arrastra la nueva luz para iluminar principalmente los contornos de las letras. Mantén también la sombra suavizada.

adjust new light

Paso 17

Ahora, ve a la pestaña Materiales. Selecciona todos los materiales del texto y añade algunos colores. Difusión es el color principal del objeto. Especular es el color de los reflejos y el brillo. El ambiente es el color de la sombra. Mantén estos colores en el mismo rango de tonos para obtener un efecto natural.

add diffuse color
add specular color
add ambient color

Paso 18

Una vez que hayas establecido todos los colores, crea un Material nuevo.

create new material

Paso 19

Haz clic en el Rectángulo de la lista y agrega el material.

add material to object

Paso 20

Si deseas hacer las sombras más brillantes, también puedes agregar algo de luz ambiente a la escena. Busca Entorno en la lista 3D y cambia Ambiente Global a un color brillante. También puedes aumentar la intensidad de la luz ambiente.

change global light

Paso 21

Cuando hayas terminado, haz clic en Interpretar para ver cómo se ve realmente la escena. Puede tardar un tiempo en terminar la representación, pero incluso algunas pasadas pueden mostrarte lo que esperas.

render 3d in photoshop

Paso 22

Si notaste algo que quieres corregir, simplemente presiona Escape para detener la interpretación y modificar los ajustes que quieres cambiar, como la intensidad de la luz, la dirección de las fuentes de luz o las propiedades del material. Siéntete libre de repetir esto hasta que estés completamente satisfecho con el resultado final.

3d text effect photoshop

Efectos de texto 3D

Efectos cinematográficos de texto 3D 

Ahora ya sabes cómo crear un efecto básico de texto 3D, pero todavía se necesita mucho esfuerzo para crear algo más complejo. Si deseas ahorrar tiempo, hay un montón de efectos de texto 3D ya hechos disponibles en Envato Elements.

Por ejemplo, este paquete contiene ocho efectos de texto basados en títulos de películas populares. Simplemente elijes el que quieras editar, escribes tu propio texto y ves cómo sucede la magia.

Cinematic 3D Text Effects
Efectos cinematográficos de texto 3D 
3d metal text effect

Maquetas reales de texto 3D

Si quieres algo más original, esta colección contiene seis efectos simples de texto, pero muy efectivos. Puedes agregar fácilmente materiales realistas a tus letras, y el fondo complementará el texto muy bien. Puedes crear el texto para un folleto o un póster de esta manera, simplemente agrega tu texto, cambia la fuente y disfruta del resultado final.

Real 3D Text Mockups
Maquetas reales de texto 3D
wooden text effect

Efectos de texto 3D dorado

¿Fue demasiado simple? ¿Quizás quieres algo más decorado? Este conjunto ofrece ocho efectos de texto que convertirán tus letras en dorado. La textura, el brillo y los detalles de la forma se ajustarán para crear un efecto realista de dorado metálico. ¡Sólo piensa cuánto tiempo se necesitaría para crear tal efecto por tu propia cuenta!

3D Gold Text Effects
Efectos de texto 3D dorado
golden text effect

Efectos de texto 3D de goma

También puedes crear un texto único con doble 3D con este conjunto. Ofrece tres variaciones del mismo efecto: letras agradables y suavemente sombreadas que te recuerdan a goma. Puedes cambiar el texto, la fuente e incluso el color en este efecto.

Rubber 3D Text Effects
Efectos de texto 3D de goma
rubber logo text effect

¡Buen trabajo!

Ahora ya sabes cómo crear un texto 3D en Photoshop. Si deseas obtener más información sobre la creación de efectos de texto 3D en varios estilos, mira estos tutoriales:

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.