Diseñando una fuente desde cero y enviándola a Google Fonts en 24 horas

One Day Builds

Soy un gran admirador de las Construcciones de un día de Adam Savage. Al comienzo del día comienza con una pila de materiales y termina sosteniendo algo que alguna vez codició (este es mi favorito).

Entonces, con esto en mente (y un día libre del trabajo), me planteé un desafío ...

Cree una fuente completamente nueva, desde cero, y envíela a Google Fonts en menos de 24 horas.

Tenía un par de cartas ya esbozadas en un viejo cuaderno. Quería crear una fuente de pantalla alta, sin serifa, que pudiera usarse en carteles o en ilustraciones a gran escala. En mis primeros días en Men's Health, tenía que usar fuentes como 'Tungsten' o 'Heron', que eran terribles para los fragmentos de cuerpo, pero increíbles cuando se usaban en titulares o para material promocional (que era mi trabajo principal allí ) Este fue el estilo que me propuse crear.

(Muy) bocetos ásperos. Ugh

1pm, miércoles

Fui directamente a Adobe Illustrator con los estilos de dos o tres letras que había esbozado. Configuré cinco líneas de cuadrícula en mi mesa de trabajo, una para la línea descendente, la línea base, la altura x, la altura de la tapa y la línea ascendente. Luego decidí un ancho para las letras mayúsculas y, a partir de ahí, el grosor del tallo (por ejemplo, el ancho de la letra I).

Investigué mucho sobre las proporciones y las proporciones de las letras, y en realidad medí algunas fuentes existentes, descubriendo cómo las letras minúsculas deberían relacionarse con las mayúsculas. A partir de aquí, hice algunas reglas:

  • Altura X = 2 × altura del ascendente / descendente.
  • Ancho del tallo = 1/4 de ancho de mayúscula
  • Ancho en minúsculas = 3/4 de ancho en mayúscula
Las reglas, ilustradas.

A partir de aquí, creé las letras O y B primero. Tomé la decisión de que cualquier letra que normalmente tuviera curvas, tendría una esquina redondeada. La mayoría de las letras serían en forma de bloque alto, pero con letras como O, B y D, los bordes con curvas tendrían esquinas redondeadas.

La esquina exterior tendría un radio de 12 mm, y el interior tenía 6 mm. Con estas reglas acordadas, más una altura para mi barra transversal (a través de la letra H) comencé a producir mis letras mayúsculas.

Mi fuente era muy simple, pero con una definición de "florecer", por así decirlo. Cualquier abertura, que es la abertura en una letra, como el corte en la letra C, o el final de cualquier arco, como el extremo curvo de la letra J, se cortaría en ángulo. Las letras más difíciles aquí fueron G y K.

Con las mayúsculas completadas, pasé a las letras minúsculas. Esto fue indudablemente más difícil, pero con mis reglas acordadas, fue solo un caso de agitarlas. Usé mucho más de mis "florecimientos" aquí, especialmente al final de los ascendentes y descendientes. Las letras f, g, aye fueron las más complicadas, ya que eran estilos completamente nuevos.

9pm, miércoles

Ahora estaba pasando a algunos de los glifos adicionales, como el signo de interrogación y el signo de exclamación. Mi ritmo se aceleró, y antes de dormir me las arreglé para trabajar alrededor de 35 de ellos.

Jueves por la mañana

En la mañana, completé los números del 0 al 9 con bastante rapidez, y luego comencé a crear el archivo de fuente.

Este era un territorio completamente nuevo. Ian Barnard, un amigo calígrafo en Twitter (con mi apellido), recomendó un programa llamado Glifos, que puede descargar para una prueba gratuita de 30 días.

Descargué Glyphs Mini y vi un par de videos tutoriales, luego me di cuenta de que había configurado mi archivo de ilustrador completamente mal. Así que tuve que pegar cada carácter manualmente y escalarlo para que coincida con las guías de la aplicación.

10am, jueves

Con mis personajes en su lugar, me dediqué al espaciado y el interletraje de las letras. Esta parte fue increíblemente lenta. Hay una serie de métodos abreviados de teclado en esta aplicación que debes dominar absolutamente antes de comenzar con esto. Y antes de comenzar el proceso de interletraje, debe tener el espaciado entre letras lo más cerca posible de cómo desea que se vea el archivo.

Aparentemente, como regla general, mida el ancho del contador de la letra O (el agujero en el medio) y divídalo entre tres. Esa es la distancia de separación con la que debe comenzar en el lado izquierdo y derecho de sus letras.

11am jueves

Con la configuración del espacio (que representa letras más anchas como M y W) comencé a intercalar. Este fue un proceso masivo y minucioso. Visité este sitio web y pegué su texto de kerning de ejemplo.

Usando los atajos de teclado (use este tutorial) Me abrí paso y ajusté los grupos de interletraje para cada distancia que no me parecía correcta. Los obvios están entre V y A, pero hay tantas combinaciones de letras dentro de esa copia de ejemplo que no habría pensado.

Una vez completado, convertí el texto de interletraje a mayúsculas e hice todo de nuevo, para emparejar las letras mayúsculas.

12:59 pm jueves

Exporté mi fuente y la convertí en un archivo .ttf listo para enviar a Google. Todavía faltan algunos glifos (como corchetes y símbolos de copyright), estaba seguro de que no sería aceptado. Tampoco tuve tiempo de incluir la multitud de acentos necesarios para el soporte completo del idioma.

No es la mejor fuente, pero no estuvo mal para mi primer intento. Y considerando que tuve que enseñarme a mí mismo cómo usar el software Glyphs desde cero, y se completó en un solo día, ¡estaba muy orgulloso!

¿El nombre?

Odibee Sans

... pronunciado "oh-dee-bee". Mi propio "One Day Build" (ODB).

Epílogo

Envié Odibee Sans al equipo de Google Fonts en mayo de 2017, y tal como está la fuente aún está en proceso de ser agregada. El equipo sugirió acertadamente que debería dedicar algo de tiempo adicional a la fuente para refinar el diseño (aunque admitieron que esto iba en contra del espíritu del proyecto).

Con esto en mente, pasé un día adicional en la fuente. Desde entonces he agregado todos los glifos adicionales (creo) necesarios para el soporte latino extendido. También realicé algunos cambios importantes en alrededor de 30 de los glifos, incluidos nuevos estilos para las letras (mayúsculas) S, B, R y minúsculas s, c, y, a, e, r, f, t, p, q y j, así como algunos ajustes numéricos.

Además de esto, ahora hay más de 1500 pares de kerning, lo que ha hecho una mejora masiva en el tipo de letra.

¡Y hice un sitio web! odibeesans.com

El sitio también se hizo en un día usando Adobe Muse. Más sobre esto aquí.

¡Gracias por leer! Me encantaría leer sobre cualquier proyecto que hayas abordado en un día. ¡Es una técnica bastante efectiva, si puedes perder el tiempo (Dios bendiga el estilo de vida independiente)!