Cómo Crear un Efecto de Texto 3D Español en Adobe Illustrator

Spanish (Español) translation by Jean-Christophe Garbez (you can also view the original English article)

Final product image — What You'll Be Creating

En los pasos que presentamos a continuación, aprenderá como crear un efecto de texto 3D español en Adobe Illustrator.

Para empezar, aprenderá cómo crear un fondo simple para su texto y cómo agregar el texto básico. Usando solo el texto que ha introducido y el panel Apariencia, aprenderá cómo crear el efecto final del texto. Solo necesitará cuatro rellenos, un trazo, varios efectos de Transformación y Rotación 3D, un Desenfoque Gaussiano y algunas técnicas básicas de fusión.

Si busca más inspiración sobre cómo ajustar o mejorar su efecto de texto final, puede encontrar muchos recursos en GraphicRiver .

Aqui está lo que va a necesitar

Necesitará el siguiente recurso para completar este proyecto:

Fuente Etna

1. Cómo crear un Documento Nuevo y el Fondo

Paso 1

Pulsa Control-N para crear un nuevo documento. Seleccione Píxeles en el menú desplegable Unidades , ingrese 850 en el cuadro de ancho y 600 en el cuadro de altura, y luego haga clic en el botón Más Configuraciones . Seleccione RGB para el Modo de Color , configure los Efectos de Trama a Pantalla (72 ppi) y luego haga clic en Crear Documento .

Abra el panel Información ( Ventana> Información ) para obtener una vista previa en vivo con el tamaño y la posición de sus formas. No olvide configurar la unidad de medida como píxeles desde Edición> Preferencias> Unidades .

Paso 2

Elije la herramienta Rectángulo (M) y apunte a la Barra de Herramientas . Elimine el color del trazo y luego seleccione el relleno y establezca su color en R=137 G=147 B=150 .

Sencillamente haga clic en su mesa de trabajo para abrir la ventana Rectángulo . Establezca el Ancho en 870 px y la Altura en 620 px , y luego haga clic en Aceptar . Asegúrese de que su nueva forma cubra toda la mesa de trabajo como se muestra en la siguiente imagen.

2. Cómo Crear el Texto

Paso 1

Elija la Herramienta Texto (T) y abra el panel Carácter ( Ventana > Texto > Carácter ). Seleccione la fuente Etna y establezca el tamaño en 100 px y el tracking en 100 .

Haga clic en la mesa de trabajo y agregue su texto como se muestra a continuación. El texto que estoy usando es "Mira siempre el lado bueno de la vida". Hagalo negro, por ahora.

Paso 2

Seleccione su texto, apunta al panel Muestras ( Ventana > Muestras ) y haga clic en la muestra [Ninguno] para eliminar el color negro del texto.

Vaya al panel Apariencia( Ventana> Apariencia) y agregue un nuevo relleno con el botón Agregar Nuevo Relleno . Seleccione el nuevo relleno y configure el color en R=249 G=62 B=73 .

3. Cómo crear el efecto de texto 3D español

Paso 1

Asegúrese de que su texto permanezca seleccionado y apunta al panel Apariencia . Seleccione el relleno y vaya a Efecto> 3D> Rotar . Ingrese los atributos que se muestran a continuación y haga clic en Aceptar .

Paso 2

Asegúrese de que su texto permanezca seleccionado y siga apuntando al panel Apariencia .

Agregue un segundo relleno y selecciónelo. Arrástrelo debajo del otro relleno, establezca su color en R=206 G=17 B=38 , y vaya a Efecto> 3D> Rotar . Ingrese los valores que se muestran a continuación, haga clic en Aceptar y vaya a Efecto> Distorsionar y transformar> Transformar . Arrastre el control deslizante Mover-Vertical a 0.25 px , ingrese 20 en el cuadro Copias y luego haga clic en Aceptar .

Paso 3

Asegúrese de que su texto permanezca seleccionado y siga apuntando al panel Apariencia .

Agregue un tercer relleno y selecciónelo. Arrástrelo debajo de los otros rellenos y establezca su color a negro ( R=0 G=0 B=0 ). Baje su Opacidad al 50% y cambie el Modo de Fusión a Luz suave , y luego vaya a Efecto> 3D> Rotar . Ingrese los valores que se muestran a continuación, haga clic en Aceptar y vaya a Efecto> Distorsionar y transformar> Transforma. Ingrese la configuración que se muestra en la siguiente imagen, haga clic en Aceptar y vaya a Efecto> Desenfoque> Desenfoque gaussiano . Establezca el Radio en 8 px y haga clic en Aceptar .

Paso 4

Asegúrese de que su texto permanezca seleccionado y siga apuntando al panel Apariencia .

Seleccione el relleno negro y duplíquelo utilizando el botón Duplicar elemento seleccionado . Seleccione el relleno recién agregado, baje su Opacidad al 5% y elimine el efecto Desenfoque gaussiano .

Paso 5

Asegúrese de que su texto permanezca seleccionado y siga apuntando al panel Apariencia .

Seleccione el trazo y establezca su color en blanco ( R=255 G=255 B=255 ). Aumente el Peso del trazo a 4 px y luego vaya a Efecto> Trazado> Desplazamiento . Ingrese un Desplazamiento de -2 px , haga clic en Aceptar y vaya a Efecto> 3D> Girar . Ingrese los valores que se muestran a continuación, haga clic en Aceptar y vaya a Efecto> Distorsionar y transformar> Transformar . Arrastre el control deslizante Mover-Vertical a -20 px y haga clic en Aceptar .

¡Felicitaciones! ¡Ha terminado!

Así es cómo debe verse su efecto de texto 3D español. Espero que hayas disfrutado de este tutorial y que podrás aplicar estas técnicas en tus proyectos futuros. No dudes en compartir tu resultado final en la sección de comentarios.

Siéntese libre de ajustar el diseño final y hacerlo propio. Puede encontrar excelentes fuentes de inspiración en GraphicRiver , con soluciones interesantes para mejorar su diseño.

¿Buscando por más tutoriales? Recomiendo lo siguiente: