1. Design & Illustration
  2. Text Effects

Cómo crear un efecto de texto pelado en Adobe Illustrator

by
Read Time:5 minsLanguages:

Spanish (Español) translation by Januar (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 texto pelado en Adobe Illustrator. Para empezar, aprenderá cómo crear un fondo plano y cómo agregar un simple fragmento de texto. Aprovechando al máximo el panel Apariencia, aprenderá cómo crear su efecto de texto pelado. Finalmente, aprenderá cómo acelerar su trabajo con estilos gráficos.

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

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

Pulsa Control-N para crear un nuevo documento. Seleccione Píxeles en el menú desplegable Unidades, ingrese 850 en los cuadros de ancho y alto, y luego haga clic en el botón Más configuraciones. Seleccione RGB para el Modo de color, establezca los Efectos de trama en Pantalla (72 ppi) y luego haga clic en el botón Crear documento. No olvide configurar la unidad de medida en píxeles desde Edición> Preferencias> Unidades.

setup gridsetup gridsetup grid

2. Cómo crear el fondo y agregar el texto

Paso 1

Elija la herramienta Rectángulo (M) y concéntrese en su barra de herramientas. Elimine el color del trazo, luego seleccione el relleno y establezca su color a blanco (R = 255 G = 255 B = 255).

Cree un cuadrado de 860 px y asegúrese de que cubra toda su mesa de trabajo.

white squarewhite squarewhite square

Paso 2

Elija la Herramienta de tipo (T) y abra el panel Carácter (Ventana> Tipo> Carácter). Seleccione la fuente Impact (o cualquier fuente en negrita que prefiera), y configure el tamaño en 200 px y el seguimiento en 150 px.

Vaya a su mesa de trabajo, haga clic en ella y agregue su texto como se muestra a continuación. Hazlo negro.

type tooltype tooltype tool

Paso 3

Use la misma herramienta y atributos de caracteres para crear la primera letra de su texto. Hazlo azul y colócalo justo encima del negro.

Sigue agregando letras azules separadas hasta que cubras todo tu texto negro. Una vez que haya terminado, vaya al panel Capas (Ventana> Capas) y elimine su texto negro.

blue letterblue letterblue letter

3. Cómo crear un efecto pelado

Paso 1

Seleccione una de sus letras, céntrese en el panel Muestras (Ventana> Muestras) y haga clic en esa muestra [Ninguno] para eliminar el relleno blanco. Vaya al panel Aspecto (Ventana> Aspecto) y agregue un nuevo relleno con el botón Agregar nuevo relleno.

Seleccione el nuevo relleno y use el degradado lineal que se muestra a continuación (Ventana> Gradiente).

linear gradientlinear gradientlinear gradient

Paso 2

Asegúrese de que su letra de color aún esté seleccionada y siga enfocándose en el panel de Apariencia. Seleccione ese relleno y vaya a Efecto> Estilizar> Resplandor interior. Ingrese los atributos que se muestran en la siguiente imagen y luego haga clic en el botón Aceptar.

inner glowinner glowinner glow

Paso 3

Asegúrese de que su letra de color aún esté seleccionada y siga enfocándose en el panel de Apariencia. Agregue un segundo relleno con el mismo botón Agregar nuevo relleno y arrástrelo a la parte superior del panel, sobre el relleno y el trazo existentes.

Seleccione este nuevo relleno y baje su opacidad al 50%. Aplique el degradado lineal que se muestra a continuación y luego vaya a Efecto> Distorsionar y transformar> Distorsión libre. Arrastre esos puntos como se muestra a continuación y luego haga clic en el botón Aceptar. Tenga en cuenta que el cero amarillo de la imagen de degradado representa el porcentaje de opacidad.

free distortfree distortfree distort

Paso 4

Asegúrese de que su letra de color aún esté seleccionada y siga enfocándose en el panel de Apariencia. Vuelva a seleccionar el relleno superior y vaya a Efecto> Deformar> Arco. Ingrese los atributos que se muestran en la siguiente imagen y luego haga clic en el botón Aceptar.

warp archwarp archwarp arch

Paso 5

Asegúrese de que su letra de color aún esté seleccionada y siga enfocándose en el panel de Apariencia. Agregue un tercer relleno y arrástrelo a la parte superior del panel.

Seleccione este nuevo relleno, aplique el degradado lineal que se muestra a continuación y luego vaya a Efecto> Distorsionar y transformar> Distorsión libre. Arrastre esos puntos como se muestra a continuación y luego haga clic en el botón Aceptar.

grey gradientgrey gradientgrey gradient

Paso 6

Asegúrese de que su letra de color aún esté seleccionada y siga enfocándose en el panel de Apariencia. Vuelva a seleccionar el relleno superior y vaya a Efecto> Deformar> Arco. Ingrese los atributos que se muestran en la siguiente imagen y luego haga clic en el botón Aceptar.

warp archwarp archwarp arch

Paso 7

Asegúrese de que su letra de color aún esté seleccionada y siga enfocándose en el panel de Apariencia. Seleccione el trazo y conviértalo en negro (R = 0 G = 0 B = 0). Baje su opacidad al 10%, establezca el peso a 2 px y, a continuación, vaya a Efecto> Ruta> Ruta de compensación. Ingrese una compensación de -1 px y luego haga clic en el botón Aceptar.

strokestrokestroke

4. Cómo guardar y usar un estilo gráfico

Paso 1

Asegúrese de que su letra de color esté fija, abra el panel Estilos gráficos (Ventana> Estilos gráficos) y haga clic en el botón Nuevo estilo gráfico para guardar los atributos del texto seleccionado como un estilo gráfico. Seleccione una de sus letras azules y simplemente aplique su estilo gráfico desde el panel Estilos gráficos.

graphic stylesgraphic stylesgraphic styles

Paso 2

Finalmente, siempre puedes reemplazar ese degradado púrpura por otro diferente. Aquí hay algunas posibilidades.

blue gradientblue gradientblue gradient
green gradientgreen gradientgreen gradient
teal gradientteal gradientteal gradient
red gradientred gradientred gradient
pink gradientpink gradientpink gradient
orange gradientorange gradientorange gradient

En algunos casos, es posible que deba ajustar algunos de los efectos aplicados. Un ejemplo sería el signo de exclamación, en el que deberás bajar ligeramente la curva de esos efectos de deformación.

yellow gradientyellow gradientyellow gradient

¡Felicidades! ¡Has terminado!

Aquí es cómo debe verse. Espero que hayas disfrutado de este tutorial y que puedas aplicar estas técnicas en tus proyectos futuros.

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.

final productfinal productfinal product
One subscription.
Unlimited Downloads.
Get unlimited downloads