Cómo crear un efecto de arte de texto 3D en Adobe Illustrator

Lo que vas a crear

En los siguientes pasos, aprenderá cómo crear un efecto de arte de texto en 3D en Adobe Illustrator.

Para empezar, aprenderá cómo crear un fondo simple y cómo agregar texto básico. Usando solo un fragmento de texto y un efecto de texto de rotación 3D, aprenderá cómo crear la ruta compuesta principal. A continuación, aprenderá a usar un efecto Extrusión y bisel 3D y algunas técnicas de mezcla y enmascaramiento para agregar el efecto de agujero 3D a su texto. Finalmente, aprenderá cómo agregar un poco de sombreado y una textura sutil para el diseño final.

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

Que necesitarás

Necesitará el siguiente recurso para completar este proyecto:

  • Fuente de etna

1. Cómo crear un nuevo documento y el fondo

Paso 1

Golpear Control-N para crear un nuevo documento. Seleccionar Pixeles desde el Unidades menú desplegable, entrar 850 en la caja de ancho y 600 en el cuadro de altura, y luego haga clic en ese Más ajustes botón. Seleccionar RGB Para el Modo de color, selecciona el Efectos raster a Pantalla (72 ppi), y luego haga clic Crear documento.

Abre el Información panelVentana> Información) para una vista previa en vivo con el tamaño y la posición de sus formas, y configure la unidad de medida en píxeles desde Editar> Preferencias> Unidades. Estas opciones aumentarán significativamente tu velocidad de trabajo..

Paso 2

Elige el Herramienta Rectangular (M) y enfócate en tu Barra de herramientas. Elimine el color del trazo y, a continuación, seleccione el relleno y establezca su color en R = 255 G = 180 B = 0.

Simplemente haga clic en su mesa de trabajo para abrir el Rectángulo ventana. Selecciona el Anchura a 870 px y el Altura a 630 px, y luego haga clic DE ACUERDO. Asegúrese de que su nueva forma cubra toda la mesa de trabajo como se muestra en la siguiente imagen.

2. Cómo crear la forma del texto principal

Paso 1

Elige el Tipo de herramienta (T) y abre el Personaje panelVentana> Tipo> Carácter). Seleccione la fuente Etna y establezca el tamaño en 250 px y el seguimiento a 100.

Haga clic en la mesa de trabajo y agregue su texto como se muestra a continuación. Establece el color en R = 255 G = 150 B = 0. Asegúrese de que su texto esté seleccionado y simplemente cópielo (Control-C). Necesitarás esta copia más tarde..

Paso 2

Asegúrese de que su texto esté seleccionado, y vaya a Efecto> 3D> Rotar. Introduzca los atributos que se muestran a continuación y haga clic en DE ACUERDO.

Paso 3

Asegúrese de que su texto aún esté seleccionado, y vaya a Objeto> Expandir Apariencia. primero, Desagrupar (Shift-Control-G) el grupo recién creado. Suelte la máscara de recorte (Alt-Control-7) y entonces Desagrupar (Shift-Control-G) el grupo resultante.

Seleccione la forma que rodea todo el texto y elimínela. Seleccione las formas que componen su texto y conviértalas en una ruta compuesta (Objeto> Ruta compuesta> Hacer o Control-8).

Etapa 4

Asegúrese de que su ruta compuesta esté seleccionada, y vaya a Efecto> Stylize> Drop Shadow. Introduzca los atributos que se muestran a continuación y haga clic en DE ACUERDO.

3. Cómo crear el efecto de arte de texto 3D

Paso 1

Golpear Control-f Para agregar esa copia de texto en el mismo lugar. Cambiar su color a R = 153 G = 153 B = 153.

Paso 2

Selecciona tu texto gris y ve a Efecto> 3D> Extrusión y Bisel. Haga clic en el Mas opciones e ingrese todos los atributos que se muestran a continuación. No te olvides de revisar el Dibujar caras ocultas cuadro y haga clic DE ACUERDO.

Paso 3

Asegúrese de que su texto gris aún esté seleccionado, y vaya a Objeto> Expandir Apariencia. Elige el Herramienta de selección directa (A), seleccione las formas que forman la parte frontal del texto (resaltadas en la primera imagen) y simplemente elimínelas. Al final, las cosas deberían verse como en la segunda imagen..

Etapa 4

Elige el Mover herramienta (V) y selecciona tu grupo de formas junto con la ruta compuesta naranja. Haga clic en el borde de la ruta compuesta para resaltarla (como se muestra en la primera imagen) y luego haga clic en Alineación vertical superior botón de la Alinear panelVentana> Alinear).

Paso 5

Seleccione su ruta compuesta naranja, agregue una copia al frente (Control-C> Control-F), y llevarlo al frente (Shift-Control-]). Rellena esta nueva forma con blanco (R = 255 G = 255 B = 255).

Paso 6

Seleccione su ruta compuesta blanca junto con el grupo de formas y haga clic en el Hacer mascara botón de la Transparencia panelVentana> Transparencia).

Paso 7

Asegúrese de que su grupo enmascarado todavía esté seleccionado y cambie su Modo de fusión a Exclusión.

4. Cómo agregar una textura sutil

Paso 1

Seleccione su rectángulo amarillo, agregue una copia al frente (Control-C> Control-F), y llevarlo al frente (Shift-Control-]).

Asegúrese de que esta nueva forma permanezca seleccionada y enfoque en la Apariencia panelVentana> Apariencia). Seleccione el relleno, cambie su Modo de fusión a Cubrir, y reemplace el color plano con el degradado lineal que se muestra a continuación. Recuerde seleccionar el control deslizante de degradado correcto y bajar su Opacidad a 0%.

Paso 2

Asegúrese de que la forma agregada en el paso anterior permanezca seleccionada y siga enfocándose en la Apariencia panelVentana> Apariencia).

Agregue un segundo relleno usando el Añadir nuevo relleno botón y seleccionarlo. Ajusta el color a negro (R = 0 G = 0 B = 0), baja su Opacidad a 7%, cambiar el Modo de fusión a Cubrir, y luego ir a Efecto> Artístico> Grano de película. Introduzca los atributos que se muestran a continuación y haga clic en DE ACUERDO.

¡Felicidades! Estas hecho!

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

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

¿Buscas más tutoriales similares a este? ¿Por qué no echa un vistazo a estos: