Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
  1. Design & Illustration
  2. Affinity Designer

Cómo curvar texto en Affinity Designer

by
Read Time:6 minsLanguages:

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

En los siguientes pasos, aprenderás a curvar texto en Affinity Designer. Usaremos este diseño de insignia simple para ejemplificar todas las técnicas que puedes usar para editar y estilizar texto curvo en Affinity Designer.

Una vez que hayas aprendido a curvar texto en Affinity Designer, puedes llevar tu diseño al siguiente nivel con este paquete de pinceles y patrones de Envato Elements. Úsalo para crear diseños y estilos de texto sorprendentes en Affinity Designer.

Affinity Designer brushAffinity Designer brushAffinity Designer brush

Qué aprenderás en este tutorial de texto de Affinity Designer

  • Cómo agregar texto en Affinity Designer
  • Cómo agregar texto en una ruta en Affinity Designer
  • Cómo hacer una curva de texto en Affinity Designer

Síguenos en nuestro canal Envato Tuts+ YouTube:

Lo que vas a necesitar

Puedes usar cualquier fuente a medida que aprendes a crear texto curvo en Affinity Designer, pero estas son las que usé en este tutorial:

1. Cómo agregar texto en una ruta en Affinity Designer

Paso 1

En primer lugar, necesitarás una forma en la que puedas agregar el texto. Para este ejemplo usaremos un círculo, pero ten en cuenta que puedes aplicar texto en cualquier tipo de forma o ruta.

Seleccions la Herramienta Elipse (M) de sus Herramientas y haga clic y arrastre en su lienzo para crear un círculo de 250 px. Asegúrate de mantener presionada la tecla Shift mientras haces clic y arrastra para crear fácilmente un círculo perfecto.

Para mover este círculo al centro del lienzo, haz clic en el botón Alineación de la barra de herramientas contextual y simplemente haz clic en los botones Alinear al centro y Alinear enmedio. Ahora que tiene su forma, aprendamos a agregar texto en Affinity Designer.

circle centercircle centercircle center

Paso 2

Asegúrate de que tu círculo aún esté seleccionado y selecciona la Herramienta de texto artístico (T) de tus Herramientas.

Pasa el cursor sobre el borde de tu círculo y, una vez que el icono del cursor cambie, puedes hacer clic para agregar texto en esa ruta. Mantén el cursor ligeramente fuera de la ruta si deseas agregar texto en el exterior de esa ruta o en el interior cuando desees agregar el texto dentro de esa ruta.

Para este ejemplo, lo agregaremos en el exterior y escribiremos "CALIDAD SUPERIOR".

Affinity Designer text on pathAffinity Designer text on pathAffinity Designer text on path

2. Cómo crear una curva de texto en Affinity Designer

Paso 1

Ahora que has aprendido a curvar texto en Affinity Designer, veamos cómo puedes ajustar la posición.

Acércate más a tu camino y verás un identificador verde que indica el punto de inicio del texto y un identificador naranja que indica el punto final de su texto. Simplemente haz clic y arrastra cualquiera de estos dos controles cuando desees ajustar la posición de su texto en la ruta.

text on path handletext on path handletext on path handle

Paso 2

Es posible que hayas notado que tu texto comienza exactamente desde esa manija verde. Esto sucede porque la alineación del texto está establecida en Izquierda.

Para mover tu texto en el centro, a la misma distancia entre las manijas verde y naranja, simplemente hazclic en el botón Alinear al centro de la barra de herramientas contextual.

text on path centretext on path centretext on path centre

Paso 3

En algunos casos, es posible que desees mover el texto de un lado de la ruta al otro. Para realizar este cambio fácilmente, todo lo que tienes que hacer es hacer clic en el botón Invertir ruta de texto de la barra de herramientas contextual.

reverse text pathreverse text pathreverse text path

Paso 4

Una vez que agregues tu texto, lo más probable es que desees darle estilo. Para realizar cambios en tu texto, primero debes seleccionarlo. Haz doble clic cuando desees seleccionar solo una palabra, o haz clic tres veces cuando necesites seleccionar más de una palabra.

Concéntrate en el panel de estudio de Caracter (Vista > Estudio > Caracter) y reemplaza la fuente con la fuente Richson de Envato Elements. Establece el tamaño en 55 pt, haz clic en la rueda Color de fuente y reemplázala con R= 58 G=69 B=91, y luego muévete a la sección Posicionamiento y transformación y aumenta el Tracking al 100%.

Affinity Designer text on pathAffinity Designer text on pathAffinity Designer text on path

Paso 5

Asegúrate de anular la selección del texto y haz clic al final del mismo, y luego simplemente presiona Enter para agregar un segundo fragmento de texto, pero esta vez en el interior del mismo círculo.

Escribe "MADE IN GERMANY" y ahora tienes otros dos tiradores (verde más oscuro y rojo) que se pueden usar para ajustar la posición de este nuevo texto.

text inside a pathtext inside a pathtext inside a path

Paso 6

Aunque agregaste el texto en el interior de la ruta, hay una técnica ingeniosa que puedes usar para moverlo al exterior de la ruta.

Asegúrate de tenerlo seleccionado o simplemente haz clic en él, muévete a la barra de herramientas contextual y simplemente ajusta la posición de ese control deslizante de la línea de base.

text on path baselinetext on path baselinetext on path baseline

Paso 7

Finalmente, haz triple clic en este texto para seleccionarlo, reemplaza la fuente con Robinson Regular y reduce el seguimiento al 50%.

Affinity Designer styleAffinity Designer styleAffinity Designer style

¡Felicidades! ¡Tu tutorial de texto de Affinity Designer está completo!

Así es como debería verse. Espero que hayas disfrutado de este tutorial de texto de Affinity Designer y puedas aplicar estas técnicas en tus proyectos futuros.

Siéntete libre de ajustar el diseño final y crear tus propios estilos de texto de Affinity Designer. Puedes encontrar grandes fuentes de inspiración en Envato Elements, con soluciones interesantes para mejorar tu diseño.

Recursos populares de Affinity Designer de Envato Elements

Envato Elements es un recurso excelente para los artículos de Affinity Designer. Aquí hay una breve lista de algunos de los artículos más populares que puedes encontrar.

Pinceles de lápiz Affinity Designer

Aprender Affinity Designer y cómo curvar texto puede ser una buena introducción a este software. Ahora que estás familiarizado con esta función, ¿por qué no continuar y jugar con algunos pinceles?

Affinity Designer brushAffinity Designer brushAffinity Designer brush

Texturas de papel de fondo de Affinity Designer (AFDESIGN, JPG)

Ahora que sabes cómo crear texto curvo en Affinity Designer, es posible que necesites un fondo agradable para que tu diseño final se destaque. Echa un vistazo a este juego de texturas de papel asombroso y fácil de usar.

Affinity Designer backgroundAffinity Designer backgroundAffinity Designer background

Pinceles de sombras para Affinity

No te detengas en aprender a curvar texto en Affinity Designer. Comprueba este colorido conjunto de pinceles mientras continúas mejorando tus habilidades en Affinity Designer.

Affinity Designer brushAffinity Designer brushAffinity Designer brush

Pinceles Artista de Affinity Designer (EPS, PNG, PDF)

Ahora que sabes cómo curvar texto en Affinity Designer, puedes usar este conjunto de pinceles para estilizar aún más tu diseño. Lápiz, pincel seco, spray, bolígrafo y todas sus variaciones se pueden encontrar en esta colección cuidadosamente organizada.

Affinity Designer brushAffinity Designer brushAffinity Designer brush

Pinceles dibujados a mano para Affinity Designer

Tal vez aprender a curvar texto en Affinity Designer no resultó ser tan difícil como esperabas, así que ¿por qué no aceptar un nuevo desafío y experimentar con pinceles en Affinity Designer? Este paquete de pinceles dibujados a mano puede ser el comienzo perfecto.

Affinity Designer brushAffinity Designer brushAffinity Designer brush

¿Quieres aprender más?

Tenemos muchos tutoriales sobre Envato Tuts+, desde principiante hasta nivel intermedio. ¡Echa un vistazo!

One subscription.
Unlimited Downloads.
Get unlimited downloads