Spanish (Español) translation by Francisco Javier Arellano Macías (you can also view the original English article)
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.
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:
- Fuente Robinson Regular
- Fuente Richson
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.
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".
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.
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.
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.
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%.
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.
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.
Paso 7
Finalmente, haz triple clic en este texto para seleccionarlo, reemplaza la fuente con Robinson Regular y reduce el seguimiento al 50%.
¡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?
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.
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.
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.
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.
¿Quieres aprender más?
Tenemos muchos tutoriales sobre Envato Tuts+, desde principiante hasta nivel intermedio. ¡Echa un vistazo!
Affinity DesignerCómo crear un icono en Affinity Designer
HalloweenCómo crear una ilustración de Dead Rising en Affinity Designer
Diseño de emoticonosCómo crear un emoji elegante en Affinity Designer
Affinity DesignerCómo crear patrones en Affinity Designer
Affinity DesignerCómo utilizar Affinity Designer para diseñar un logotipo
Año Nuevo ChinoCómo crear una plantilla de tarjeta de felicitación en Affinity Designer
Affinity DesignerMás de 30 increíbles texturas, activos y recursos de Affinity Designer (¡gratis y premium!)
Affinity DesignerMás de 25 pinceles gratuitos de Affinity Designer (¡y tutoriales de Affinity Designer!)
