Si te interesan los efectos de texto en Photoshop, en este tutorial te mostraré cómo hacer un texto 3D en Photoshop en pocos pasos. Vamos a ajustar su forma, establecer las fuentes de luz, crear un material y luego renderizarlo todo. Sólo ten en cuenta que necesitas al menos Photoshop CC o CS6 Extended para esto.
(¿Prefieres usar Adobe Illustrator? Tenemos un curso gratuito sobre cómo hacer texto 3D en Illustrator también!)
Lo que aprenderás en este tutorial de Photoshop de texto 3D
- Cómo convertir el texto en un objeto 3D en Photoshop
- Cómo hacer texto 3D en Photoshop
-
GRATIS
Mastering 3D TextMatt Withers -
GRATIS
Adobe IllustratorCrea un efecto de texto isométrico Efecto de texto 3D en Adobe IllustratorDaniel White -
Estilos de capaCómo crear un texto y un logotipo 3D en negro y dorado. MockupJan Stverak
Sigue con nosotros en nuestro canal de YouTube Envato Tuts+, o desplázate hacia abajo para ver el tutorial escrito de Photoshop de texto 3D.
¿Quieres aprender a hacer un efecto de texto 3D en Illustrator? Toma nuestro curso en profundidad sobre la creación de texto 3D en Adobe Illustrator. Aprenderás a crear ocho efectos de texto 3D diferentes en un solo curso.
O bien, prueba nuestro curso gratuito, en el que Daniel White te muestra cada paso para crear un efecto de texto 3D en Adobe Illustrator.
Cómo hacer un efecto de texto 3D en Photoshop
Paso 1
Crea un nuevo archivo. Escribe algún texto con una fuente grande y en negrita. Si quieres, puedes descargar la que he utilizado yo, Streetwear.
Paso 2
Con la capa de texto seleccionada, ve a 3D > Nueva extrusión 3D de la capa seleccionada.
Paso 3
Tu texto se convertirá en un objeto 3D con algunos ajustes por defecto. Antes de empezar a cambiarlos, vamos a configurar la escena primero. Haz clic en el texto 3D y ve a la pestaña Coordenadas del panel Propiedades. Cambia el ángulo X a 90 grados.
Paso 4
Selecciona la primera herramienta de la barra superior y haz clic en algún lugar fuera del objeto para mover la cámara. Arrástrala hasta que veas un cruce rojo-azul.
Paso 5
Ve a la pestaña Coordenadas y ajusta la segunda columna para que sólo incluya una rotación de 90 grados en el eje X.
Paso 6
Si es necesario, arrastra la cruz más hacia el centro y coloca el texto 3D también en el centro.
Paso 7
Añadamos un fondo con el que nuestro objeto va a interactuar. Vuelve a las capas y dibuja una forma rectangular.
Paso 8
Vamos a a 3D > Nueva malla de la capa > Mapa de profundidad a > Plano.
Paso 9
Seleccionar ambas capas e ir a 3D > Fusionar capas 3D.
Paso 10
Selecciona la última herramienta de la barra superior y cambia el tamaño de la forma rectangular para llenar toda la escena. Puedes ajustar el grosor de las letras arrastrando la forma hacia arriba por su eje Z (la flecha azul)
Paso 11
Ajustemos ahora la configuración del texto 3D. Ve a la primera pestaña del panel de propiedades y haz clic en Shape Presets. Selecciona uno de la lista, teniendo en cuenta que todos pueden seguir ajustándose.
Paso 12
Para ajustar la forma, ve a la pestaña Tapa. Aquí tienes acceso a muchos ajustes para conseguir el resultado que necesitas. Yo decidí utilizar un contorno sencillo con un bisel muy fino y una ligera hendidura.
Paso 13
¡Es hora de ajustar las luces! Desplázate hacia abajo en la lista para encontrar la Luz Infinita. Arrástrala para proyectar una bonita sombra bajo las letras.
Paso 14
Puedes cambiar la Suavidad de la sombra y la Intensidad de la luz en el panel de Propiedades.
Paso 15
Añadamos una luz más. Haz clic en la tarjeta blanca de la parte inferior del panel 3D y selecciona Nueva luz infinita.
Paso 16
Apaga la primera luz por un momento y arrastra la nueva luz para que ilumine sobre todo los contornos de las letras. Mantén también la sombra suave.
Paso 17
Ve ahora a la pestaña Materiales. Selecciona todos los materiales del texto y añádeles algunos colores. Difuso es el color principal del objeto. Especular es el color de las luces y el brillo. Ambiental es el color de la sombra. Mantenga estos colores en la misma gama de tonos para un efecto natural.
Paso 18
Una vez que hayas establecido todos los colores, crea un Nuevo Material.
Paso 19
Haz clic en el Rectángulo de la lista y añádele el material.
Paso 20
Si quieres que las sombras sean más brillantes, también puedes añadir algo de luz ambiental a la escena. Busque Entorno en la lista 3D y cambie Ambiente Global a un color brillante. También puedes aumentar la intensidad de la luz ambiental.
Paso 21
Cuando termines, haz clic en Renderizar para ver cómo queda tu escena realmente. Puede tardar un poco en terminar de renderizar, pero incluso unas pocas pasadas pueden mostrarte lo que puedes esperar.
Paso 22
Si has notado algo que quieres arreglar, sólo tienes que pulsar Escape para detener el renderizado y ajustar los parámetros que quieras 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 contento con el resultado final.
Efectos de texto 3D
Así que ahora ya sabes cómo crear un efecto de texto 3D básico, pero sigue costando mucho esfuerzo crear algo más complejo. Si quieres ahorrar tiempo, hay un montón de efectos de texto 3D ya hechos disponibles en Envato Elements. Aquí hay un par de ejemplos:
Mockups de texto 3D reales
Este conjunto contiene seis efectos de texto simples pero muy efectivos. Puedes añadir fácilmente materiales realistas a tus letras, y el fondo complementará el texto muy bien. Puedes crear texto para un flyer o un póster de esta manera: sólo tienes que añadir tu texto, cambiar la fuente y disfrutar del resultado final.
Efectos de texto 3D de goma
También puede crear un dobletexto en 3D con este conjunto. Ofrece tres variaciones del mismo efecto: letras bonitas y suavemente sombreadas que recuerdan al caucho. Puedes cambiar el texto, la fuente e incluso el color en este efecto.
¡Buen trabajo!
Ahora ya sabes cómo crear texto 3D en Photoshop. Si quieres aprender más sobre la creación de efectos de texto 3D en muchos estilos, prueba estos tutoriales:
.
