Sie sind auf Seite 1von 43

TIPOGRAFIA EN PANTALLAS* HINTING

CONTEXTO EL HINTING UN SOLUCIN A UN PROBLEMA DE TIPOGRAFA DIGITAL la tipo en la pantalla

Pixelacin y Antialiaising
(1) Cleartype2 / WINDOWS 98 (2) CORE FONT FOR WEB (3) QUARTZ TECH; MAC-OSX

Oakland: Zuzanna Licko // Video render test Mac 128K 1985 (LO-RES - migre, 2001)

Becky Slogeris / Bryan Connor

Virginia Sasser // Julis Kim //Michelle Ghiotti

LettError. Beowolf. Erik van Blokland and Just van Rossum (1989)

Template Gothic. Barry Deck, 1990 (Emigre).

Dead History. P. Scott Makela, 1990 (Emigre).

OCR A , USA Standars Institut (1961-66) OCR B, Adrian Frutiger (1968) European Computer Manufacturers Association

Matthew Carter

(1) Cleartype2 / WINDOWS 98 (2) CORE FONT FOR WEB (3) QUARTZ TECH; MAC-OSX

Verdana (1994)

Verdana (1994), Georgia (1993) Tahoma (1997) Trebuchet (1996)

HINTING:
El HINTING es un conjunto de instrucciones que se incorporan a la fuente para mejorar la calidad de la imagen en el proceso de escalado, sobre todo para resoluciones de baja calidad (por ejemplo para la pantalla de ordenador).

TrueType dispone de unas instrucciones de hinting ms complejas

Contorno Original de Fedra Sans (Peter BILAK), antes de la rasterisacin

Versin con hinting para su adaptacin a la rejilla de la pantalla a diferentes resoluciones

Cada letra tiene que ser rediseada, para optimizar la legibilidad en la pantalla

PROCESO DE HINTING

PARA QUE NECESITAMOS EL HINTING?


TEXTO a 8- 9 puntos en pantallas de baja resolucin (72-92 Dot Per Inch) o para impresiones de menos de 300 DPI.

HINTING ES IRRELEVANTE EN LA IMPRESIN COMERCIAL


Inicialmente el hint surge de la necesidad mejorar la legibilidad de las tipos de entre 9-14 pt en las pantallas. Pero es clave para diferenciar en estas: SERIF SANS REGULAR - BOLD

Carrick Caps. Dietter Steffann, 2000

WEB FONTS !!!

PS1 HINTING
Curvas Bezier PS1
Hinting bsico Incorporar unas referencias verticales y Horizontales a travs de Guas (hints y/o links)

TT HINTING
Curvas Cuadraticas TT
Lenguaje de programacin especifico mucho ms preciso. Podemos realizar un ajuste especifico para cada tamao de salida. Ajustes locales Delta-hinting Permite incorporar un Bitmap concreto en cada tamao.

PS1 HINTING

TT HINTING

PS1 HINTING
Zonas de Alineamiento

PS1 HINTING

PS1 HINTING
Blue Scale > Ajuste de Rebasamiento

PS1 HINTING

PS1 HINTING

PS1 HINTING
Guas de Hinting

PS1 HINTING

PS1 HINTING
Ventanas de Ajustes Hinting PS

PS1 HINTING

1. Programar los hints sobre los contornos PS


1. 2. 3. 4. Usar Link para marcar los anchos de las astas
(luego usar convert link to hint)

Usar Hint (CMD + arrastrar desde las reglas) Supervisar Superposiciones (tools> hints and guides>Autoremplacing) Autohinting (tools> hints and guides>Autohinting)

2. Programar las Instrucciones en True Type

PS1 HINTING

PS1 HINTING

PS1>TT HINTING

1. Programar los hints sobre los contornos PS


1. 2. 3. 4. Usar Link para marcar los anchos de las astas
(luego usar convert link to hint) Usar Hint (CMD + arrastrar desde las reglas) Supervisar Superposiciones (tools> hints and guides>Autoremplacing)

Autohinting (tools> hints and guides>Autohinting)

2. Programar las Instrucciones en True Type


1. 2. 3. 4. La complejidad del sistema es acorde con su potencialidad. Es recomendable generar instrucciones desde el hinting PS Usaremos una doble Accin (una de contorno y otra de Hinting)
1. 2. Tool> Action > Contour >Curves to TrueType Tool> Action > Hints and guidelines > Convert to Instructions

Revisar ajustes en los diferentes tamaos


(+ Ajustes locales (a) Delta hinting o (b) Bitmap tool)

TT HINTING

1-2-3-4-5-6-7-8-9
1. 2. 3. 4. 5. 6. 7. 8. 9. Punto de Alineamiento Enlace Simple Enlace Doble Punto de Interpolacin Delta Hint central Delta Hint final Bitmap tool Preview Hinting Layers

TT HINTING

TT HINTING

TT HINTING

TT HINTING

Das könnte Ihnen auch gefallen