Aprender a crear tipografías: enlaces

Thomas Pinney, un gran experto en tipografía digital y ahora vicepresidente de Fontlab, ha recopilado una muy buena selección de recursos sobre diseño tipográfico y creación de tipos en su blog: Type Design & Font Making Resources.

Los recursos están categorizados y abiertos a comentarios, de manera que es posible que se añadan algunos otros enlaces relacionados.

anatomía de una tipografía

Encontramos desde nomenclatura de las partes de un tipo, como en Typedia (en castellano podemos consultar un material equivalente en Unos tipos duros), hasta tutoriales de lo más específico para utilizar los programas de diseño de fuentes como Fontlab, y sus posibilidades de automatización.

Nuevos programas de diseño tipográfico

Una de las consecuencias de la fiebre tipográfica que está arrasando el mundo del diseño desde hace unos años es la aparición de nuevos programas para crear y editar tipografía digital. Durante muchos años, entre los inicios de la tipografía digital en los años 80 hasta entrado este siglo, los programas disponibles se reducían prácticamente a los clásicos —Fontographer, Fontlab, FontForge— y algunas soluciones profesionales muy costosas como DTL Fontmaster.

robofont

El panorama está cambiando mucho últimamente, con la increíble revitalización del interés por la tipografía de calidad y los instrumentos para crearlas. He comentado anteriormente que una de las cosas que más me interesaron inicialmente de internet era poder acceder a información sobre la tipografía y sus creadores, pero sin duda lo que estamos disfrutando (y es algo que se acentúa continuamente) estos últimos 5-10 años está realmente en otro orden de magnitud.

Con este tremendo empuje, aparecen nuevos y potentes programas como Glyphs o Robofont, (para Mac). Y, de hecho, muchos creadores tipográficos están adoptando estas nuevas aplicaciones, en detrimento de Fontlab.

Aunque los programas de diseño tipográfico funcionan más frecuentemente en Mac OS X, también hay alguna excepción como Font creator program, que tiene un desarrollo muy activo y es una aplicación exclusiva de Windows. Apareció aproximadamente en la misma época en que Fontographer quedaba en el limbo, (hasta que, años más tarde, fue resucitado por Fontlab).

glyphs compare masters
Comparación de másteres de diferente grosor en Glyphs (glyphsapp.com).

Para complementar el flujo de trabajo de los programas de creación de fuentes digitales , el diseñador más exigente tiene a su disposición una serie utilidades especializadas que han ido apareciendo también estos años, como Superpolator (que facilita muchísimo el desarrollo de diferentes pesos para crear familias tipográficas). Algo más exigente es el uso de Robofab, un módulo para Python especialmente pensado para la manipulación y transformación de objetos tipográficos en el formato UFO, a través de las capacidades de utilización de scripts de Fontlab y Glyphs.

Superpolator, una utilidad para explorar la creación de tipografías por interpolación de diferentes parámetros (superpolator.com).
Superpolator, una utilidad para explorar la creación de tipografías por interpolación de diferentes parámetros (superpolator.com).

Hay que tener en cuenta, además, las aplicaciones que funcionan en línea, en el navegador. Hemos hablado antes de Fontstruct, que empezó casi como un juguete y se convirtió pronto en un archivo de diseños sorprendentes y a veces muy logrados. Prototypo, una aplicación de diseño paramétrico aplicado a la creación de fuentes, ha conseguido una muy notable financiación a través de Kickstarter y está previsto que haya una primera versión dentro de este año.

Está también una aplicación todavía en fases iniciales de desarrollo, FontArk, que funciona dentro del navegador (limitado a aquellos navegadores que tienen el motor Webkit: Safari, Chrome).

Finalmente, otro proyecto, de código abierto, que funciona en el navegador (basado en html5): glyphrstudio. Para generar tipografías creadas en Glyphrstudio que puedan ser utilizadas en cualquier ordenador es necesario recurrir a TTX-Fonttools.

glyphrstudio

Sin duda, este panorama cambiante está lleno de sorpresas y cosas para descubrir. ¡Que siga así!

El Doctor Freud, supongo

En Smashing Magazine acaban de publicar un detalladísimo artículo en el que se describe minuciosamente el proceso de creación de una tipografía de estilo manuscrito. Es un proyecto bastante especial, porque lo que viene a recrear es la escritura de Sigmund Freud.

Tipografía Freud de Harald Geisler

El proyecto, de Harald Geisler, viene a continuación de una tipografía anterior en la que digitalizó la letra de Albert Einstein, y es el resultado de una iniciativa en Kickstarter que ha tenido una acogida impresionante (reunió 20 veces más de lo que solicitaba, nada menos).

El artículo explica las diferentes fases del desarrollo: las muestras en que se basa, cómo digitalizó los caracteres, el trabajo en el programa de dibujo Adobe Illustrator, la creación del archivo de fuente en Fontlab, con todas las características especiales del formato OpenType, y mucho más.

Hands On With The Sigmund Freud Typeface: Making A Font For Your Shrink | Smashing Magazine.

Hoefler & Frere-Jones

Un documental, Font men, que vale la pena, con los diseñadores tipográficos Jonathan Hoefler y Tobias Frere-Jones, que forma parte de la selección de este año en el Festival SXSW:

Font Men – SXSW 2014 Official Selection por dress code en Vimeo.

Un capítulo aparte sería el litigio que mantienen ambos por la propiedad del estudio de diseño, con demandas millonarias de por medio. Tobias Frere-Jones, (después de que no se formalizara un acuerdo verbal por el cual eran socios al 50%) ha emprendido una carrera independiente y Hoefler se queda, por el momento, con una compañía que ha crecido mucho en valor y dimensión durante quince años. La lección más obvia del caso es que los acuerdos, siempre en papel, firmados y ante notario…

Birdfont

A las opciones existentes para crear tipografías digitales con programas de código abierto o gratuitos se une una nueva aplicación, Birdfont, aún en su fase inicial de desarrollo.

birdfont

Birdfont se puede utilizar en las principales sistemas operativos: Linux, Windows o incluso en Mac OS X. Para Mac, se encuentra disponible una aplicación típica (sistema de carpetas con todas las dependencias y archivos necesarios) y también es posible instalar Birdfont a través de MacPorts.

Esta aplicación está bien integrada en un flujo de trabajo basado en programas y formatos de código abierto, como SVG, con opciones para importar y exportar este formato vectorial.

birdfont_edits

Para iniciarse en el uso de Birdfont están disponibles unos cuantos tutoriales en video.

La interfaz del programa es simple, basada en una serie de iconos cuyo significado no es inmediatamente evidente. Una vez acostumbrados a este entorno, sin embargo, crear nuevas tipografías se ve facilitado por su simplicidad.

birdfont_interface

FontForge: dibujar, diseñar, crear

Design With FontForge es un trabajo en progreso —que está previsto acabe convirtiéndose en un libro— dedicado al diseño de tipografías digitales con el excelente programa de código abierto Fontforge.

design with fontforge

En todo caso parece que la intención es que siga siendo un ejemplo de cultura libre; también se puede descargar la versión más reciente o clonar el repositorio de Github.

Los contenidos están bien estructurados e ilustrados, en forma de una detallada guía paso a paso sobre la creación de dibujos vectoriales y caracteres para tipografías digitales.

terminals f

Fontastic

Cómo crear colecciones de iconos vectoriales para insertar en páginas web. Un servicio que ofrece miles de iconos para proyectos personales y comerciales para crear una fuente digital a medida.

fontastic

Las ventajas de utilizar elementos vectoriales en el diseño web para navegadores modernos son obvias: entre ellas, la capacidad de mostrar estos componentes gráficos a cualquier tamaño sin pérdida alguna de calidad. Una forma de integrar iconos vectoriales en un proyecto web es recurrir a fuentes o tipografías digitales embebidas en el código html + css.

Ahora que los navegadores se comportan bastante bien con los estándares de fuentes web, todas las razones para aprovechar esta capacidad se hacen más claras. Por ejemplo, se acabó la modificación de los iconos  en un programa de edición de imagen para cambiar un color u otras características. Basta retocar el código CSS y los cambios se aplican instantáneamente a todo el sitio web. Con la proliferación de dispositivos de alta resolución (como las pantallas retina de los últimos Mac, iPad y iPhone), los iconos se muestran siempre con la máxima calidad, sea cual sea el tamaño a que deban mostrarse.

Existen muchas colecciones de iconos vectoriales integrados en archivos de fuentes digitales que pueden utilizarse como webfonts, como los dingbats de FontSquirrel y los de otros servicios comentados anteriormente. Existe un pequeño problema, sin embargo, con determinadas colecciones de iconos. Si se usa un archivo masivo para unos pocos iconos que vayamos a utilizar podemos ralentizar innecesariamente la carga y respuesta de nuestra página web (además de que se hace más incómodo localizar los iconos que nos interesan dentro de una cantidad tan grande de glifos).

fontastic

Una solución magnífica a este inconveniente es preparar una webfont a medida, que contenga solamente los iconos deseados o necesarios para un proyecto determinado. Crear fuentes digitales a partir de una selección de iconos vectoriales es cosa de niños con Fontastic, un servicio que ofrece de entrada más de 4000 componentes para elegir. Así, es posible crear una colección de iconos a medida para un proyecto, según un tema determinado…

El servicio es gratuito y la licencia de usuario permite el uso también en proyectos comerciales. Para profesionales, o para aquellos que necesiten unos iconos muy específicos, existen una serie de colecciones premium (de pago). La selección, tanto para cuentas premium como gratuitas, además, no está limitada a la extensa biblioteca de iconos disponibles en Fontastic, sino que se pueden subir e integrar en la fuente creada los archivos vectoriales propios del usuario (en formato SVG). Una vez hemos creado nuestro archivo, seleccionando iconos de la enorme colección o subiendo nuestros propios componentes vectoriales, Fontastic proporciona unas instrucciones muy claras para utilizar las fuentes recién creadas.

 

2TTF Gallery de iFontMaker

2TTF Gallery de iFontMaker , la aplicación para dibujar directamente fuentes tipográficas en el iPad, ya cuenta con centenares de ejemplos de tipografías creadas con la tableta de Apple (ahora también está disponible para dispositivos táctiles de Windows).

2TTF-Mobile’s Font-ryo 2013-05-03 11-18-41

Para tipos de letra manuales o caligráficos, ¿existe una manera más natural de crear un tipo de letra digital? ¡Son tipos digitales en el doble sentido de la palabra! Estas tipografías son de una calidad muy irregular, como cabe esperar, pero con tanta cantidad uno encuentra ocasionalmente alguna gema. Pueden descargarse desde la misma web:

The 2TTF Garrery -- iFontMaker – 2013-05-03 11-19-57

10 fundiciones tipográficas

Periódicamente tengo el gusto de descubrir nuevas fundiciones tipográficas digitales (o al menos nuevas para mí). Una de las formas que me están resultando más cómodas para mantenerme al día es simplemente visitar myfonts y ver qué hay de nuevo. No todo lo que te encuentras es de calidad, evidentemente, pero de vez en cuando sale alguna sorpresa que vale la pena apuntar.

swisstype

Por otro lado, aquí está una lista de 10 fundiciones tipográficas digitales que han aparecido recientemente en mi radar.

  1. Colophon
  2. A2-TYPE
  3. swiss typefaces
  4. Letters from Sweden
  5. Practice Foundry
  6. Novo Typo
  7. Okay Type Foundry
  8. Bold Monday – independent font foundry of high quality type
  9. MAWNS: Hans Grëback fonts
  10. Optimo Type Foundry

En Wikipedia: (Type foundries – Wikipedia, the free encyclopedia), cómo no, existe un artículo recopilatorio en el que aparecen algunas fundiciones que vale la pena conocer.

Fontroid


Fontroid es un servicio social para la creación de tipografías, que permite compartir los mejores caracteres dibujados a mano con todo el mundo. Se dibuja en la pantalla de un móvil (Android), se comparte en el servidor de la aplicación y ya queda disponible para los usuarios de cualquier lugar.

Los caracteres de Fontdroid se crean de la siguiente manera: Continuar leyendo “Fontroid”