Cómo configurar tu propia fuente

Eres un diseñador talentoso, un calígrafo experto y has aprendido todo lo que hay que saber sobre serifas, flancos y espaciado. Ahora, quieres crear tu propia fuente (¿qué? ¿Aún no sabes qué son las serifas, los flancos y el espaciado? Bueno, antes de comenzar a crear una fuente, ¡asegúrate de leer todos los artículos de iLT! Si Realmente, si quieres tener éxito, debes hacer todo lo posible para aprender tanto como sea posible (si no eres un genio del diseño o un maestro de la caligrafía, no te preocupes, con un poco de esfuerzo, mucho conocimiento y un poco de inspiración, todavía puedes crear fuentes hermosas).

Arma secreta: software de edición de fuentes

El excelente diseño, la hermosa caligrafía y el profundo conocimiento de las fuentes aún no son suficientes para crear fuentes. ; Para convertir su trabajo a un formato que su computadora pueda entender, necesitará un buen software de edición de fuentes. Estos software varían en funcionalidad y precio, y se ejecutan en diferentes plataformas:

Software de edición de fuentes

FontLab Studio Este es el software que uso para crear fuentes. Se ha convertido en una especie de estándar de la industria, por lo que también es muy costoso, hay uno disponible por $649. Prueba gratuita que puedes probar antes de comprar y está disponible tanto para PC como para Mac. FontLab Studio es un programa que uso regularmente y puedo hablar maravillas de su excelencia y de su comunidad de usuarios (que es bastante popular). >

FontForge Básicamente, FontForge implementa todas las funciones de FontLab, y es gratuito y de código abierto. Dado que es de código abierto, no es fácil instalar FontForge en Windows (primero debe instalar Cygwin). no está tan bien documentado como FontLab Recientemente, hubo un hilo interesante sobre FontForge en el foro de Typophile, que tal vez quieras echarle un vistazo para decidir si te unes al tren del código abierto, si eres un usuario de Linux, FontForge. puede ser su única opción

Aquellos con mucho dinero pueden considerar DTL FontMaster, que tiene todas las características de FontLab pero es costoso. Está disponible tanto para PC como para Mac. >FontCreator es otra opción que es más asequible que FontLab, pero sólo puede manejar fuentes de formato TrueType y OpenType, no fuentes Type 1, y sólo está disponible en Windows

TypeTool también es el producto básico de FontLab. y está al mismo nivel que FontCreator Según la introducción oficial, TypeTool está diseñado para "estudiantes, entusiastas del diseño de fuentes y profesionales creativos que ocasionalmente necesitan crear o modificar fuentes" y es adecuado para PC y Mac.

Fontógrafo El verdadero rey del software de edición de fuentes quedó sellado porque el fabricante dejó de desarrollarlo. Con el paso de los años, estuvo casi extinto hasta que recientemente se lanzó una versión actualizada para Mac después de que FontLab adquiriera el código fuente. Dado que su última versión actualizada muestra una fecha de finales de la década de 1990, espero sinceramente que Fontlab haga borrón y cuenta nueva con esta nueva versión. Cuesta la mitad del precio de FontLab Studio, pero no hay una versión de prueba. Se ejecuta en plataformas PC y Mac, pero la última versión actualmente sólo está disponible para usuarios de Mac.

Todos estos programas se ejecutan en el mismo programa y difieren sólo en detalles específicos, interfaz, opciones y funcionalidad.

Por lo tanto, debe investigar un poco antes de comprar: descargue y pruebe algunas versiones de demostración, escuche las opiniones y debates de los usuarios y decida qué software de edición de fuentes es mejor para usted.

Una vez que tengas un buen software de edición de fuentes, hay tres procesos básicos diferentes que puedes utilizar para crear fuentes.

Método 1: Dibujar en papel

Herramientas necesarias:

Un buen bolígrafo

Papel blanco

Regla (opcional)

Escáner

Adobe Photoshop (u otro software de edición de imágenes similar)

Software de escaneo de fuentes ScanFont

Edición de fuentes software

¿Tienes talento artístico? ¿Tienes buena caligrafía? Luego coge un buen bolígrafo, una docena de hojas de papel en blanco y empieza a escribir. (No pase por alto la elección de los bolígrafos. Si desea que sus trazos de caligrafía sean gruesos y llenos, pruebe los bolígrafos Sharpied. Si desea caligrafía con bolígrafo, ilumine su juego de bolígrafos de caligrafía. Si desea que sus trazos sean más gruesos, delgados y sutil, utilice un bolígrafo de precisión de punta fina para escribir). Agrande las letras para obtener más detalles. Todas las letras deben tener la misma altura posible (esto puede requerir que primero escribas una línea de cuadrícula en el papel). Una buena fuente debe tener un conjunto completo de caracteres, así que no omitas nada, como puntuación, tildes, acentos, corchetes y paréntesis, y números. También es posible que desees incluir algunos caracteres raros, como algunas letras que se encuentran en inglés antiguo y en idiomas europeos antiguos. Antes de escribir, cree una nueva fuente en un software de edición de fuentes y vea qué caracteres se incluyen en el alfabeto estándar de la fuente. Es posible que nunca hayas oído hablar de algunos de estos caracteres, pero es posible que un diseñador tipográfico profesional quiera verlos en tus fuentes.

Escanee su hermoso trabajo en Photoshop y luego convierta la imagen a formato de mapa de bits (modo blanco y negro, sin escala de grises).

Eso es casi todo. Abra el mapa de bits en el software de escaneo de fuentes ScanFont de FontLab. Este pequeño e ingenioso software (la versión para Mac de FontLab Studio viene con un conjunto gratuito de ScanFont: ¡afortunados usuarios de Mac!) le permite importar imágenes de mapas de bits y luego convertirlas en caracteres en una fuente. (El software de edición de fuentes solo puede funcionar con contornos, como las líneas vectoriales básicas utilizadas en Illustrator. Los escáneres y el software como Photoshop solo pueden funcionar con mapas de bits, y ScanFont proporciona un puente entre estos dos formatos multimedia). Una vez que se completa el escaneo, puede guardar la fuente en ScanFont o copiar caracteres individuales de ScanFont a FontLab Studio y comenzar el largo, minucioso y divertido trabajo de modificar la fuente hasta que quede perfecta.

Método 2: dibujar en una tableta

Herramientas necesarias:

Tableta Wacom

Adobe Illustrator

Fuente software de edición

Si tienes una tableta Wacom, puedes omitir muchos de los pasos anteriores porque puedes usar un programa de dibujo vectorial para editar las fuentes. Puede dibujar fuentes directamente en un software de dibujo vectorial y FontLab Studio admite copiar y pegar datos vectoriales directamente desde Adobe Illustrator.

Método 3: dibujar fuentes directamente en el software de edición de fuentes

Herramientas necesarias:

Ratón

Software de edición de fuentes

Un par de manos de hierro y una paciencia extraordinaria

Una vez creé dos fuentes completamente en FontLab Studio, confiando en mi mouse, un par de manos firmes de hierro y muchos comandos de deshacer. Este método definitivamente funciona y es más preciso que dibujar las fuentes fuera del software y luego importarlas más tarde.

Como era de esperar, el software de edición de fuentes contiene una gran cantidad de herramientas que trabajan juntas para realizar una variedad de tareas: estas herramientas pueden generar líneas rectas y curvas perfectas, y hay asistentes que lo ayudarán a alinear cualquier fuente con una precisión extremadamente alta.

Crea tus propias fuentes II

Hay más de 55.000 fuentes vendidas en MyFonts.com. La gran cantidad de fuentes para elegir significa que nos enfrentamos a opciones casi ilimitadas al diseñar tipos de letra. Algunas opciones son muy básicas, como: serif o sans-serif (por supuesto, hay toneladas de subcategorías en ambas); escritura o tipografía precisa, ancha o estrecha; Pero además de las opciones obvias, hay algunos términos de los que probablemente nunca hayas oído hablar:

¿Cerrado, semicerrado o abierto 4?

¿Tres golpes o dos Y?

¿J en la línea base o J en la línea base?

¿Estructura bicapa g o estructura monocapa g?

¿Estructura a de doble capa o estructura a de una sola capa?

Puedes comparar algunas de tus fuentes favoritas para comprender las diferencias detalladas anteriormente, o más, por ejemplo: ¿La Y de tres trazos es más tradicional para ti? ¿Usarías esta estructura en una nueva fuente? ¿Una J subrayada se adapta mejor a tu fuente o decidiste no dejarla ir más allá de la línea base?

Quizás tengas más preguntas a considerar:

La altura de la barra en e

¿Cuántos pétalos debe tener el * (asterisco)? (Nota del traductor: lo comparé con 4, 5 y 6 pétalos)

La inclinación del número #

¿Hay colas en y y q?

Si te quedas atascado en estos detalles en primer lugar, nunca podrás comenzar con el diseño de fuente real. Sin embargo, deberías pensar en estos detalles antes de empezar a diseñar. Pasar un poco más de tiempo fuera de su software de diseño de fuentes puede evitar que pierda mucho tiempo retocando o modificando caracteres cuando realmente está diseñando.

Métricas verticales

También debes tomar algunas decisiones, como las métricas verticales, un conjunto de dimensiones que determinan las diferentes alturas de los personajes. Estos son los términos que se le proporcionan:

Margen superior, que define la posición superior de las letras minúsculas (generalmente el punto más alto de una b minúscula)

Altura de la letra mayúscula, que define la altura de una letra mayúscula (normalmente la altura de una H mayúscula)

altura x, que es la altura de la mayoría de las letras minúsculas, como v.

Línea base, la línea de puntos donde "está" el carácter.

La línea inferior, que define la parte inferior de una letra minúscula (generalmente la parte inferior de una p minúscula)

Antes de comenzar a diseñar un tipo de letra, debes abordar las siguientes cuestiones relacionadas con medición vertical:

¿El borde superior de la letra minúscula más alta será más alto que la altura de la letra mayúscula? (Muchas fuentes superarán esto, pero no todas).

¿Cuál debería ser la altura de x? (Simplemente subir o bajar un poco la altura X "estándar" es suficiente para producir resultados interesantes).

¿A qué altura debe definirse el borde inferior?

También hay algunos principios básicos a considerar a la hora de decidir las medidas verticales de una fuente.

Los personajes con fondos curvos tienden a estar ligeramente por debajo de la línea base. Del mismo modo, los personajes con la parte superior curva a menudo serán ligeramente más altos que la altura x estándar o la altura de la tapa.

La razón para establecer estas líneas de base es que si estos caracteres curvos no son ligeramente más altos o ligeramente más bajos que los caracteres cuadrados, entonces tienen que verse un poco más pequeños. Mi punto es que la ley no dice que tengas que seguir esta regla. Si su fuente se ve mejor con exactamente la misma línea de base y altura, entonces puede hacerlo. Sin embargo, realmente no es una buena idea definirlos para que tengan la misma altura porque no estás seguro de si eso es mejor.

Medida Horizontal

Definir la medida horizontal de una fuente te llevará mucho tiempo.

El indicador de nivel principal, núcleo/espaciado (más sobre esto a continuación), le llevará muchas horas de trabajo minucioso y meticuloso completarlo. (Supongo que debes haber leído el artículo de Johno sobre el kerning, ¿verdad? ¿No? Realmente deberías hacerlo. Adelante, estaré aquí para ayudarte). Pero antes de empezar a hablar de kerning, primero deberíamos pensar en el rodamiento lateral.

Establecer correctamente el espaciado lateral facilitará los ajustes de espaciado posteriores y le ahorrará mucho tiempo valioso al optimizar las mediciones horizontales.

El relieve lateral se refiere al espacio entre los lados izquierdo y derecho de un personaje. En la imagen de arriba, los lados izquierdo y derecho de la letra U definen marcos laterales idénticos. Esto es común, pero no obligatorio. A veces, un lado del marco es positivo y el otro lado es negativo, lo que significa que el marco puede estar dentro del personaje.

Tenga en cuenta que el borde izquierdo (LSB) de j ya está dentro de los límites reales del carácter, lo que equivale a raspar parte del carácter. ¿Por qué es necesario esto? Veamos qué sucede cuando j encuentra otras letras.

El lado interior indica a la computadora que represente j más cerca del carácter adyacente a la izquierda que el espaciado estándar. Si los bordes izquierdo y derecho se definieran igual, el espacio entre j y su vecino de la izquierda sería grande y aburrido.

El ajuste del espaciado entre caracteres también puede resolver este problema, pero si j siempre (o con frecuencia) está cerca del carácter adyacente a la izquierda, definir un borde lateral negativo puede reducir la carga de trabajo del ajuste del espaciado entre caracteres. aquellos que no lo utilizan Para los usuarios de kerning (desafortunadamente, la opción de kerning en la mayoría de los programas de procesamiento de textos está desactivada de forma predeterminada), se puede lograr un mejor espaciado entre letras.

Espaciado entre caracteres

Después de leer el artículo de Johno sobre el espaciado entre caracteres, ya tienes lo básico, ¿verdad? Aquí hay algunos detalles que usted, como diseñador tipográfico, debe conocer sobre el interletraje.

Una buena configuración de estante lateral es como tener un entrenador en jefe con un buen plan general para el juego; le dará a tu tipo mejores resultados en la mayoría de situaciones en las que los usuarios no utilizan ajustes de espaciado. Pero en algunas situaciones específicas, para conseguir el efecto perfecto, también es necesario tener un buen coordinador ofensivo en el campo para organizar una ofensiva específica, y este es el ajuste del espaciado.

Después de terminar de configurar la mesa auxiliar, me gusta imprimir los pares de caracteres en la fuente para verificar dónde me estoy equivocando y dónde necesito algunos ajustes de espaciado para ayudar. De hecho, escribí un script que genera un documento de Open Office a partir de estos pares de caracteres, que puedes descargar aquí. Luego puede abrir el documento en Open Office, seleccionar todo el texto, cambiarlo a su propia fuente e imprimirlo para revisarlo.

Una vez que encuentres los pares de personajes problemáticos, tendrás que solucionarlos tú mismo. A continuación se muestra un ejemplo de mi fuente que muestra el par V-e con los tirantes laterales configurados y el espaciado aún no ajustado. Observe qué tan separados están los dos personajes.

Luego ajusta la forma de la fuente:

Lo que debemos hacer es que las letras fluyan de forma natural. A menudo pienso que el interletraje es como si mis personajes se acurrucaran entre sí.

Debes prestar atención a los siguientes puntos al ajustar el interletraje:

Si descubres que cada par de caracteres necesita interletraje, entonces probablemente haya algún problema con la configuración del marco lateral. . Una buena configuración del marco lateral generalmente significa que parte de un par de caracteres ya está configurado y no se requieren ajustes en el espaciado de los caracteres individuales.

Se te informará que solo necesitas realizar ajustes de espaciado para los pares de caracteres más comunes. Por ejemplo, para q, sólo necesita ajustar el espaciado para qu y qa, pero no para qz. ¿Quién usaría qz en una impresión real? Soy una excepción e insisto en espaciar todos los pares de caracteres, por increíbles que sean las combinaciones. Los puristas pueden volver a desmayarse o quedarse sin aliento.

Pero ¿por qué querría limitar a los usuarios de mi fuente a tener buenos ajustes de espaciado sólo cuando utilicen pares de caracteres estándar? Si alguien quiere imprimir qz, entonces se le debe permitir imprimir qz hermoso.

La mayoría de los programas de edición de fuentes tienen espaciado automático entre palabras. Este es un buen comienzo, pero es aconsejable que usted mismo lo compruebe y realice ajustes caso por caso después del ajuste automático. Ningún algoritmo puede superar al ojo humano.

Tonteando

Hasta ahora, sólo estamos jugando una mala pasada. Si no tomamos medidas a tiempo, podemos sufrir de "fontmania". Eso espero. Incluso después de todos estos años diseñando tipos de letra, todavía aprendo algo nuevo cada vez que abro FontLab Studio y empiezo a trabajar.

Crea tu propia fuente III

Siempre buscando inspiración en el diseño de fuentes. Después de las vacaciones de verano, compré un juego de bolígrafos de caligrafía baratos, convenciéndome de que marcarían una gran diferencia en mi mala letra. Después de perder una semana y docenas de hojas de papel en blanco, todavía no había producido nada interesante o remotamente artístico. Finalmente, una noche, cansado y frustrado, después de quedarme sin tinta negra, escribí el siguiente conjunto de letras con una pluma roja: esta es mi "Familia Joule". Pensé que podría ser interesante si escribiera sobre el proceso de cómo se convirtió en una fuente en este caso de estudio.

Aquí está uno de los muchos bocetos que escribí esa noche:

Destacado:

Súper destacado: una A mayúscula que no podía esperar para usar.

Del boceto al tipo de letra

Del boceto a los julios El proceso creativo de la fuente, como escribí en los dos artículos anteriores, consiste en escanear el boceto en el tipo de letra, a continuación se muestran los escaneos Aquí hay una copia de cómo se ve en Photoshop después de convertirlo al modo de mapa de bits en blanco y negro.

Tenga en cuenta los puntos irregulares en el mapa de bits original:

Normalmente limpio estos mapas de bits antes de importarlos a Fontlab, pero esta vez hice una excepción. Este es el primer paso, importar el mapa de bits a ScanFont:

Primer plano en ScanFont:

Copié el nuevo carácter en la ubicación correcta en FontLab. Para darle una idea de cómo realizar ajustes en FontLab, la imagen ampliada a continuación muestra la A preliminar importada.

Luego empieza a eliminar los nodos antiestéticos:

Al ajustar los caracteres en FontLab, tenemos que lograr un equilibrio entre dos tentaciones: por un lado, tenemos que hacer que el contorno sea lo más suave posible. posible; Por otro lado, para mantener la fuente interesante, debemos mantener tantos nodos aproximados como sea posible. Descubrí que con las fuentes caligráficas no se deben suavizar todos los bordes ásperos, ya que al hacerlo se pierde la sensación caligráfica.

Síntesis de caracteres al rescate

Una de las ventajas de FontLab es que puede sintetizar caracteres automáticamente. En este ejemplo, creé una A, luego un "acento":

Luego hice doble clic en la celda "A-acento"...

...FontLab A compuesto se crea el carácter:

En este punto, si edita una nota La o acentuada, el cambio se actualiza automáticamente al compuesto "Acento La" inmediatamente.

Barandillas

Como mencioné en mis artículos anteriores sobre diseño de fuentes, configurar las barandillas adecuadas es un paso muy importante. (¡Una razón es que los soportes laterales adecuados facilitan los ajustes de espaciado!) Primero, para hacer ajustes aproximados a los personajes, instalé aproximadamente un soporte lateral frontal muy pequeño. En la edición inicial, esta barra lateral de y se ve así:

Puedes ver qué problemas pueden surgir con esta configuración observando el emparejamiento de aey en la configuración de seguimiento inicial.

De hecho, podría haber mantenido los flancos de esta y iguales, luego ajustar la y más cerca de a en cada emparejamiento de espaciado de palabras, y así sucesivamente, moviendo la y en cada emparejamiento de espaciado de palabras Ajustar estar más cerca de otros personajes. Pero obviamente, es mucho más simple y sensato establecer un lado negativo a la izquierda de esta y:

Aquí está el efecto de la configuración mejorada de espacios en blanco y el ajuste de espaciado de glifos predeterminado:

Espaciado entre glifos

¡Dios mío, configurar el espaciado entre glifos para esta fuente me llevó horas! Los detalles molestos... No los enumeraré todos. Aquí hay otro ejemplo de cómo ajustar el espaciado entre palabras. Antes:

Después:

Ligaduras

He creado una buena cantidad de ligaduras en julios que los usuarios pueden elegir aplicar manualmente al componer tipografía.

Aquí hay un ejemplo de cómo creo estas líneas de conexión. Primero, veamos esta z y guión originales.

De hecho, podría hacer que se superpongan de una manera extraña cuando el espaciado entre caracteres coincida, pero sería más responsable hacer una ligadura z-a. Paso 1, crea un carácter de espacio en blanco y copia la z y la a en:

Paso 2, corta sus contornos para que se unan en el lugar correcto:

Paso 3, elimina el exceso :

Paso 4, mueve los personajes para que estén más cerca:

Paso 5, conecta los nodos:

Ligaduras Inteligentes

Las ligaduras inteligentes no se incluyeron en la primera versión de Joules: esta es una técnica que aprendí recientemente. (Esto significa el fin de las fuentes TrueType, ya que la tecnología Smart Link debe implementarse en las fuentes OpenType). No entraré en detalles aquí, pero lo que puedo decirte es que tienes que abrir un panel OpenType especial en Fontlab y generalmente algunas secuencias de comandos para activar las ligaduras que creas en algún software que pueda reconocer ligaduras. Es más o menos el siguiente:

Completo