Diseño de tipo 3D estilizado y suave

El uso de la tipografía 3D es una tendencia que va en aumento en el diseño actual. La creación de este tipo de letra suele requerir un software 3D avanzado. Sin embargo, no todos tenemos ese software ni sabemos utilizarlo. En este tutorial, te enseñaré los fundamentos de la creación de tipos 3D con Illustrator y Photoshop. Pongamos manos a la obra.

Paso 1

Abre Illustrator y, con la herramienta Texto, escribe algún texto. He utilizado la fuente Bifurk, que se puede descargar gratuitamente. Utilicé esta fuente porque las fuentes bonitas y gruesas son las que mejor funcionan con este efecto. El uso de una fuente fina suele dar peores resultados. El tamaño de la fuente se ha fijado en 77pt. No te preocupes demasiado por el tamaño de la fuente. Utilizaremos Objetos Inteligentes, así que podemos ajustar el tamaño en cualquier momento.

Paso 2

Ahora cambia el color a blanco. Si no te gusta no poder ver el texto, puedes simplemente usar un fondo diferente. A continuación ve a Efecto>3D>Extrusión y Bisel. Utiliza la configuración que se muestra a continuación, asegurándote de abrir las opciones de mineral, y asegúrate de que la vista previa esté activada.

Paso 3

Es hora de migrar el trabajo a Photoshop. Basta con copiar y pegar la obra (o arrastrarla de un lienzo a otro). Yo prefiero utilizar los objetos inteligentes. Ahora puedes modificar el tamaño de tu texto al tamaño que quieras. De hecho, cuanto más grande sea, mejor. Para los fines de este tutorial, me limitaré a un lienzo relativamente pequeño. He colocado la imagen sobre un fondo azul, por lo que es más fácil de trabajar que el blanco sobre blanco.

Paso 4

¡Ahora ocurre la magia! Utiliza los ajustes de abajo para aplicar estilos de capa al texto. El resultado sigue las imágenes de configuración.

Paso 5

Vamos a ir más allá con este diseño. Después de todo, este es un estilo funky que estamos creando aquí. Ctrl-Click en su capa de texto para obtener una selección. A continuación, en una nueva capa añade un degradado suave de negro a blanco. Establece el modo de capa en Luz suave y la Opacidad en 40%. Esto crea un contraste impresionante.

También quiero añadir algunas sombras para que mi texto se asiente sobre una superficie. Selecciona una Opacidad baja (alrededor de 20%) y un pincel negro suave de tamaño pequeño. A continuación, cepille una sombra debajo del texto en una nueva capa inferior. Cuanto más se aleje del texto, menos trazos habrá que utilizar. Si creas que es necesario desenfocar la sombra, ve a filtro>desenfoque>desenfoque gaussiano. Utiliza un valor que te parezca apropiado. Es una sombra básica, nada demasiado sofisticado.

Paso 6

Puedes dar por terminado el proceso y detenerte aquí, o puedes continuar. Duplica el objeto inteligente y rasterízalo yendo a (Capa > Rasterizar > Objeto inteligente). Oculta el objeto inteligente inferior. Ahora ve a la Herramienta Tampón de Clonar. Consigue un bonito pincel irregular, como un pincel de salpicaduras, o algo similar. Luego clona algunas partes del texto. Esto crea un bonito efecto de ruptura. Pero ten cuidado de no exagerar el efecto.

Paso 7

Voy a añadir más elementos. En lugar de remolinos brillantes, voy a añadir lo que me gusta llamar "marcas de carretera". Quizás el término adecuado sería "rayas". Utilizo la herramienta Pluma para crear una forma que tenga la perspectiva adecuada (todo esto es a ojo), y luego lo relleno con blanco. Esto realza la ilusión de una superficie. Puedes modificarlo con una máscara y un pincel de baja opacidad: difuminar algunas partes crea un bonito efecto.

Paso 8

Los destellos de la lente están infravalorados. Cuando se utilizan bien, ayudan a realzar el efecto de un objeto brillante. Crea una nueva capa encima de todo lo demás y rellénala de negro. Ve a Filtro > Renderizado > Destello de lente. Elige el objetivo de 105 mm. Colócalo un poco fuera del centro, para que tengas un buen rayo de luz disparando. Coloca el modo de capa en la pantalla. Tal vez hayas notado que si mueves la capa, puedes ver un borde áspero al final del destello de la lente. Basta con borrarla con una goma de borrar suave o enmascararla con un pincel suave. Puedes regular la opacidad de la capa para controlar la intensidad del efecto.

Paso 9

Ahora vamos a añadir algo de color al tipo. Crea una nueva capa encima de todo lo demás. Toma un pincel difuso, de tamaño medio, y ajústalo a un color como (#e02c97). Comienza a cepillar la parte inferior de tu tipografía. Cuando haya terminado, haz Ctrl-clic en la capa donde se encuentra tu tipografía, para que sea visible una selección alrededor de la misma. Ahora pulsa el botón de máscara de capa en la parte inferior de la paleta de capas. Esto debería eliminar todo el color que está fuera de los límites del texto. A continuación, debes establecer esta capa en luz suave.

Paso 10

Vamos a trabajar un poco más en el fondo. Crea un nuevo documento de 40px por 2px. Asegúrate de que el fondo sea transparente. Ahora rellena la mitad del documento (20px) con negro. Ve a editar > definir motivo. Luego guarda este nuevo motivo.

Paso 11

Vuelve a tu proyecto original. En una nueva capa, situada debajo de su capa de tipografía, ve a Editar > Relleno. Ajuste el campo de uso a Motivo. De los motivos disponibles, selecciona tu motivo personalizado recién hecho en el paso anterior. Ahora pulsa OK. Todo el lienzo debería llenarse con un montón de rayas.

Ahora ve a editar > transformar > perspectiva. Toma el punto de anclaje inferior izquierdo, y mientras mantienes presionada la tecla Shift, arrástralo hacia afuera y hacia la izquierda. Ahora ve a editar > transformar > perspectiva. Toma el punto de anclaje inferior izquierdo, y mientras mantienes presionada la tecla Shift, arrástralo hacia afuera y hacia la izquierda.

Por último, cambia el modo de capa a Luz suave. Con un pincel de baja opacidad y una máscara, añadí algo de textura al conjunto. También eliminé partes de los motivos de las líneas para centrar el diseño con una máscara.

Paso 12

A continuación vamos a crear los anillos. Toma la Herramienta Elipse y ponla en rutas en lugar de capas de forma. Ahora haz un bonito círculo (mantén pulsada la tecla Shift para crear un círculo). A continuación, traza con un pincel de 2px. Ahora tienes un anillo. Duplica esta capa, disminuye su tamaño y repite este proceso unas cuatro veces más. Ahora tienes un montón de anillos. Fusiona todas estas capas. A continuación, añade un resplandor por defecto, pero con el color cambiado a blanco. A continuación, añadir un destello de lente en la parte superior, como lo hicimos antes. Para el efecto de fantasía usé una máscara (sí, otra vez), y me deshice de una parte de los anillos.

Paso 13

Lo siguiente que hay que hacer es añadir las nubes y el "humo" debajo de las letras. Las nubes son de una imagen de stock de Stock.Xchng. Después de descargar e importar la imagen, la he ocultado y duplicado. Juega y ve lo que sucede. Cada resultado es diferente con este. El humo fue creado con las mismas técnicas que se pueden encontrar al principio del tutorial Efecto de texto de meteorito en llamas por Fabio.

Conclusión 

Añade una nueva capa debajo de nuestra capa " rayas ". A continuación, crea un degradado de color rosa, que va de arriba a abajo, y se desvanece a transparente a mitad de camino. Y ya está.

Has aprendido a crear un texto con estilo 3D sin necesidad de utilizar un software 3D avanzado. Hay muchas opciones disponibles al crear un diseño como este. Este tipo de texto en 3D queda muy bien en los carteles o cuando se mezcla con paisajes urbanos o naturales. Una vez aprendida, esta técnica puede dar resultados espectaculares. ¡Que lo disfrutes!