1. Design & Illustration
  2. Add-Ons
  3. Text Effects

Cómo crear un gran efecto de texto de recorte en Illustrator

Scroll to top

Spanish (Español) translation by Johana (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ás a crear un gran efecto de texto de recorte en Adobe Illustrator.

Para los principiantes, aprenderás a configurar una cuadrícula simple. Aprenderás a crear un fondo de arcoíris del orgullo LGBT usando un rectángulo simple y el efecto Transformar. Después, aprenderás a añadir una simple pieza de texto, cómo expandirlo y cómo alinear las formas de letras resultantes.

Aprenderás a crear el efecto de recorte y cómo expandir fácilmente tus formas de letras mediante técnicas básicas de creación de formas vectoriales. Por último, aprenderás a añadir un sutil efecto de sombreado.

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

1. Cómo crear un nuevo documento y configurar una cuadrícula

Presiona Control+N para crear un nuevo documento. Selecciona Píxeles en el menú desplegable Unidades, escribe 850 en la casilla de anchura y 900 en la casilla de altura y luego, haz clic en el botón Más ajustes. Selecciona RGB para el Modo de color, establece los Efectos de rasterizado en Trama (72 ppi) y luego, haz clic en Crear documento.

Habilita la cuadrícula (Ver > Mostrar cuadrícula) y ajustar a cuadrícula (Ver > Ajustar a cuadrícula). Necesitarás una cuadrícula cada 10 px, así que solo ve a Edición > Preferencias > Guías y cuadrícula y coloca 10 en la Línea de cuadrícula cada casilla y 1 en la casilla de Subdivisiones. Intenta no desanimarte por toda esa cuadrícula, eso facilitará tu trabajo y ten en cuenta que puedes habilitarlo o deshabilitarlo fácilmente mediante el atajo de teclado Control+".

Puedes obtener más información sobre el sistema de cuadrícula de Illustrator en este breve tutorial de Andrei Stefan: Descripción del sistema de cuadrícula de Adobe Illustrator.

También debes abrir el panel Información (Ventana > Información) para obtener una vista preliminar en vivo con el tamaño y la posición de sus formas. 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.

set up gridset up gridset up grid

2. Cómo crear el fondo de arcoíris del orgullo LGBT

Paso 1

Elige la Herramienta rectángulo (M) y enfócate en tu barra de herramientas. Elimina el color del trazo y luego, selecciona el relleno y establece su color en R=255 G=0 B=0.

Pasa a tu mesa de trabajo y simplemente crea una forma de 850 x 150 px, la cuadrícula y el Ajustar a cuadrícula deberían hacerlo más fácil. Coloca esta nueva forma como se muestra en la siguiente imagen.

rectangle toolrectangle toolrectangle tool

Paso 2

Asegúrate de que tu rectángulo esté seleccionado y ve a Efecto > Distorsionar y Transformar > Transformar. Arrastra el regulador de Mover vertical a 150 px, escribe 5 en el campo de entrada Copias y haz clic en OK.

transform effecttransform effecttransform effect

Paso 3

Asegúrate de que el rectángulo siga seleccionado, ve a Objeto > Expandir apariencia y Desagrupar (Mayús+Control+G) el grupo de formas resultante.

expand appearanceexpand appearanceexpand appearance

Paso 4

Selecciona tus rectángulos uno por uno y reemplaza los colores de relleno existentes por los que se muestran en la siguiente imagen.

recolorrecolorrecolor

3. Cómo crear el marco de efecto de texto

Paso 1

Elige la Herramienta rectángulo (M) y crea una forma de 380 x 440 px. Rellena esta nueva forma con blanco (R=255 G=255 B=255) y colócala como se muestra en la siguiente imagen.

white rectanglewhite rectanglewhite rectangle

Paso 2

Elige la Herramienta selección de trazado (A) y selecciona tu rectángulo blanco. Enfócate en la barra de Opciones y coloca 10 px en el campo de entrada Esquinas.

radiusradiusradius

Paso 3

Elige la Herramienta rectángulo (M) y crea una forma de 340 x 400 px. Rellena este nuevo rectángulo con R=255 G=0 B=0, baja su Opacidad a un 30% y colócalo como se muestra en la siguiente imagen.

transparent rectangletransparent rectangletransparent rectangle

4. Cómo crear y alinear el efecto de texto

Paso 1

Elige la Herramienta texto (T) y abre el panel Carácter (Ventana > Texto > Carácter). Selecciona la fuente Odudo y establece el tamaño en 150 px, el interlineado en 150 px y el tracking en 300.

Haz clic en la mesa de trabajo y añade tu texto como se muestra en la siguiente imagen. Hazlo de color negro.

type tooltype tooltype tool

Paso 2

Asegúrate de que el texto siga seleccionado y ve a Texto > Crear contornos (Mayús+Control+O). Desagrupa (Shift+Control+G) el grupo de formas resultante.

create outlinescreate outlinescreate outlines

Paso 3

Ahora necesitas alinear tus formas de letras con los bordes de ese rectángulo rojo transparente.

Comencemos con la forma "L". Selecciónala junto con el rectángulo rojo. Haz clic en el borde del rectángulo para destacarlo y, por lo tanto, convertirlo en el objeto clave. Abre el panel Alinear (Ventana > Alinear) y haz clic en los botones Alineación vertical superior y horizontal derecha.

Usa la misma técnica al igual que los demás botones del panel Alinear para alinear las formas de las letras como se muestra en la tercera imagen.

align textalign textalign text

Paso 4

Selecciona el rectángulo rojo y solo elimínalo.

delete rectangledelete rectangledelete rectangle

5. Cómo estilizar el efecto de texto vectorial

Paso 1

Selecciona todas las formas de las letras junto con la forma blanca, abre el panel Buscatrazos (Ventana > Buscatrazos) y haz clic en el botón Dividir.

pathfinder dividepathfinder dividepathfinder divide

Paso 2

Selecciona las formas de las letras una por una y espárcelas alrededor como se muestra en la siguiente imagen.

spread letter shapesspread letter shapesspread letter shapes

Paso 3

Selecciona todas las formas blancas, transfórmalas en un trazado compuesto (Objeto > Trazado compuesto > Crear o Control+8) y tráelo al frente (Shift+Control+]).

make compound pathmake compound pathmake compound path

Paso 4

Asegúrate de que el trazado compuesto blanco todavía siga seleccionado y ve a Efecto > Estilizar > Sombra paralela. Coloca los ajustes que se muestran en la primera ventana, haz clic en OK y luego, aplica los otros dos efectos de Sombra paralela.

drop shadow effectdrop shadow effectdrop shadow effect

¡Felicitaciones! ¡Terminaste!

Así es como debería verse tu gran efecto de texto de recorte. Espero que te haya gustado 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.

Eres libre de modificar el diseño final y personalizarlo. Puedes encontrar algunas grandes fuentes de inspiración en GraphicRiver, con soluciones interesantes para mejorar tu diseño.

final productfinal productfinal product