Una tipocomposición en 3D combina efectos de texto impresionantes con elementos creativos de diseño y lleva tu tipografía a un nuevo nivel. Ya sea que desees crear looks futuristas, abstractos o temáticos, con Photoshop puedes crear una tipocomposición en 3D personalizada que refuerce tu mensaje visualmente. En este tutorial te mostraré paso a paso cómo destacar tu tipografía en 3D con texturas, efectos de luz y otros elementos de diseño. ¡Comencemos y convirtamos tu tipografía en una obra de arte!
Paso 1:
Primero crearé un nuevo documento; el tamaño no importa. Aquí elijo un tamaño muy pequeño de 800x600 píxeles. Si deseas imprimir este efecto, debes cambiar la unidad de píxeles a cm y la resolución de 72 a 300 píxeles/pulgada.
Paso 2:
Ahora crearé una capa de texto con una sola letra. Luego hago clic en el menú en 3D>Repujado>Capa de texto.
Paso 3:
Hago los siguientes ajustes (en los materiales, uso la plantilla de Ninguna textura para Todo):
Paso 4:
Luego abro el panel de 3D bajo Ventana y cambio el color de la extrusión. Para esto, hago clic en el color gris en Difuso.
Paso 5:
Listo, el color ya está bien. Solo quiero crear una textura en el primer plano de la letra.
Paso 6:
Para la nueva textura, creo un nuevo documento con un tamaño de 200 x 1 píxel. Luego hago doble clic en la capa de fondo y elimino el contenido con la tecla Suprimir. Ahora puedo seleccionar la mitad del documento, colorearla de azul y luego marcar todo y guardarla como Menú>Editar>Definir motivo.
Paso 7:
Ya guardé el motivo y creo un nuevo documento de 2000x2000 píxeles. Luego inserto una nueva capa y la coloreo (no importa el color, ya que ajusto la opacidad al 0%). Ahora, en las opciones de relleno, activo mi nuevo motivo. Luego guardo la textura como un archivo PSD en mi disco duro.
Paso 8:
Ahora regreso a mi documento y en Material - Frente inflado abro mi nueva textura.
Paso 9:
Este es el resultado (aún no estoy completamente satisfecho con las líneas, así que vuelvo a abrir mi textura).
Paso 10:
Para poder girar mi motivo, convierto la capa en un objeto inteligente. Ahora se puede girar el motivo que se aplicó como relleno.
Paso 11:
Así me gusta mucho más.
Paso 12:
Como las líneas son demasiado anchas para mi gusto, vuelvo a abrir la textura, entro en mi objeto inteligente y luego escalo la sobreimpresión del motivo.
Paso 13:
Para hacer el fondo más espectacular, agrego un degradado a la capa de fondo.
Paso 14:
Al mismo tiempo le doy un tono azul a mi Borde aplanado. El resultado se verá así:
Paso 15:
Para poder ver mejor las fuentes de luz, las muestro en el Panel 3D en la parte inferior. 
Paso 16:
También cambio el fondo a gris para poder ver las franjas de luz blancas. Cambio la tipo de luz de mi primera luz de Dirigida a Focal.
Paso 17:
Ahora muevo la luz y veo de inmediato cómo reacciona mi objeto a ella.
Paso 18:
También cambio la siguiente fuente de luz a Focal y aumento la intensidad de la luz a 1.
Paso 19:
Ya que renderizar todo el objeto puede ser muy intensivo en tiempo, puedo hacer una selección y luego en el menú de opciones del Panel 3D seleccionar Seleccionar para rendimiento progresivo.
Paso 20:
El resultado luce muy bien. También puedo hacer renderizar todo mi objeto haciendo clic en la escena en la parte superior del Panel 3D y luego seleccionando Calidad como Raytracing - Boceto o Raytracing - Final (es el que más tiempo tarda). Consejo: Si necesito hacer algún cambio en el objeto, asegurarse de volver a configurar en Interactivo (Pintura), de lo contrario la computadora volverá a renderizar todo de nuevo y se tardará mucho tiempo.
Paso 21:
Una vez que he terminado la primera letra, genero la siguiente con la misma configuración y método. Aquí también vuelvo a cargar la textura guardada anteriormente.
Paso 22:
Dado que las rayas son demasiado anchas, puedo editarlas directamente en la textura, o simplemente ir a Difuso y seleccionar Editar propiedades.
Paso 23:
Al aumentar el valor de Escala-U, las líneas se hacen más pequeñas. Sin embargo, a veces las líneas se rompen de forma extraña, lo que probablemente es un error en Photoshop o un error del controlador de la tarjeta gráfica.
Paso 24:
Después de renderizar la escena, mi letra S se ve así:
Paso 25:
Aquí también ajusto todas las fuentes de luz y algunas las cambio a Focal. Incluso puedo hacer clic en el Icono Nuevo para crear más fuentes de luz.
Paso 26:
Dado que las líneas son demasiado anchas, entro en la textura, luego en el Objeto inteligente y luego en la Sobreposición de patrón, donde escalo ligeramente el tamaño. Sin embargo, aparece una extraña línea doble en la letra S, por lo que regreso a las Propiedades de textura y ajusto un poco el valor de Escala U hasta que encaje.
Paso 27:
A continuación, creo la última letra. La coloco debajo de la letra S en la jerarquía de capas.
Paso 28:
Para la letra d he pensado en algo especial: la letra recibirá un patrón floral. Para ello, descargo un pincel floral de PSD-Tutorials.de, lo inserto en un documento de 2000x2000 px con fondo transparente y lo guardo como archivo PSD.
Paso 29:
Bajo las propiedades de textura, desplazo el patrón correspondiente.
Paso 30:
Entonces, ajusto la luz de nuevo, ¡y así mi letra no se ve nada mal!
Paso 31:
A continuación, creo una nueva capa y añado algunos elementos más pequeños con color blanco utilizando mi pincel floral.
Paso 32:
Ahora es momento de un bonito fondo. Cojo la Herramienta de formas personalizadas y cargo la forma incluida por defecto en Photoshop (si no se muestra, simplemente haz clic en la pequeña flecha en la esquina superior derecha para cargar la biblioteca).
Paso 33:
Después de trazar la forma, reduzco un poco la opacidad, agrego una máscara de capa y la relleno con un degradado radial blanco y negro.
Paso 34:
Puedo mejorar aún más las rayas al, por ejemplo, disminuir la opacidad de relleno y luego agregar un ligero resplandor exterior con color blanco en las opciones de relleno. Después, trazo un bonito degradado azul-azul oscuro.
Paso 35:
Para que brille más en el centro, puedo ajustar el degradado o simplemente modificarlo con un pincel muy suave y grande. Luego, reduzco un poco la opacidad de la capa.
Paso 36:
Los trazos florales me parecen un poco dominantes. Por eso, los volveré a crear, esta vez con un pincel aún más pequeño. El resultado será el siguiente:
Paso 37:
Con una capa de ajuste de tono y saturación, puedo cambiar rápidamente el color de fondo:
Paso 38:
Si prefiero cambiar el color de las letras en lugar del fondo, puedo ir a los modos de fusión de una letra individual y allí seleccionar una sobresaturación con el modo de fusión Color. Luego copio el efecto de capa manteniendo presionada la tecla Alt para cada letra adicional.
Paso 39:
Sin embargo, es más fácil si tengo mis letras en una carpeta de grupo y luego añado una capa de ajuste de tono y saturación. Y - muy importante: Cambio el modo de fusión de mi carpeta de grupo de Superponer a Normal. Así, la capa de ajuste afectará solo al contenido de la carpeta.
Paso 40:
Pequeño truco al final del taller: Duplico mis letras 3D y luego rasterizo mi copia con el botón derecho del ratón.
Paso 41:
Ahora tengo varias opciones: O bien cambio todo el color de la letra a blanco, o solo añado una sobresaturación en blanco. Luego agrego una máscara, y así puedo mejorar ciertas luces con un pincel suave. En mi caso, aumenté la luz en la parte superior de la letra 'd' y oscurecí las sombras con otra capa de sobresaturación negra.
Paso 42:
Después, mi resultado luce así:
Espero haber ofrecido muchos consejos sobre el manejo del 3D en Photoshop. Como se puede ver, no es tan difícil.
