¿Cómo diseña Sun fuentes para compartir?

Eres un diseñador talentoso y un maestro de la caligrafía. Has aprendido todas las serifas, los marcos laterales y las letras. Ahora quieres crear tu propia fuente (¡qué! ¿No sabes qué son las serifas, los bordes y el kerning? Bueno, antes de comenzar a crear fuentes, ¡asegúrate de leer todos los artículos en iLT! Si realmente quieres tener éxito , debes dominar todos los conocimientos relevantes que puedas. Si no eres un diseñador o calígrafo talentoso, no te preocupes, aún puedes crear letras hermosas, con un poco de esfuerzo, mucho conocimiento y un poco de inspiración. )

Arma secreta: software de edición de fuentes

El excelente diseño, los hermosos trabajos de caligrafía y el profundo conocimiento de fuentes mencionados anteriormente aún no te permiten crear fuentes. Necesita convertir su trabajo a un formato que las computadoras puedan entender, por lo que debe tener a mano un excelente software de edición de fuentes. Estos software tienen diferentes funciones, diferentes precios y diferentes plataformas operativas. Éstos son algunos de los grandes nombres:

Software de edición de fuentes

Este es el software que uso para crear fuentes. En la medida en que se ha convertido en un estándar de la industria, también es caro: 649 dólares. Hay una prueba gratuita de 30 días. Puedes probar antes de comprar. Disponible en plataformas PC y Mac. FontLabStudio es un software de uso frecuente y te puedo asegurar que es excelente y su comunidad de usuarios es bastante popular.

FontForge Básicamente, FontForge puede hacer todo lo que FontLab puede hacer, y es gratuito y de código abierto. Además, debido a que es de código abierto, no es fácil instalar FontForge en Windows (primero se debe instalar Cygwin). Al mismo tiempo, su documentación no es tan completa como la de FontLab. Recientemente hubo un tema interesante sobre FontForge en el foro de Typophile. Puedes consultarlo para decidir si te unes a la adopción del código abierto. FontForge está disponible para PC, Mac y Linux. Si es usuario de Linux, FontForge puede ser su única opción.

Aquellos que son adictos al dinero pueden considerar DTLFontMaster, que tiene todas las funciones de FontLab e incluso más, pero el precio es bastante caro. FontMaster se compone de varios módulos diferentes, lo que creo que es bastante interesante, pero también bastante intimidante. Disponible para plataformas PC y Mac.

FontCreator es otra opción más asequible que FontLab. Pero sólo puede manejar fuentes en formatos TrueType y OpenType; no puede manejar fuentes Type1 y sólo está disponible en la versión de Windows.

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

El software de edición de fuentes alguna vez fue el verdadero rey, pero debido a que los fabricantes dejaron de desarrollarlo, estuvo sellado durante muchos años y casi desapareció. No fue hasta que FontLab obtuvo el código fuente que se lanzó recientemente una versión mejorada para Mac. Dado que su última versión actualizada data de finales de la década de 1990, espero sinceramente que Fontlab pueda darle una reescritura refrescante a esta nueva versión. Cuesta la mitad del precio de FontLabStudio, pero no hay ninguna versión de prueba disponible. Se ejecuta en plataformas PC y Mac, pero actualmente sólo los usuarios de Mac tienen acceso a la última versión.

Los procedimientos operativos de este software son los mismos, pero difieren en detalles, interfaces, opciones y capacidades específicas. Por lo tanto, debe investigar un poco antes de comprar: descargue y pruebe algunas versiones de demostración, escuche las opiniones y argumentos de los usuarios y decida qué software de edición de fuentes es mejor para usted. Escuché que algunas personas comienzan con TypeTool, primero determinan si realmente les gusta el diseño de fuentes y luego actualizan a FontLabStudio cuando las limitaciones de TypeTool realmente se convierten en un obstáculo.

Cuando tienes un buen software de edición de fuentes, puedes tener tres procesos básicos diferentes para crear una fuente.

Método 1: Dibujar en papel

Herramientas necesarias:

Un buen bolígrafo

Papel blanco

Regla (opcional)

Escáner Escáner

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

Escanear software de escaneo de fuentes y fuentes

Software de edición de fuentes

¿Tienes talento artístico? ¿Buena letra? Bien, toma un buen bolígrafo y una docena de hojas de papel en blanco y empieza a escribir tu carta. No pase por alto la elección del bolígrafo. Si quieres que tus letras sean gruesas y llenas, prueba los marcadores Sharpied. Si quieres hacer caligrafía con bolígrafo, muestra tu juego de bolígrafos de caligrafía. Si desea que sus trazos sean finos y sutiles, elija un bolígrafo afilado y preciso para escribir. Agrande las palabras para obtener más detalles. Todas las letras deben tener la misma altura posible (es posible que primero tengas que dibujar una cuadrícula en el papel con un lápiz). Una buena fuente es un conjunto completo de caracteres, así que no omita nada, como puntuación, tildes, acentos, paréntesis, corchetes y números. También es posible que desees incluir algunos caracteres raros, como algunas letras del inglés antiguo y de idiomas europeos antiguos. Antes de poner el lápiz sobre el papel, puede crear una nueva fuente en un software de edición de fuentes para ver qué caracteres están incluidos en el alfabeto estándar de la fuente. Es posible que algunos de estos caracteres sean desconocidos, pero es posible que los tipógrafos profesionales quieran verlos en su fuente.

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 su mapa de bits en el software de escaneo de fuentes ScanFont de FontLab. Este pequeño y fantástico software (la versión para Mac de FontLabStudio viene con un conjunto de ScanFont, ¡gratuito para los 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 funciona con contornos, como las líneas vectoriales básicas utilizadas en Illustrator. Los escáneres y software como Photoshop sólo trabajan con mapas de bits. ScanFont es el puente entre estos dos formatos multimedia. Una vez completado el escaneo, puede guardar sus fuentes en ScanFont o copiar caracteres individuales de ScanFont a FontLabStudio y comenzar su largo, arduo y divertido trabajo de edición de fuentes hasta que quede perfecto.

Método 2: Dibujar con una mesa de dibujo

Herramientas necesarias:

Tablero WacomTabletWacom

AdobeIllustrator

Software de edición de fuentes

Si tiene un tablero de dibujo Wacom, puede guardar muchos de los pasos anteriores, ya que puede dibujar sus fuentes directamente en el software de dibujo vectorial y FontLabStudio admite copiar y pegar datos vectoriales directamente desde Adobe Ilustrador.

Método 3: Dibujar directamente en un software de edición de fuentes.

Herramientas necesarias:

Ratón

Software de edición de fuentes

Manos de acero y paciencia divina.

Una vez hice dos fuentes, íntegramente en FontLabStudio, apoyándome en mi ratón, una mano firme y de hierro y un número considerable de comandos de deshacer. Este método es absolutamente factible y puede generar fuentes más precisas que dibujar fuera del software y luego importarlo. Como es de esperar, el software de edición de fuentes incluye una gran cantidad de herramientas que trabajan juntas para realizar una variedad de tareas: hay herramientas para generar líneas rectas y curvas perfectas, y hay asistentes que lo ayudarán a alinear cualquier cosa con alta precisión.

Crea tus propias fuentes ⅱ

El número total de fuentes vendidas en MyFonts ha superado las 55.000. La gran cantidad de tipos de letra existentes muestra que al diseñar tipos de letra tenemos que enfrentarnos a un número casi infinito de opciones. Algunas opciones son muy básicas, como: fuentes serif o sans serif (por supuesto, hay toneladas de subcategorías en ambas); fuentes de calidad tipográfica que son precisas para escritura a mano, ancha o estrecha;

Pero más allá de las opciones obvias, hay algunos términos de los que probablemente nunca hayas oído hablar:

¿Cerrado, semicerrado o abierto 4?

¿Tres o dos años?

¿El resultado final es extendido o J?

Arquitectura de doble capa o de una sola capa G?

Arquitectura de doble capa o monocapa ¿A?

¿W cruzada, conectada o redondeada?

Puedes comparar algunas fuentes que te gusten para entender estos detalles, o más, como por ejemplo, ¿si la Y de tres trazos es más tradicional para ti? ¿Vas a utilizar esta estructura en tu nueva fuente? ¿Una J con extensión se adapta mejor a tu fuente o has decidido no dejarla ir más allá de la línea base?

Quizás tengas más cosas a considerar:

La altura de la barra horizontal en e

¿Cuántos pétalos debe tener tu *(asterisco)? (Traducción: lo comprobé, hay 4 pétalos, 5 pétalos y 6 pétalos)

#tu tendencia#.

¿Tus y y q tienen cola?

Si te quedas atascado en estos detalles desde el principio, nunca podrás empezar con el diseño de fuente real. Pero realmente deberías considerarlos antes de empezar a diseñar. Pasar un poco más de tiempo fuera de su software de diseño de fuentes puede evitarle perder mucho tiempo iterando o reelaborando caracteres en un diseño formal.

Medidas verticales

También hay una serie de decisiones que debes tomar, como las medidas verticales, una serie de dimensiones que determinan la altura de tu personaje. Los siguientes términos son para usted:

A lo largo de la línea superior, define la posición superior de la letra minúscula (generalmente el punto más alto de la b minúscula)

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

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

Línea base, la línea imaginaria sobre la que se "sienta" el personaje.

A lo largo de la línea inferior, defina la posición de la parte inferior de la letra minúscula (generalmente la parte inferior de la p minúscula)

Antes de comenzar a diseñar un tipo de letra, se deben tener en cuenta las siguientes cuestiones relacionadas con Se debe abordar la medición vertical:

p>

¿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).

¿Qué altura debe tener la altura x? Simplemente subir o bajar la altura X "estándar" es suficiente para producir efectos interesantes. )

¿Qué tan bajo debe ser el límite inferior?

Existen algunos principios básicos a considerar a la hora de decidir el tamaño vertical de una fuente.

Los caracteres con una curva en la parte inferior tienden a estar ligeramente por debajo de la línea base. Del mismo modo, los personajes con la parte superior curva a menudo se extienden ligeramente más allá de la altura X estándar o la altura de las mayúsculas.

La razón de estos principios básicos es que estos caracteres curvos se verán un poco más pequeños si no son un poco más altos o más bajos que los caracteres cuadrados. Quiero decir, no hay ninguna ley que diga que tienes que seguir esta regla. Si su fuente se ve mejor con exactamente la misma línea de base y altura, hágalo. Pero realmente no es una buena idea definirlos al mismo nivel porque no estás seguro de si es mejor.

Medidas HorizontalesMedidas Horizontales

Definir las dimensiones horizontales de una fuente puede llevar mucho tiempo. La principal medición horizontal, kerning/kerning (que se detalla a continuación), requiere muchas horas de trabajo minucioso y detallado para completarse. Creo que debes haber leído el artículo de Johno sobre el kerning antes, ¿verdad? ¿No? ! Realmente deberías leerlo. Adelante, te espero aquí. Pero antes de hablar de kerning, primero deberíamos pensar en los márgenes (dejar espacio, o traducido más sucintamente: "cuadros laterales").

Obtener los márgenes correctamente puede facilitar el interletraje posterior y ahorrarle mucho tiempo valioso al optimizar las mediciones de nivel.

Los bordes son el espacio reservado para los lados izquierdo y derecho de los caracteres. En la imagen de arriba, los lados izquierdo y derecho de la letra U definen el mismo marco lateral. Esto es común, pero no obligatorio. A veces el borde puede ser positivo en un lado y negativo en el otro, lo que significa que el borde puede estar dentro del carácter.

Tenga en cuenta que el marco izquierdo (LSB) de J ya está dentro de los límites reales del personaje, lo que equivale a cortar parte del personaje. ¿Por qué hacer esto? Bien, veamos qué sucede cuando J encuentra otras letras.

El borde interior le indica a la computadora que represente la J más cerca del carácter adyacente a la izquierda que el espaciado estándar. Si los marcos izquierdo y derecho se definen igual, el espacio entre J y el marco adyacente a la izquierda se vuelve grande y duro.

El ajuste de espaciado también puede resolver este problema, pero si J está siempre (o frecuentemente) cerca del carácter adyacente a la izquierda, entonces definir un borde negativo puede reducir el trabajo de kerning, para aquellos que no lo usan. Para los usuarios de kerning (desafortunadamente, la mayoría de los programas de procesamiento de texto desactivan las opciones de kerning de forma predeterminada), pueden obtener un mejor espaciado entre letras.

Kerning

Después de leer el artículo de Johno sobre kerning, ¿puedes seguir estos cursos básicos? Aquí hay algunos detalles sobre el interletraje que usted, como diseñador tipográfico, debe conocer.

Una buena configuración de bordes es como tener un entrenador en jefe con un buen plan general para el juego, lo que permite que la fuente funcione bien en la mayoría de situaciones sin que los usuarios utilicen resultados decentes. Pero en algunas situaciones específicas, para obtener resultados perfectos, también se debe contar con un excelente coordinador ofensivo para organizar la ofensiva específica en el campo, es decir, el ajuste del kerning.

Después de configurar los bordes, me gusta imprimir los pares de caracteres en la fuente para verificar si hay algún error. Necesito ayuda para ajustar el interletraje. De hecho, escribí un script para generar un documento OpenOffice a partir de estos pares de caracteres, que puedes descargar aquí. Luego puede abrir el documento en OpenOffice, seleccionar todo el texto, cambiarlo a su propia fuente e imprimirlo para revisarlo.

Después de encontrar esos pares de personajes problemáticos, tendrás que ensuciarte y arreglarlos tú mismo. Aquí hay un ejemplo de mi fuente que muestra el emparejamiento V-e con bordes pero sin interletraje. Observe cuán diferentes son los dos personajes.

Luego después del kerning:

Lo que debemos hacer es hacer que las letras fluyan naturalmente de una a la siguiente. A menudo pienso que el interletraje es como mantener a mis personajes cerca unos de otros.

Algunas cosas a tener en cuenta al ajustar el kerning:

Si descubres que tienes que ajustar el kerning de cada par de caracteres, probablemente haya un problema con la configuración del borde. Una buena configuración de bordes generalmente significa que algunos pares de caracteres ya están configurados y no requieren un kerning por separado.

Algunas personas le dirán que sólo necesita introducir el kerner en los pares de caracteres más utilizados. Por ejemplo, para Q, solo necesita ajustar el interletraje de qu y qa, pero qz no es necesario. ¿Quién usaría qz en la impresión real? Pero yo soy una excepción. Insisto en interletraje de todos los pares de caracteres, sin importar cuán irrazonables sean esas combinaciones. Los puristas pueden volver a desmayarse o temer tener dificultad para respirar. Pero ¿por qué debería restringir a los usuarios de mi fuente a tener un buen kerning sólo cuando utilicen pares de caracteres estándar? Si alguien quiere imprimir un qz, se le debe pedir que imprima un hermoso qz.

La mayoría de los programas de edición de fuentes tienen función de interletraje automático. Este es un buen comienzo, pero es aconsejable verificar y ajustar caso por caso después del ajuste automático. Ningún algoritmo puede superar al ojo humano.

Al rayar la superficie se cortará la piel.

Hasta el momento sólo hemos arañado la piel. Si no se aborda, puede conducir a una “manía por las fuentes”. Eso espero. Aunque me dedico al diseño de fuentes durante tantos años, todavía puedo aprender algo nuevo cada vez que abro FontLabStudio y trabajo duro en él.

Crea tus propias fuentes ⅲ

Siempre buscando inspiración en el diseño de fuentes. Después del verano, compré un juego de bolígrafos de caligrafía baratos, convenciéndome de que harían una gran diferencia en mi gallinero. Una semana perdida, docenas de páginas en blanco y todavía no conseguí nada interesante o remotamente artístico. Finalmente, una noche, cansado y decepcionado, se me acabó la tinta negra, inserté un recambio rojo y escribí el siguiente alfabeto, que desde entonces se ha convertido en mi familia Joule. Pensé que podría interesarle si escribiera sobre cómo se convirtió en la fuente de este caso de estudio.

El siguiente es uno de los muchos bocetos que escribí esa noche:

Primer plano:

Súper primer plano: Ojalá tuviera una a mayúscula. .

Del boceto a la fuente

El proceso de creación de la fuente Joules a partir del boceto, como escribí en los dos primeros artículos, escaneé el boceto, a continuación se muestra el borrador escaneado convertido en Photoshop. Cómo se ve después de pasar al modo de mapa de bits en blanco y negro.

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

Normalmente limpio estos mapas de bits antes de importarlos a Fontlab, pero esta es una excepción. Estos son los primeros pasos para importar el mapa de bits a ScanFont:

Escanear primer plano de la fuente:

Copié este nuevo carácter en la ubicación correcta en FontLab. Para darle una idea de cómo ajustarlo en FontLab, el borrador A importado se muestra ampliado a continuación. Elegí una sección problemática.

Luego comienza a eliminar esos nodos desagradables:

Al ajustar los caracteres en FontLab, asegúrate de lograr un equilibrio entre dos tentaciones: intentar que los contornos sean lo más suaves posible, por un lado. y, por el otro, hacer que los contornos sean lo más suaves posible. En términos de diseño, intenta dejar algunos nodos ásperos para mantener la fuente interesante. Encuentro que con las fuentes de caligrafía, no se deben suavizar todos los nodos rugosos. Hasta cierto punto, eso equivale a privarlos del sentimiento de la caligrafía.

Síntesis de personajes que salvan a personas en apuros

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

Luego hice doble clic en el cuadro "A-acento".

FontLab crea un carácter compuesto:

En este punto, si editas esta A o aquel acento, los cambios se actualizarán inmediata y automáticamente al compuesto "Acento A".

Paredes laterales

Como mencioné en mi artículo anterior sobre diseño de fuentes, establecer los bordes apropiados es un paso importante. (¡Una razón es que los bordes adecuados facilitan el interletraje!) Primero hice un ajuste aproximado al carácter. Construí aproximadamente un pequeño borde frontal. Durante la edición inicial, el cuadro lateral de esta Y se ve así:

¿Qué hay de malo en esta configuración? Puede ver el emparejamiento de A e Y en la configuración inicial de kerning.

De hecho, puedo mantener el borde de esta Y sin cambios y luego ajustar Y para que esté cerca de A en el kerning, y así sucesivamente, ajustando Y para que esté cerca de otros caracteres en cada kerning. Pero obviamente es más simple y sensato establecer un borde negativo a la izquierda de esta Y:

Así es como se ve la configuración mejorada de espacios en blanco con el kerning predeterminado:

Kering

¡Dios mío, pasé horas intercalando esta fuente! Será mejor que te deje en paz e ignore los molestos detalles. Pero aquí hay otro ejemplo de interletraje. Así es como se ve antes del ajuste:

Después del ajuste:

Ligadura

He creado una cantidad considerable de ligaduras en julios y los usuarios pueden optar por aplicarlas. manualmente al escribir.

Aquí tienes un ejemplo de cómo creo estos conectivos. Primero, veamos la yuxtaposición inicial de Z y a.

En realidad, cuando hago coincidir el espaciado, podría usar una forma original de hacer que se superpongan maravillosamente, pero hacer un guión z-a es más responsable. Paso uno, crea un carácter en blanco, luego copia Z y A:

Paso dos, corta sus contornos para que puedan combinarse en el lugar correcto:

Paso tres, elimina lo redundante partes:

El cuarto paso, mueve los caracteres para que estén más cerca:

El quinto paso, conecta los nodos:

Separación de palabras inteligente

La primera versión de Joules no incluía la separación de palabras inteligente: una técnica que aprendí recientemente. (Esto significa el fin de las fuentes TrueType, porque las fuentes OpenType deben implementar tecnología de separación de palabras inteligente. No entraré en detalles, pero lo que puedo decirle es que necesita abrir un panel OpenType dedicado en Fontlab y generalmente escribir algún script para que las ligaduras que crees se pueden activar en algún software de reconocimiento de ligaduras. Más o menos se ve así:

Listo