Cómo crear un efecto de texto isométrico en capas con Adobe Illustrator

En los siguientes pasos aprenderás a crear un efecto de texto isométrico en capas con Adobe Illustrator.

Para empezar, aprenderás a crear un texto sencillo y a ajustar sus atributos. Aprovechando al máximo el panel Apariencia, aprenderás a añadir múltiples capas al texto. Utilizando un simple efecto de texto Girar 3D, aprenderás a añadir un aspecto isométrico al texto.

Por último, aprenderás a añadir un fondo sencillo y una textura sutil al diseño final.

Para obtener más inspiración sobre cómo ajustar o mejorar tu efecto de texto final, puedes encontrar muchos recursos en GraphicRiver.

Lo qué necesitarás

Necesitarás los siguientes recursos para completar este proyecto:

• Fuente Auro

1. Cómo crear el primer texto

Paso 1

Pulsa Control-N para crear un nuevo documento. Selecciona Píxeles en el menú desplegable Unidades, introduce 850 en la casilla de anchura y 540 en la de altura, y a continuación haz clic en el botón Avanzado. Selecciona RGB para el Modo de color, establece Efectos de rasterizado en Pantalla (72 ppp) y, a continuación, haz clic en Aceptar.

Abre el panel de Información (Ventana > Información) para obtener una vista previa con el tamaño y la posición de tus selecciones. No olvides establecer la unidad de medida en píxeles desde Edición > Preferencias > Unidades. Todas estas opciones aumentarán significativamente tu velocidad de trabajo.

Paso 2

Elige la herramienta Texto (T) y abre el panel Carácter (Ventana > Texto > Carácter). Selecciona la fuente Auro y ajusta el tamaño a 200 px.

Haz clic en la mesa de trabajo y añade tu texto "Rojo" como se muestra a continuación. Hazlo negro, por ahora.

Paso 3

Selecciona tu texto, enfócate en el panel Muestras (Ventana > Muestras) y haz clic en la muestra [Ninguno] para eliminar el color negro del texto.

Ve al panel Apariencia (Ventana > Apariencia) y añade un nuevo relleno utilizando el botón Añadir nuevo relleno. Selecciona ese nuevo relleno y ajusta el color a R=242 G=242 B=248.

Paso 4

Asegúrate de que tu texto permanece seleccionado, céntrate en el panel Apariencia, y añade un segundo relleno usando el mismo botón de Añadir nuevo relleno.

Selecciona este nuevo relleno, establece el color en R=58 G=95 B=245, y ve a Efecto > Distorsionar y transformar > Transformar. Arrastra el deslizador Mover-Horizontal a 0,8 px y el deslizador Mover-Vertical a -0,8 px, introduce 5 en la casilla Copias y haz clic en Aceptar.

Paso 5

Asegúrate de que el texto permanece seleccionado y sigue concentrándote en el panel Apariencia. Añade un tercer relleno y muévelo a la parte inferior del panel. Ajusta su color a R=242 G=242 B=248 y ve a Efecto > Distorsionar y transformar > Transformar. Arrastra el deslizador Mover-Horizontal a 0,8 px y el deslizador Mover-Vertical a -0,8 px, introduce 10 en la casilla Copias y haz clic en Aceptar.

Vuelve al panel Apariencia, selecciona el relleno azul y duplícalo utilizando el botón Duplicar elemento seleccionado. Arrastra este nuevo relleno a la parte inferior del panel Apariencia y abre el efecto Transformar aplicado a él. Introduce 15 en la casilla Copias y haz clic en Aceptar.

Paso 6

Asegúrate de que el texto permanece seleccionado y sigue concentrándote en el panel Apariencia.

Continúa duplicando los rellenos inferiores, variando los dos colores, y con cada nuevo relleno aumenta el valor en la casilla Copias en 5. Detente en el vigésimo relleno. Al final, las cosas deberían verse como en la siguiente imagen.

2. Cómo crear el segundo texto

Paso 1

Duplica tu fragmento de texto. Selecciona la copia y simplemente reemplaza el "Rojo" por "Azul".

Paso 2

Selecciona tu fragmento de texto "Azul" y enfócate en el panel Apariencia. Selecciona todos los rellenos azules y simplemente reemplaza ese color con R=235 G=47 B=38.

Paso 3

Asegúrate de que tu texto "Azul" sigue seleccionado y sigue centrándote en el panel Apariencia. Uno por uno, abre los efectos de Transformación aplicados a los 19 rellenos y arrastra los deslizadores de Mover-Horizontal a -0,8 px.

3. Cómo aplicar el efecto isométrico 3D

Paso 1

Selecciona tu texto "Azul" y céntrate en el panel Apariencia. Asegúrate de que todo ese texto está seleccionado (simplemente haz clic en "Texto" en la parte superior del panel) y ve a Efecto > 3D > Girar. Introduce los atributos que se muestran a continuación y haz clic en Aceptar.

Paso 2

Selecciona tu texto "Rojo" y céntrate en el panel Apariencia. Asegúrate de que todo el texto está seleccionado y ve a Efecto > 3D > Girar. Introduce los atributos que se muestran a continuación y haz clic en Aceptar.

Paso 3

Trae tu texto "Rojo" al frente (Mayús-Control-]) y colócalo como se muestra a continuación.

4. Cómo crear la sombra del texto

Paso 1

Escoge la herramienta Texto (T) y añade un segundo texto "Rojo". Utiliza los mismos atributos de fuente y establece su color en R=58 G=95 B=245.

Paso 2

Asegúrate de que tu texto azul permanece seleccionado y ve a Efecto > Distorsionar y transformar > Transformar. Introduce los atributos que se muestran a continuación, haz clic en Aceptar y ve a Efecto > 3D > Girar. Introduce los ajustes que se muestran a continuación y haz clic en Aceptar.

Paso 3

Escoge la herramienta Texto (T) y añade un segundo texto "Azul". Utiliza los mismos atributos de fuente y establece su color en R=235 G=47 B=38.

Paso 4

Asegúrate de que el texto rojo permanece seleccionado y ve a Efecto > 3D > Girar. Introduce los atributos que se muestran a continuación, haz clic en Aceptar y ve a Efecto > Distorsionar y transformar > Transformar. Introduce los ajustes que se muestran a continuación y haz clic en Aceptar.

5. Cómo crear el fondo

Paso 1

Elige la herramienta Rectángulo (M) y crea una forma de 870 x 560 px. Rellena esta nueva forma con R=242 G=242 B=248, envíala al fondo (Mayúsculas-Control-[), y asegúrate de que cubre toda tu mesa de trabajo.

Paso 2

Selecciona tu rectángulo, añade una copia delante (Control-C > Control-F), y llévala al frente (Mayús-Control-]).

Asegúrate de que esta nueva forma permanece seleccionada y céntrate en el panel Apariencia. Primero, reemplaza el color plano con el degradado radial que se muestra a continuación. Utiliza la herramienta Degradado (G) para estirar el degradado como se muestra a continuación. Baja su Opacidad al 5% y cambia el Modo de fusión a Multiplicar, y luego ve a Efecto > Artístico > Película granulada. Introduce los atributos que se muestran a continuación y haz clic en Aceptar.

¡Felicitaciones! ¡Ya terminaste!

Así es como debería verse. Espero que hayas disfrutado de este tutorial y puedas aplicar estas técnicas en tus futuros proyectos. No dudes en compartir tu resultado final en la sección de comentarios.

Siéntete libre de ajustar el diseño final y darle tu toque personal. En GraphicRiver puedes encontrar grandes fuentes de inspiración, con interesantes alternativas para mejorar tu diseño.