visual.af

Guías de Affont

Cómo crear una fuente en Affinity

Affinity no exporta fuentes por sí solo, pero aun así puedes diseñar una tipografía completa e instalable sin salir de él. Esta guía paso a paso te lleva de un documento vacío a una fuente OTF o TTF con la que ya puedes escribir, usando Affont.

Actualizado:

¿Se pueden crear fuentes en Affinity?

No por sí solo. Affinity (la app gratuita Affinity 3 y los antiguos Affinity Designer, Photo y Publisher) puede usar cualquier fuente instalada y convertir texto en curvas, pero no tiene forma de exportar un archivo de fuente (OTF o TTF).

El método de siempre para crear tipografías era lento: exportar cada letra como un SVG aparte, importarlas una a una en un editor de fuentes y luego escalar, alinear y espaciar cada glifo a mano. Un alfabeto básico se llevaba fácilmente varios días.

Affont resuelve justo eso. Suma dos scripts a la Biblioteca de scripts de Affinity (uno que crea una plantilla de fuente y otro que envía tus letras) y una app complementaria para Windows y macOS que compila, instala y exporta la fuente. Sigues dibujando en Affinity, con todas sus herramientas.

Qué necesitas

  • Affinity 3.3 o posterior en Windows o macOS. La app es gratis; la versión 3.3 es la que incorporó los scripts.
  • Affont para Windows 10/11 o macOS 11+ (Apple Silicon e Intel). Un solo pago de $19, válido en 3 dispositivos.
  • No necesitas saber de tipografía. La plantilla ya incluye la línea base, la altura de x, la altura de mayúsculas y las guías de espaciado.
Paso 1

Instala Affont y añade los scripts a Affinity

  1. Instala Affont, ábrelo y pega tu clave de licencia.
  2. En la pantalla de bienvenida, haz clic en el botón que guarda Affont.afscripts.
  3. En Affinity, abre el panel Biblioteca de scripts, despliega su menú (▾) y elige Importar scripts…. Selecciona Affont.afscripts.
  4. Aparece una categoría Affont con dos scripts: el de la plantilla y el de enviar. La primera vez que ejecutes cada uno, Affinity te pedirá que elijas Confiar y ejecutar.

Esto se hace una sola vez. Al actualizar la app no hace falta volver a importar los scripts, salvo que las notas de la versión digan lo contrario.

Paso 2

Crea la plantilla de la fuente

Ejecuta el script de la plantilla. Se abre un cuadro de diálogo donde eliges:

  • Nombre de la fuente y de la familia, por ejemplo «Brush Script» y «Regular».
  • Juego de caracteres: Básico (A–Z, a–z, 0–9 y puntuación), Latín para inglés, español y portugués, solo mayúsculas, kana japonés o solo tus propios extras.
  • Extras: cualquier carácter o nombre de glifo que quieras añadir, como ñ, f_i (una ligadura) o a.alt1 (una alternativa).
  • Métricas: ascendente, descendente, altura de mayúsculas y altura de x. Los valores por defecto sirven para la mayoría de los diseños.

Affont crea una cuadrícula con una celda por carácter. Cada celda muestra la línea base y las guías de altura, una letra de referencia tenue y dos líneas rosas para el espaciado. La capa de la plantilla queda bloqueada, y encima tienes una capa Tus letras lista para dibujar.

Paso 3

Dibuja tus letras

Dibuja cada letra encima de su celda con lo que prefieras: la Pluma, formas y operaciones booleanas, pinceles vectoriales, texto convertido en curvas o ilustraciones pegadas. No hace falta expandir los trazos, porque Affont los convierte en contornos al enviar.

  • Una forma pertenece a la celda sobre la que queda su centro, así que no tienes que ordenar nada en capas.
  • Empieza por n, o, H y O. Marcan el grosor del trazo y el ritmo de todo lo demás.
  • Reutiliza piezas: de la n salen la h, la m y la u; de la o, la b, la d, la p y la q.
  • Deja que las letras redondas (o, s, O) sobresalgan un poco de la línea base y de la altura de x o de mayúsculas. Se llama overshoot y hace que se vean del mismo tamaño que las letras planas.
  • El texto que no hayas convertido en curvas se omite, y Affont te avisa de qué letra era.
Paso 4

Ajusta el espaciado

Cada celda tiene dos líneas rosas, ·LSB y ·RSB (los márgenes izquierdo y derecho). Arrástralas para decidir cuánto espacio ocupa cada letra. La distancia entre ellas será el ancho de la letra en la fuente.

Un método rápido: espacia la n y la o hasta que «nnonoonn» se vea uniforme, y luego haz lo mismo con la H y la O para las mayúsculas. La mayoría de las demás letras comparten lados con esas cuatro.

Paso 5

Envía y tu fuente queda instalada

Con la app de Affont abierta, ejecuta el script de enviar. La app compila la fuente con fontTools, el mismo motor de código abierto que usan las herramientas tipográficas profesionales, y la instala para tu usuario. En unos segundos aparece en la lista de fuentes de Affinity y en todas tus demás apps.

Cambia una letra y vuelve a enviar cuando quieras. Affont reemplaza la versión instalada, así que puedes escribir con tu fuente mientras todavía la estás diseñando.

Paso 6

Púlela en la app de Affont

  • Kerning: arrastra una letra hacia otra sobre un texto de muestra. También tienes grupos de kerning, kerning automático como punto de partida e importación de métricas y kerning desde otra fuente.
  • Ligaduras y alternativas: llama a una celda f_i o a.alt1 y Affont escribe por ti las funciones OpenType (liga, salt, ss01…).
  • Acentos: dibuja la letra base y el signo, y Affont genera automáticamente á, à, â, ã, ä, ñ, ç y muchas más.
  • Editor de glifos: corrige nodos y manejadores, une formas que se solapan, voltea o transforma sin volver a Affinity.
  • Información de la fuente y familias: diseñador, versión, licencia y estilos adicionales (Bold, Italic…) agrupados en una sola familia.
Paso 7

Exporta en OTF, TTF o WOFF2

  • OTF conserva las mismas curvas cúbicas que dibujaste en Affinity. Es la mejor opción para apps de diseño.
  • TTF te da la máxima compatibilidad con programas antiguos y algunos dispositivos.
  • WOFF2 es para sitios web.

Si pintaste letras con varios colores o degradados, Affont también exporta una fuente de color (OpenType-SVG con respaldo COLR). En las apps que no admiten fuentes de color, se muestra en un solo color.

Problemas habituales

  • Una letra acabó en la celda equivocada: muévela para que su centro quede sobre la celda correcta.
  • Falta una letra: comprueba que no sea texto editable. Usa Capa ▸ «Convertir en curvas».
  • «Enviar» no responde: la app de Affont tiene que estar abierta. El script te avisa si no puede conectar con ella.
  • Las letras se ven demasiado juntas o separadas: corrige primero las líneas rosas y usa el kerning solo para pares concretos como AV, To o LT.

Preguntas frecuentes

¿Se puede crear una fuente en Affinity Designer?

Affinity no puede exportar archivos de fuente por sí solo. Con Affont dibujas las letras en Affinity 3.3 o posterior (la app que sustituyó a Designer, Photo y Publisher) y obtienes una fuente OTF o TTF instalada en un clic.

¿Existe un plugin de Affinity para crear fuentes?

Sí. Affont añade un script de plantilla y otro de enviar a la Biblioteca de scripts de Affinity, más una app complementaria para Windows y macOS que compila, instala y exporta la fuente.

¿Funciona con Affinity 2?

No. Affont se basa en el sistema de scripts que llegó con Affinity 3.3. Affinity 3 se descarga gratis para Windows y macOS.

¿Puedo vender las fuentes que cree?

Sí. Las fuentes son 100 % tuyas: puedes venderlas, usarlas en trabajos para clientes o regalarlas. Affont no añade ninguna restricción.

¿Funciona en iPad?

Por ahora no. Affont funciona en Windows 10/11 y en macOS 11 o posterior.

Más guías

  • Cómo crear tu propia tipografía

    Del boceto o tu letra a una fuente de verdad: planifica los caracteres, dibuja, espacia, prueba y exporta. Con costes y licencias explicados.

  • La alternativa a Fontself para Affinity

    Fontself Maker funciona en Illustrator y Photoshop, pero no en Affinity. Lo que hace Affont en Affinity, comparado lado a lado.

  • Affont

    Affont para Windows y macOS. Un solo pago, 3 dispositivos y fuentes ilimitadas que son 100 % tuyas.

Tu primera fuente empieza hoy.

Affont para Windows y macOS. Un solo pago, 3 dispositivos y fuentes ilimitadas que son 100 % tuyas.

Conseguir Affont · $19