Pixel fonts

En un principio se utilizo un programa de filosofía «bitmap» para crear un esbozo de las fuentes a tamaño real, en este caso se utilizo el programa Fireworws de Macromedia. En este documento figuran las líneas base, ascendente y descendente, para una correcta arquitectura y visualización de los caracteres.

Esta es la parte más importante del proceso, en ella debemos realizar todas los test y correcciones que sean necesarios, ya que será la base sobre la que realizaremos los siguientes pasos. El siguiente paso será redibujar los caracteres en un programa de formato vectorial como Freehand o illustrator, este trámite es necesario para posteriormente transcribir los datos en dicho formato, ya que es el utilizado por los archivos digitales de tipografía.
Incluimos una plantilla en freehand que os ayudara a la creación de vuestra tipografía, viene configurado en puntos, aplicando una vista al 100%, podemos visualizar fielmente el resultado.
No olvides unir los objetos y simplificar el trazado si en la realización de las fuentes se utiliza la herramienta de rectángulo y se solapan los diversos objetos que forman el carácter.

El siguiente paso consiste en transportar la información vectorial a un programa de creación de fuentes, para este fin hemos utilizado el popular Fontographer de Macromedia, que nos permite la exportación a diversas plataformas como PC, Macintosh, Next o Sun, a continuación detallaremos brevemente los pasos a seguir, partiendo de la tipografía Pixelade como punto de referencia.

Lo primero será crear un nuevo documento para definir las medidas y proporciones de la tipografía. Para acceder a estos parámetros elegimos «Modify» en el menú principal y la subopción «Font Info», aparecerá un cuadro con la siguiente información:

En esta ventana también podemos definir aspectos importantes, como el nombre de la fuente, así como la información del autor de la misma. Ya tenemos el documento configurado para poder insertar dentro de la rejilla de la ventana principal, los diversos caracteres que conforman la tipografía, partiremos de la letra «a» para efectuar el caso práctico. Para localizar la casilla, pulsa la letra correspondiente en el teclado, y «enter» a continuación si desea abrir la ventana correspondiente al carácter.

Una vez llegado a este punto, debemos traspasar la información del programa vectorial a Fontographer. Este paso puede resultar muy sencillo, o de lo contrario muy laborioso, depende de con que programas tengamos, sin ser cuestión de tener las ultimas versiones, si no las adecuadas. El autor eligió la facilidad que le otorga la compatibilidad entre Fontographer y la Versión7 de Freehand, para copiar y pegar objetos desde una aplicación a otra.

En una primera parte hablaremos de los pasos a seguir, eligiendo dicha opción. Lo primero será situar en la rejilla de la plantilla del documento de Freehand el carácter elegido, en este caso la «a», como no llega a ningunos de los dos extremos de la rejilla, dibujaremos dos cuadrados en los extremos de la línea ascendente y descendente, tal como muestra el gráfico.

A continuación seleccionaremos los tres objetos de la aplicación Freehand y los copiaremos en el portapapeles para pegarlos posteriormente dentro de la ventana correspondiente al carácter «a» de Fontographer.

El siguiente gráfico visualiza el resultado de dicha acción, puede observarse, que la aplicación pega el objeto memorizado en el portapapeles restingiendolo por la altura, y que la base del carácter coincide perfectamente con la línea base de la tipografía, consiguiendo así una exacta posición dentro del espacio.

Ya solo queda borrar los dos cuadrados para poder dejar el carácter perfectamente situado, y con su representación final en pantalla.

Queda aun por ajustar el espacio que define el interletraje, para acceder a estos parámetros, acude a la opción «Metrics» y elija el submenú «Set Width..», aparecerá una ventana con la siguiente información:

El valor que aparece 400, corresponde a la anchura del carácter con pixeles en un valor de 100/1, para dar 1 pixel de interlineado deberíamos sumarle 100 puntos, para 2 pixeles 200 y así consecutivamente. En el caso que nos ocupa, nos interesa dar 1 pixel como valor de interletraje, así que fijaremos el Whith a 500 puntos, tras el cual podremos observar el espacio señalizado con amarillo del gráfico, que corresponde al espacio destinado al interletraje.

Este es el proceso que deberíamos seguir hasta completar nuestra tipografía, al rellenar todas las casillas correspondientes de la rejilla de caracteres, ya tendremos nuestra tipografía a punto de ser exportada, no sin antes realizar unas comprobaciones para asegurarnos una correcta visualización de los caracteres en pantalla:

1. Seleccione todos los caracteres de la rejilla, y acuda a la opción «element» de la barra de menú, a continuación elige el submenu «Selection Info», se abrirá una ventana, fija allí como 100 el valor del parámetro «Tint».

2. selecciona todos los caracteres de la rejilla, y acuda a la opción «element» de la barra de menú, a continuación elija el submenu «Correct Path Direction».

3. selecciona todos los caracteres de la rejilla, y acuda a la opción «element» en la barra de menú, a continuación elija el submenu «Remove Overlap».

Si no dispones de la Version7 de Freehand para poder copiar y pegar en Fontographer, deberás exportar los caracteres individualmente en documentos «EPS» para su posterior importación en las ventanas de caracteres. Un detalle importante, es que al contrario que en la acción pegar, donde el objeto se restringe al cuerpo de la letra (ascendente+descendente), al importar se ajusta únicamente a la ascendente, así en este caso deberemos tener precaución de exportar los caracteres con el cuadro de posición si es necesario, a una altura de 10 pixeles en la plantilla de Freehand.

En este punto, ya tenemos a punto nuestra tipografía para su exportación para generar los archivos, hay que acudir a la opción «File» de la barra de menús, y elegir la subopción «Generate Font Files», aparecerá una ventana con la siguiente información:

Ha llegado el gran momento, es la hora de instalar las tipografías en el sistema, para posteriormente realizar los «Test» sobre párrafos de texto y ver el comportamiento de la letra, revisa todos los caracteres y utiliza textos diversos para observar su comportamiento en pantalla (interletraje, pixeles añadidos, etc.), una vez depuradas todas la anomalías que pueden surgir en el proceso, ya tendremos a punto el Tipo para su uso.

Todo este proceso de creación de fuentes, sirve también para la creación de las tipografías digitales clásicas, destinadas a dispositivos de preimpresión.

Enlaces a programas citados:

http://www.macromedia.com/software/fireworks/

http://www.macromedia.com/software/freehand/

http://www.macromedia.com/software/fontographer/

http://www.adobe.com/products/illustrator/