04 tipografia y pantalla + hinting

8/2/2019 04 Tipografia y Pantalla + Hinting

http://slidepdf.com/reader/full/04-tipografia-y-pantalla-hinting 1/43

TIPOGRAFIA EN PANTALLAS*

HINTING



CONTEXTO

EL HINTING UN SOLUCIÓN A UN PROBLEMADE TIPOGRAFÍA DIGITAL…

la tipo en la pantalla



Pixelación y Antialiai

(1) Cleartype–2 / 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)



Virginia Sasser // Julis Kim //Michelle Ghiotti



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



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



Matthe



Verdana (1994)

(1) Cleartype–2 / WINDOWS 98

(2) CORE FONT FOR WEB

(3) QUARTZ TECH; MAC-OSX



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



HINTING:El «HINTING» es un conjunto deinstrucciones que se incorporan a lafuente para mejorar la calidad de la

imagen en el proceso de escalado,sobre todo para resoluciones de bajacalidad (por ejemplo para la pantalla deordenador).

TrueType dispone de unas

instrucciones de hinting máscomplejas



Contorno Original de “Fedra Sans” (Peter BILAK),

antes de la rasterisación

Versión con hinting para sadaptación a la rejilla de la diferentes resoluciones



Cada letra tiene que ser rediseñada, para optimizar la legibilidad en la pantalla



PROCESO DE HINTING



Carrick Caps. Dietter Steffann, 2000



WEB FONTS !!!



Curvas Bezier PS1Hinting básico

Incorporar unas referencias

verticales y Horizontalesa través de Guías (hints y/o links)

PS1 HINTING

TT HINTING

Curvas Cuadraticas TT

Lenguaje de programación especific

más preciso.

Podemos realizar un ajuste especific

cada tamaño de salida.Ajustes locales “Delta-hinting”

Permite incorporar un Bitmap concre

cada tamaño.

PS1 HIN



PS1 HIN

TT HINT



TT HINT

PS1 HIN



PS1 HINZonas de Alin

PS1 HIN



PS1 HIN

PS1 HIN



PS1 HINBlue Scale > Ajuste de Reba

PS1 HIN



PS1 HIN

PS1 HIN



PS1 HINGuías d

PS1 HIN



PS1 HIN

PS1 HIN



Ventanas de Ajustes H

PS1 HIN



1.

Programar los hints sobre los contornos PS1. Usar Link para marcar los anchos de las astas(luego usar convert link to hint)

2. Usar Hint (CMD + arrastrar desde las reglas)3. Supervisar Superposiciones (tools> hints and guides>Autoremp

4. Autohinting (tools> hints and guides>Autohinting)

2. Programar las Instrucciones en True Type

PS1 HIN



PS1 HIN



PS1>TT HI



1. Programar los hints sobre los contornos PS1. Usar Link para marcar los anchos de las astas

(luego usar “convert link to hint”)

2. Usar Hint (CMD + arrastrar desde las reglas)

3. Supervisar Superposiciones (tools> hints and guides>Autoremp

4. Autohinting (tools> hints and guides>Autohinting)

2. Programar las Instrucciones en True Type1. La complejidad del sistema es acorde con su potencialid2. Es recomendable generar instrucciones desde el hinting3. Usaremos una doble Acción (una de contorno y otra de

1. Tool> Action > Contour >Curves to TrueType2. Tool> Action > Hints and guidelines > Convert to Instructions

4. Revisar ajustes en los diferentes tamaños(+ Ajustes locales (a) Delta hinting o (b) Bitmap tool)

TT HINT



1. Punto de Alineami2. Enlace Simple3. Enlace Doble4. Punto de Interpola5. Delta Hint central6. Delta Hint final

7. Bitmap tool8. Preview9. Hinting Layers

1-2-3-4-5-6-7-8-9



TT HINT

04 tipografia y pantalla + hinting

Documents