1. Design & Illustration
  2. Text Effects

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

by
Read Time:8 minsLanguages:

Spanish (Español) translation by Valentina Anelli (you can also view the original English article)

Final product imageFinal product imageFinal product image
What You'll Be Creating

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ás 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á

Necesitará el siguiente recurso para completar este proyecto:

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

Paso 1

Pulse Control-N para crear un nuevo documento. Seleccione Píxeles en el menú desplegable Unidades, ingresa 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 en Pantalla (72 ppi) y luego haga clic en Crear Documento.

Abre 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, y configure la unidad de medida en píxeles desde Edición> Preferencias> Unidades. Estas opciones aumentarán significativamente su velocidad de trabajo.

new documentnew documentnew document

Paso 2

Elija la Herramienta Rectángulo (M) y concéntrese en su 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 la ventana Rectángulo. Establezca el Ancho en 870 px y la Altura en 630 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.

rectangle toolrectangle toolrectangle tool

2. Cómo crear la forma del texto principal

Paso 1

Elija la Herramienta de tipo (T) y abra el panel Carácter (Ventana> Tipo> Carácter). Seleccione la fuente Etna y configure el tamaño en 250 px y el seguimiento en 100.

Haga clic en la mesa de trabajo y agregue su texto como se muestra a continuación. Establezca 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.

type tooltype tooltype tool

Paso 2

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

3D rotate3D rotate3D rotate

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 luego 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> Marca o Control-8).

expand appearanceexpand appearanceexpand appearance

Paso 4

Asegúrese de que su ruta compuesta esté seleccionada y vaya a Efecto> Estilizar> Sombra paralela. Ingrese los atributos que se muestran a continuación y haga clic en Aceptar.

drop shadowdrop shadowdrop shadow

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

Paso 1

Presione Control-F para agregar esa copia de texto en el mismo lugar. Cambie su color a R = 153 G = 153 B = 153.

copy textcopy textcopy text

Paso 2

Seleccione su texto gris y vaya a Efecto> 3D> Extruir y biselar. Haga clic en el botón Más Opciones e ingrese todos los atributos que se muestran a continuación. No olvide marcar el cuadro Dibujar Caras Ocultas y hacer clic en Aceptar.

3D extrude bevel3D extrude bevel3D extrude bevel

Paso 3

Asegúrese de que su texto gris aún esté seleccionado y vaya a Objeto> Expandir apariencia. Elija la Herramienta de Selección Directa (A), seleccione las formas que conforman 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.

ungroupungroupungroup

Paso 4

Elija la Herramienta Mover (V) y seleccione su 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 el botón Vertical Align Top desde el panel Align (Ventana> Align).

alignalignalign

Paso 5

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

white shapewhite shapewhite shape

Paso 6

Seleccione su ruta compuesta blanca junto con el grupo de formas y haga clic en el botón Crear Máscara en el panel Transparencia (Ventana> Transparencia).

make maskmake maskmake mask

Paso 7

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

blend modeblend modeblend mode

4. Cómo agregar una textura sutil

Paso 1

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

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

linear gradientlinear gradientlinear gradient

Paso 2

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

Agregue un segundo relleno con el botón Agregar Nuevo Relleno y selecciónelo. Establezca el color en negro (R = 0 G = 0 B = 0), reduzca su opacidad al 7%, cambie el modo de fusión a Superposición y luego vaya a Efecto> Artístico> Grano de película. Ingrese los atributos que se muestran a continuación y haga clic en Aceptar.

film grainfilm grainfilm grain

¡Felicidades! ¡Listo!

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 excelentes fuentes de inspiración en GraphicRiver, con soluciones interesantes para mejorar su diseño.

3D text art effect3D text art effect3D text art effect

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

One subscription.
Unlimited Downloads.
Get unlimited downloads