Scroll to top

Spanish (Español) translation by Francisco Javier Arellano Macías (you can also view the original English article)

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

Si deseas aprender a curvar texto en Illustrator, en este breve tutorial te mostraré cómo hacerlo en la práctica utilizando dos métodos diferentes. Uno es simple y rápido, y el otro es más poderoso.

Lo que vas a aprender en este tutorial de texto curvo

  • Cómo curvar el texto en Adobe Illustrator
  • Cómo escribir texto curvo en Illustrator
  • Cómo doblar el texto en Illustrator
  • Cómo curvar el texto alrededor de un círculo en Illustrator
  • Qué hacer cuando tu texto curvo en Illustrator está al revés
  • Cómo escribir el texto curvo dentro de un anillo en Illustrator

Síguenos con nosotros en nuestro canal de YouTube Envato Tuts +:

Lo que vas a necesitar

Si deseas recrear exactamente el resultado final de este tutorial, descarga el archivo adjunto a la derecha, así como estas fuentes:

Si deseas crear una insignia similar, aquí hay algunos estilos gráficos útiles que he descargado de Envato Elements:

1. Cómo curvar el texto en Illustrator

Paso 1

A continuación, te muestro un ejemplo de un diseño que es imposible de terminar a menos que sepas cómo curvar el texto en Illustrator: una etiqueta de insignia redonda para un producto. Comencemos con la etiqueta grande en el centro. Toma la herramienta texto (T) y coloca el área de texto dentro de la etiqueta vacía.

place text in round badge templateplace text in round badge templateplace text in round badge template

Paso 2

Escribe tu texto y ajusta las propiedades. Haz que las letras llenen el área más amplia de la etiqueta; cambia los valores Y y W en la barra superior si es necesario.

resize text verticallyresize text verticallyresize text vertically
place text inside labelplace text inside labelplace text inside label

Paso 3

Ve a efecto > deformar. Aquí tienes una lista de varios tipos de deformación, con nombres que se refieren a la forma prevista del texto deformado. En nuestro caso, necesitamos abombar el texto, así que selecciona abombar.

add bulge effectadd bulge effectadd bulge effect

Paso 4

Una nueva ventana se abrirá. El efecto abombar te permite agrandar o reducir una parte del texto, ¡y esto es exactamente lo que necesitamos! Marca vista previa y arrastra el control deslizante hacia la izquierda para reducir la parte central del texto, siguiendo la curva de la etiqueta. Haz clic en aceptar.

bulge the text inwardbulge the text inwardbulge the text inward
bulged text effectbulged text effectbulged text effect

2. Cómo escribir el texto curvo en Illustrator

Paso 1

Ahora ya sabes cómo hacer una curva de texto en Illustrator con un método. Es bastante simple, pero también se limita a la lista de formas que los programadores prepararon para nosotros. Déjame mostrarte otro método más poderoso. Supongamos que queremos agregar algo de texto arriba y abajo de la etiqueta central, siguiendo su curva. Primero, necesitas definir la curva. Toma la herramienta pluma (P) y dibuja sobre la curva de la parte superior de la etiqueta.

Si necesitas ayuda con la herramienta pluma, consulta este tutorial:

add a pathadd a pathadd a path

Paso 2

Toma la herramienta mover (V), selecciona la ruta y muévela 15 px hacia arriba quitando 15 px del valor Y en la barra superior.

move the path upmove the path upmove the path up

Paso 3

Toma la herramienta texto (T) nuevamente y colócala sobre la ruta. Cuando el cursor cambie su apariencia, haz clic en la ruta.

convert path into text areaconvert path into text areaconvert path into text area

¡Tu curva ahora se ha convertido en un área de texto! Escribe tu texto y ajusta su tamaño.

add your text to the curveadd your text to the curveadd your text to the curve

Paso 4

El texto comienza en un área aleatoria, pero eso es fácil de arreglar. Simplemente toma la herramienta de selección directa (A) y haz clic en el texto. Notarás tres líneas verticales: las de los lados definen el principio y el final del área de texto, y la del medio define la posición en relación con la curva. Si haces clic y arrastras estas líneas, podrás moverlas al lugar deseado.

grab text handlesgrab text handlesgrab text handles
move text on the curvemove text on the curvemove text on the curve

Paso 5

Repite los mismos pasos para escribir el texto curvo debajo de la etiqueta.

add curved textadd curved textadd curved text

3. Cómo doblar el texto en Illustrator alrededor de un círculo

Paso 1

Si quieres curvar el texto alrededor de un círculo en Illustrator, el proceso es muy similar, a excepción de una captura determinada. ¡Deja que te enseñe!

Primero, dibuja un círculo usando la herramienta elipse (L) para definir la curva. Para asegurarte de que este círculo esté perfectamente en el centro de tu diseño, debes copiar uno de los círculos que ya tienes y cambiar su tamaño.

Paso 2

Si usas la herramienta de texto (T) directamente en el círculo, Illustrator convertirá el interior del mismo en el área de texto. ¡Eso no es exactamente lo que queremos! En su lugar, mantén presionado el botón de la herramienta texto para revelar el menú y selecciona la herramienta texto en una ruta. Si lo usas en el círculo, obtendrás un área de texto circular agradable.

change type toolchange type toolchange type tool
write text around a circlewrite text around a circlewrite text around a circle

4. Cómo centrar el texto dentro de un anillo en Illustrator

Paso 1

Si deseas colocar el texto dentro de un anillo, puede resultar complicado ajustar el tamaño de la fuente para centrar el texto perfectamente. ¡Pero no tienes que hacer eso! Coloca el círculo en medio del anillo y luego ve a texto > texto en trazado > opciones de texto en trazado. Aquí puedes cambiar el estilo del deformado, así como la posición del texto en relación con la curva. Si seleccionas centro en la lista desplegable, las letras siempre permanecerán en medio del anillo, independientemente de su tamaño.

center text in circlecenter text in circlecenter text in circle
center text inside a ringcenter text inside a ringcenter text inside a ring

Paso 2

Muy bien, pero ahora la parte inferior del texto está al revés. Para evitar este efecto, tenemos que utilizar un truco. Toma la herramienta de selección directa (A) y mantén presionada la tecla shift para seleccionar ambos puntos de anclaje laterales del círculo.

cut circle into halvescut circle into halvescut circle into halves

Paso 3

Luego haz clic en el icono de tijeras en la barra superior para cortarlos.

use scissors to cut anchor pointsuse scissors to cut anchor pointsuse scissors to cut anchor points

Ahora tienes dos mitades del círculo, y se pueden convertir en áreas de texto separadas. Agrega el texto a ambos, ajustándolo en consecuencia.

add text to curvesadd text to curvesadd text to curves

Paso 4

Pero aquí hay un problema. Si escribes el texto sobre la curva inferior, será demasiado alto. Si lo dibujas debajo, volverá a estar boca abajo. Para solucionarlo, ve a Opciones de texto en trazado y marca voltear.

flip curved text flip curved text flip curved text
flipped text aorund a circleflipped text aorund a circleflipped text aorund a circle

¡Buen trabajo!

Ahora ya sabes cómo curvar el texto en Illustrator. Por cierto, si deseas lograr el mismo aspecto para el resultado final, puedes usar este conjunto de maquetas de logotipo de vista recta.

how to curve text in illustratorhow to curve text in illustratorhow to curve text in illustrator

Si deseas obtener más información sobre cómo trabajar en Illustrator, aquí hay algunos tutoriales que puedes disfrutar: