Advertisement
  1. Design & Illustration
  2. Adobe Illustrator

Tutorial de Illustrator sobre cómo deformar texto

Scroll to top
Read Time: 7 min

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

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

¿Quieres aprender cómo deformar texto en Illustrator? En este video de mi curso, 10 consejos esenciales de diseño en Adobe Illustrator, aprenderás todos los pormenores de distorsionar y deformar texto Illustrator.

Aunque puedes crear el aspecto tú mismo, también puedes descargar desde Envato Elements efectos de texto deformado para utilizar en Illustrator.

Efecto para deformar texto IllustratorEfecto para deformar texto IllustratorEfecto para deformar texto Illustrator
Encuentra y descarga miles de efectos de texto para Adobe Illustrator como este en Envato Elements.

Si tienes una suscripción a Envato Elements, esta selección y otras plantillas para efecto de texto Illustrator están disponibles para descargar en cualquier momento y sin límites. Veremos más después de este tutorial.

Y si prefieres videotutoriales, no olvides visitar el canal de Envato Tuts+ en YouTube. Encontrarás cientos de fascinantes videos, como este sobre consejos esenciales de diseño y cómo deformar texto en Illustrator:

Lo que aprenderás en este tutorial de Illustrator sobre cómo deformar texto:

  • Cómo preparar el texto para deformarlo
  • Cómo crear un efecto de texto abombado
  • Cómo añadir una distorsión
  • Cómo ajustar el efecto de abombado
  • Cómo crear un efecto de arco 
  • Cómo ajustar el efecto de arco

1.  Cómo preparar el texto Illustrator para deformarlo

Entonces vamos a aprender cómo deformar texto en Illustrator. Tomemos nuestra herramienta Texto, hacemos clic en cualquier parte de la mesa de trabajo y escribimos algún texto. Escribamos "WARPED" (deformado). Y podemos ir al panel Carácter en la parte superior y seleccionamos una fuente, que será Gotham Bold

Luego, me dirijo a las opciones de alineación y selecciono Centrar para que quede ubicado en medio. Ahora creemos un par de copias manteniendo presionadas las teclas Alt-Mayúsculas y arrastrando. Entonces tu pantalla debería verse así:

Texto plano para deformarse en el tutorial de IllustratorTexto plano para deformarse en el tutorial de IllustratorTexto plano para deformarse en el tutorial de Illustrator
 Utilizaremos Illustrator para deformar este texto de diferentes maneras.

2. Cómo crear un efecto de texto Illustrator abombado

Seleccionaremos el primer texto y aplicamos Objeto > Distorsión de envolvente > Crear con deformación. Tenemos marcada la opción de Previsualizar y podemos elegir también el Estilo. Hay muchos ajustes preestablecidos para elegir, así que nos decantamos por Abombar, y veamos cómo luce. 

Efecto Abombar para deformar texto IllustratorEfecto Abombar para deformar texto IllustratorEfecto Abombar para deformar texto Illustrator

 Así que por el momento, estamos abombando este texto horizontalmente, y podemos ajustar el regulador deslizante Curvar. Por supuesto, podemos subir un poco el porcentaje y verás que se abomba hacia afuera. O podemos elegir valores ligeramente negativos y se abombará hacia adentro.

También podrías abombarlo verticalmente, así que se comportará ligeramente diferente. Realmente depende de lo que busques.

Abombar el texto Illustrator de forma verticalAbombar el texto Illustrator de forma verticalAbombar el texto Illustrator de forma vertical

3. Cómo añadir una distorsión al texto Illustrator

También podrías distorsionar el texto horizontal y verticalmente, usando el regulador deslizante. Así que podrías hacer que un lado pareciera más grande arrastrando el regulador deslizante de Distorsión Horizontal-100

Distorsión horizontal para deformar texto IllustratorDistorsión horizontal para deformar texto IllustratorDistorsión horizontal para deformar texto Illustrator

Pero vayamos por algo más sutil. Elige los siguientes valores para deformar el texto en Illustrator:

  • Curvar horizontal: -2%
  • Distorsión horizontal: -54%
  • Distorsión vertical: 25%

Posteriormente haz clic en OK, puedes ver que hemos deformado el texto.

Efecto final de abombar texto IllustratorEfecto final de abombar texto IllustratorEfecto final de abombar texto Illustrator

Y si hacemos clic en él, todavía tenemos todas estas opciones en la parte superior, donde puedes cambiar los ajustes preestablecidos y otros valores. 

4. Cómo ajustar el efecto de abombado después de deformar el texto Illustrator

Ahora, por el momento, si presiono Comando-Y para ir al modo de contorno, puedes ver que todavía tiene un cuadro y líneas alrededor de él, y no puedo cambiar el color de relleno o cualquier otra cosa. 

Texto no expandidoTexto no expandidoTexto no expandido

Entonces lo que recomiendo es una vez que termines tu texto deformado en Illustrator, aplica Objeto > Expandir. Deja Objeto y Relleno seleccionados, haz clic en OK y luego podemos cambiar de nuevo al modo de contorno y podrás ver tu texto. 

Texto expandidoTexto expandidoTexto expandido

Ahora recuerda, cuando expandes algo en Illustrator, lo que ves esencialmente se convierte en trazados de la forma. Entonces esta se conforma de muchos puntos de ancla distintos y podemos ajustarlos si queremos para refinar esa deformación. 

Ajustando puntos de ancla de texto Illustrator deformadoAjustando puntos de ancla de texto Illustrator deformadoAjustando puntos de ancla de texto Illustrator deformado

Pero también, cuando lo seleccionamos, ahora tiene un color de relleno, y podemos fácilmente cambiarlo si lo queremos.

5. Cómo crear un efecto de arco en texto Illustrator

Sigamos deformando más texto en Illustrator. 

Haz clic en el segundo texto y, al igual que antes apliquemos Objeto > Distorsión de envolvente > Crear con deformación. Esta ocasión, para el Estilo, elegimos Arco. Así que, estableceremos la Distorsión de nuevo en 0 y luego podemos curvar hacia arriba o hacia abajo y por supuesto, también puedes ajustar las opciones Curvar y Vertical. 

Para este tutorial de Illustrator para deformar texto, probemos estos parámetros:

  • Curvar vertical: -72%
  • Distorsión horizontal: -100%
  • Distorsión vertical: 0%

Y debería verse así:  

Cómo deformar texto en Illustrator con efecto de arcoCómo deformar texto en Illustrator con efecto de arcoCómo deformar texto en Illustrator con efecto de arco

6. Cómo ajustar el efecto de arco en el texto Illustrator

¿Estás satisfecho con tu texto deformado en Illustrator? Entonces puedes comenzar a añadirle color y ponerte creativo incorporando algunos trazos o pinceles. Aplica Objeto > Expandir. Deja Objeto y Relleno seleccionados, haz clic en OK y ahora podemos ponernos creativos con esto. 

Agreguemos algunos pinceles. Comenzaremos intercambiando el relleno y el trazo, así que ahora tenemos un contorno. Y desde el panel Pinceles, elegimos un pincel de lápiz con un color naranja. 

Arco con pincel de lápiz naranjaArco con pincel de lápiz naranjaArco con pincel de lápiz naranja

Así pues esas son algunas formas de deformar texto en Illustrator y ahora te dejaré para que te diviertas mucho experimentando con ellas.

Resultados finales del texto Illustrator deformadoResultados finales del texto Illustrator deformadoResultados finales del texto Illustrator deformado

También puedes deformar texto y ahorrar tiempo cuando usas efectos de texto elaborados profesionalmente en Illustrator.

Efecto para deformar texto en IllustratorEfecto para deformar texto en IllustratorEfecto para deformar texto en Illustrator

Hacen que sea extremadamente sencillo deformar texto en Illustrator, debido a que los efectos ya están elaborados. Uno de los mejores lugares online para encontrar efectos de texto es Envato Elements. 

Efectos de texto Illustrator de calidad premium disponibles en Envato Elements

Puedes hacer más que deformar texto en Adobe Illustrator. Hay muchas transformaciones y cambios que hacen destacar tus palabras. Pero si no tienes el tiempo de seguir más tutoriales, puedes descargar efectos de texto Illustrator desde Envato Elements. Estos son algunos que se incluyen con tu suscripción a Envato Elements:

1. Geniales efectos de texto Illustrator con estilo vintage  (en formato AI)

Si buscas añadir una sensación retro con efectos de texto en Illustrator, considera esta descarga. Hay 15 estilos únicos en esta descarga. Basta un solo clic para ejecutarlos. El efecto vectorial también significa que los resultados mantienen su calidad en cualquier tamaño.

Geniales efectos de texto para Illustrator con estilo vintageGeniales efectos de texto para Illustrator con estilo vintageGeniales efectos de texto para Illustrator con estilo vintage

2. Conjunto de efectos de texto con franjas (en formato AI)

¿Te gustan plantillas divertidas para efectos de texto? Esta colección es para ti. Agrega capas coloridas a tu texto. Lo mejor es que estos efectos de texto son vectores completamente editables, así que pueden aplicarse a una amplia gama de proyectos.

 Conjunto de efectos de texto con franjas Conjunto de efectos de texto con franjas Conjunto de efectos de texto con franjas

3. Cheese - Plantilla para deformar texto Illustrator con apariencia de queso (en formatos AI y EPS)

Muy peculiar pero profesionalmente elaborada, Cheese es una de las divertidas plantillas de efectos de texto para Illustrator disponibles en Envato Elements. Obtienes control total para personalizar los resultados de esta descarga. Ello significa que puedes mantener la apariencia de queso o experimentar con diferentes colores para realizar estupendos efectos de texto en Illustrator.

Cheese - Plantilla para deformar texto Illustrator con apariencia de quesoCheese - Plantilla para deformar texto Illustrator con apariencia de quesoCheese - Plantilla para deformar texto Illustrator con apariencia de queso

4. Line - Plantilla que te guía cómo hacer efecto de texto 3D sin necesidad de tutorial de Illustrator (AI, EPS)

Esta es una de mis plantillas favoritas para efectos de texto. Crea un genial contorno para tus palabras que se combina con una textura brillosa. También puedes usar este recurso para formas y logos. Pruébala en pósteres, flyers y mucho más.

Line - Plantilla que te guía cómo hacer efecto de texto 3D sin necesidad de tutorial de IllustratorLine - Plantilla que te guía cómo hacer efecto de texto 3D sin necesidad de tutorial de IllustratorLine - Plantilla que te guía cómo hacer efecto de texto 3D sin necesidad de tutorial de Illustrator

5. Under-Inked Print - Formato para deformar texto al instante con apariencia desgastada (en formato EPS)

Diviértete creando esta apariencia desgastada con estos efectos de texto en Illustrator. Es un paquete que incluye múltiples estilos de textura y colores. ¡No es una mala manera de concluir nuestra lista de plantillas para efectos de texto en Illustrator!

Under-Inked Print - Formato para deformar texto al instante con apariencia desgastadaUnder-Inked Print - Formato para deformar texto al instante con apariencia desgastadaUnder-Inked Print - Formato para deformar texto al instante con apariencia desgastada

Mira el curso completo gratuito de Illustrator 

En este curso completo gratuito, 10 consejos esenciales de diseño en Adobe Illustrator, aprenderás las recomendaciones para que tus ideas creativas cobren vida. Dominarás una variedad de diversas técnicas, ayudándote a impulsar tu creatividad y transferir tus ideas a un lienzo digital.

Y si usas software de diseño diariamente, suscríbete a Envato Elements. Por una módica tarifa mensual, obtienes acceso a descargas ilimitadas de la enorme biblioteca de recursos creativos de Envato Elements. Crea fuentes únicas, fotos, gráficos y plantillas y termina proyectos más rápido.

Más tutoriales de Illustrator para efectos de texto

Y si quieres aprender más maneras de cómo deformar texto en Illustrator o personalizarlo, continúa aquí en Envato Tuts+. Nuestros instructores han conjuntado útiles tutoriales justo para ti: 

Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
Advertisement
Start your 7-day free trial*
Start free trial
*All Individual plans include a 7-day free trial for new customers; then chosen plan price applies. Cancel any time.