Typotheque: Interactive Print Type Specimen

En Typotheque han publicado este año un curioso espécimen tipográfico impreso, a la vez que interactivo (?!?)

Espécimen interactivo de Typotheque

Tal cosa es posible con el viejo truco de segmentar la pàgina en varios fragmentos que se pueden hojear separadamente: un clásico de los libros infantiles, para combinar diferentes cabezas, cuerpos y piernas (o diferentes partes de una cara). Este Interactive Print Type Specimen permite miles de combinaciones distintas.

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í!

Gestión de tipografías en Windows, una revisión

Buscando un programa de administración de tipografías para PC que esté actualizado (y preferiblemente, cuyo desarrollo esté en marcha), he encontrado algunos nuevos candidatos para añadir a la lista que ya comentamos aquí hace un tiempo, en la que salían favoritos como MainType.

Vale la pena mencionar programas gratuitos y de gran calidad como NexusFont y FontRunner, entre otros, para añadir a aquella lista.

nexusfont

Nexusfont, un administrador de fuentes avanzado y gratuito.

NexusFont (gratuito), un programa de un desarrollador que ofrece varias utilidades más de gran interés para Windows, tiene características avanzadas como la auto-activación de tipografías al cargar un documento que incluya tipos actualmente no instalados o cargados en memoria.

Otra característica muy positiva de NexusFont es su comportamiento portable: para alguien que trabaje en diferentes ordenadores con Windows, puede llevar consigo su biblioteca de tipografías, con sus colecciones y clasificación. Así es posible  trabajar cómodamente en diferentes máquinas y localizar y activar rápidamente las fuentes que necesite.

Además de organizar tu colección en una biblioteca con diferentes grupos (según el criterio que uno desee: por proyectos, estilo o clasificación, fundición tipográfica…), NexusFont tiene funciones tan avanzadas como la localización de duplicados, para mantener las cosas bajo control.

Font Runner (gratuito, de código abierto) es un programa de administración de fuentes de código abierto, y disponible para sistemas de 32-bits y  64-bits.

De nuevo encontramos en Font Runner una serie de prestaciones avanzadas. Puede buscar tipografías por diferentes criterios; agrupar las fuentes en colecciones (llamadas aquí Font Projects), organizar la corrección arrastrando y soltando; examinar con gran rapidez las fuentes de la biblioteca; activación temporal de tipografías sin necesidad de instalarlas permanentemente; generación de muestras en diferentes formatos y comparación…

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.

Dingbats

Hace ya tiempo que tenía pendiente este artículo, cuya versión original podía encontrarse en la página de tipografías, Typephases Dingbats & Fonts. A menudo se llaman dingbats a las tipografías con símbolos. En una de estas tipografías digitales, cada carácter contiene un dibujo vectorial. Por este motivo, los dingbats comparten las ventajas que tienen los objetos vectoriales, e incluso presentan algunas propias:

  • Están listos para usar en cualquier programa y en cualquier sistema operativo: esto descarta problemas de compatibilidad o exigencias de versiones específicas.
  • Se pueden agrandar o reducir a cualquier tamaño sin pérdida de calidad o definición.
  • Se puede extraer muy fácilmente el objeto vectorial individual si hace falta una edición más especial.
  • Fáciles de recortar, combinar, separar…
  • Hay muchos temas y estilos para elegir, que cubren cualquier proyecto imaginable.
  • Tienen un tamaño de archivo modesto, a pesar de que cada tipografía de símbolos contiene un grupo de imágenes (a veces varios cientos; el número normal oscila entre 26 y 100).
  • Fáciles de organizar y utilizar.

Qué hace falta

Para instalar, desinstalar y, en general, organizar los dingbats en un ordenador, procedemos Continue reading

Crear un libro de muestras tipográficas

A veces ignoramos la historia y el proceso que hay detrás de materiales que circulan por el estudio de diseño, como los libros de muestras tipográficas, o sus equivalentes digitales de la actualidad.

muestras tipográficas, the making of

Aquí tenemos un curioso vídeo de Fonsthop en el que comparten la elaboración, con sus dudas, ocurrencias y cambios encadenados: Continue reading

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

Paseando entre tipos: miscelánea

emtype

El número de fundiciones tipográficas digitales que uno descubre en la red no para de crecer. Aquí están algunos de los últimos enlaces que he ido guardando para revisar en mi ya inacabable lista de diigo o de del.icio.us. Son proyectos interesantes por la calidad de sus diseños, por lo cuidado de los especímenes de muestra, y por otros motivos. En todo caso, un buen punto de parada o visita.

La lista:

Estas muestras que siguen proceden de Fontyou. Su producción es diversa: además de un extenso catálogo de tipos para texto normal, también diseñan lo que ellos llaman typevectors para tipografías ornamentales, como  la llamada Alice:

tipeyou - Alice Typeyou Typeyou

Para más descubrimientos, la lista completa en diigo (una colección a la que añado nuevos sitios que merece la pena tener anotados).

Imprenta (poco) tradicional

Los fanáticos del material impreso con las tecnologías de antaño,  pero que no quieran ensuciarse las manos con tinta, tienen a su disposición dos aplicaciones para trabajar digitalmente en la línea de la imprenta artesanal de tipos de madera: SimpleMpress y LetterMpress. Los resultados que pueden verse en la galería de ejemplos son bastante convincentes. Aunque, admitámoslo, el encanto real de la impresión artesanal está en la textura y gramaje del papel, el olor a tinta en la página, el tono de la tinta estampada sobre la superficie de las hojas… todas estas sensaciones táctiles, olfativas y visuales que inevitablemente se pierden con una aproximación digital.

lettermpress

simpleMpress

SimpleMpress está disponible para móbil (iOS y Android) y también para Mac OS X; LetterMpress para iOS y Mac OS X.

Los desarrolladores tienen algunos vídeos de muestra (también en su canal de Youtube de SimpleMpress y de LetterMpress), como esta introducción:

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

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.