semana 6 · semana 6. s.vi Dibujo tipográfico digital. s.vi Existen dos tipos de representación...

80
s.vi semana 6

Transcript of semana 6 · semana 6. s.vi Dibujo tipográfico digital. s.vi Existen dos tipos de representación...

Page 1: semana 6 · semana 6. s.vi Dibujo tipográfico digital. s.vi Existen dos tipos de representación digital: la pixelar y la vectorial. s.vi. s.vi. s.vi. s.vi Pero en definitiva nunca

s.vi

semana 6

Page 2: semana 6 · semana 6. s.vi Dibujo tipográfico digital. s.vi Existen dos tipos de representación digital: la pixelar y la vectorial. s.vi. s.vi. s.vi. s.vi Pero en definitiva nunca

s.vi

Dibujo tipográfico digital

Page 3: semana 6 · semana 6. s.vi Dibujo tipográfico digital. s.vi Existen dos tipos de representación digital: la pixelar y la vectorial. s.vi. s.vi. s.vi. s.vi Pero en definitiva nunca

s.vi

Existen dos tipos de representación digital: la pixelar y la vectorial.

Page 4: semana 6 · semana 6. s.vi Dibujo tipográfico digital. s.vi Existen dos tipos de representación digital: la pixelar y la vectorial. s.vi. s.vi. s.vi. s.vi Pero en definitiva nunca

s.vi

Page 5: semana 6 · semana 6. s.vi Dibujo tipográfico digital. s.vi Existen dos tipos de representación digital: la pixelar y la vectorial. s.vi. s.vi. s.vi. s.vi Pero en definitiva nunca

s.vi

Page 6: semana 6 · semana 6. s.vi Dibujo tipográfico digital. s.vi Existen dos tipos de representación digital: la pixelar y la vectorial. s.vi. s.vi. s.vi. s.vi Pero en definitiva nunca

s.vi

Page 7: semana 6 · semana 6. s.vi Dibujo tipográfico digital. s.vi Existen dos tipos de representación digital: la pixelar y la vectorial. s.vi. s.vi. s.vi. s.vi Pero en definitiva nunca

s.vi

Pero en definitiva nunca vemos (en pantalla o impresa)

una representación puramente vectorial

Page 8: semana 6 · semana 6. s.vi Dibujo tipográfico digital. s.vi Existen dos tipos de representación digital: la pixelar y la vectorial. s.vi. s.vi. s.vi. s.vi Pero en definitiva nunca

s.vi

Page 9: semana 6 · semana 6. s.vi Dibujo tipográfico digital. s.vi Existen dos tipos de representación digital: la pixelar y la vectorial. s.vi. s.vi. s.vi. s.vi Pero en definitiva nunca

s.vi

El dibujo tipográfico vectorial,realizado de forma correcta,asegura un comportamiento

digital adecuado.

Page 10: semana 6 · semana 6. s.vi Dibujo tipográfico digital. s.vi Existen dos tipos de representación digital: la pixelar y la vectorial. s.vi. s.vi. s.vi. s.vi Pero en definitiva nunca

s.vi

Hinting

Page 11: semana 6 · semana 6. s.vi Dibujo tipográfico digital. s.vi Existen dos tipos de representación digital: la pixelar y la vectorial. s.vi. s.vi. s.vi. s.vi Pero en definitiva nunca

s.vi

bitmaps / post script

hint = instrucciones codificadasactivar o desactivar ciertos píxeles para

mejorar la visualización en pantalla

Page 12: semana 6 · semana 6. s.vi Dibujo tipográfico digital. s.vi Existen dos tipos de representación digital: la pixelar y la vectorial. s.vi. s.vi. s.vi. s.vi Pero en definitiva nunca

s.vi

La codificación

Page 13: semana 6 · semana 6. s.vi Dibujo tipográfico digital. s.vi Existen dos tipos de representación digital: la pixelar y la vectorial. s.vi. s.vi. s.vi. s.vi Pero en definitiva nunca

s.vi

a b c d e f g h i j k l m n ño p q r s t u v w x y z

Page 14: semana 6 · semana 6. s.vi Dibujo tipográfico digital. s.vi Existen dos tipos de representación digital: la pixelar y la vectorial. s.vi. s.vi. s.vi. s.vi Pero en definitiva nunca

s.vi

a b c d e f g h i j k l m n ñ o p q r s t u v w x y zA B C D E F G H I J K L M N Ñ O P Q R S T U V W X Y Z

a b c d e f g h i j k l m n ñ o p q r s t u v w x y z1 2 3 4 5 6 7 8 9 0 - 1 2 3 4 5 6 7 8 9 0

á é í ó ú Á É Í Ó Ú á é í ó ú

Page 15: semana 6 · semana 6. s.vi Dibujo tipográfico digital. s.vi Existen dos tipos de representación digital: la pixelar y la vectorial. s.vi. s.vi. s.vi. s.vi Pero en definitiva nunca

s.vi

Una tipografía de texto puede necesitar un par de cientos de glifos.

Si fuera el caso del trabajo matemático habría que agregar unos cientos más.

Page 16: semana 6 · semana 6. s.vi Dibujo tipográfico digital. s.vi Existen dos tipos de representación digital: la pixelar y la vectorial. s.vi. s.vi. s.vi. s.vi Pero en definitiva nunca

s.vi

Se calcula que serían necesariosunos 200.000 glifos para representar

todas las escrituras.

Page 17: semana 6 · semana 6. s.vi Dibujo tipográfico digital. s.vi Existen dos tipos de representación digital: la pixelar y la vectorial. s.vi. s.vi. s.vi. s.vi Pero en definitiva nunca

s.vi

ASCII

Código Estandar Americanopara Intercambio de Información

7 bit (27) = 128 glifos

no tiene ñ.Es un código ampliamente utilizado

Page 18: semana 6 · semana 6. s.vi Dibujo tipográfico digital. s.vi Existen dos tipos de representación digital: la pixelar y la vectorial. s.vi. s.vi. s.vi. s.vi Pero en definitiva nunca

s.vi

ASCII 2

Código Estandar Americano para Inter-cambio de Información

8 bit (28) = 256 glifos

Si tiene ñ.Es el código más ampliamente utilizado y para el que se desarrollan

la mayoría de las fuentes tipográficas

Page 19: semana 6 · semana 6. s.vi Dibujo tipográfico digital. s.vi Existen dos tipos de representación digital: la pixelar y la vectorial. s.vi. s.vi. s.vi. s.vi Pero en definitiva nunca

s.vi

ISO

Oficina internacionalpara la estandarización

ISO 8859

ISO 8859-1 Latin 1

2, 3, 4, 5 // 6, 7, 8... (no latinos)

Page 20: semana 6 · semana 6. s.vi Dibujo tipográfico digital. s.vi Existen dos tipos de representación digital: la pixelar y la vectorial. s.vi. s.vi. s.vi. s.vi Pero en definitiva nunca

s.viISO/IEC 10646

Universal Muti-OctetoCoded Character Set

Conjunto de CaracteresUniversales Multiple-Octet

16 bits / 31 bits*

UCS-2 USC-4

Page 21: semana 6 · semana 6. s.vi Dibujo tipográfico digital. s.vi Existen dos tipos de representación digital: la pixelar y la vectorial. s.vi. s.vi. s.vi. s.vi Pero en definitiva nunca

s.vi

UNICODEISO 8859-1 (compatible ASCII) + ISO/IEC

Se está procesando continuamente

Page 22: semana 6 · semana 6. s.vi Dibujo tipográfico digital. s.vi Existen dos tipos de representación digital: la pixelar y la vectorial. s.vi. s.vi. s.vi. s.vi Pero en definitiva nunca

s.vi

Accesibilidad

Page 23: semana 6 · semana 6. s.vi Dibujo tipográfico digital. s.vi Existen dos tipos de representación digital: la pixelar y la vectorial. s.vi. s.vi. s.vi. s.vi Pero en definitiva nunca

s.vi

Formatos digitales

Page 24: semana 6 · semana 6. s.vi Dibujo tipográfico digital. s.vi Existen dos tipos de representación digital: la pixelar y la vectorial. s.vi. s.vi. s.vi. s.vi Pero en definitiva nunca

s.vi

Postcript tipo 1True Type

Multiple MasterOpen Type

etc.

Page 25: semana 6 · semana 6. s.vi Dibujo tipográfico digital. s.vi Existen dos tipos de representación digital: la pixelar y la vectorial. s.vi. s.vi. s.vi. s.vi Pero en definitiva nunca

s.vi

Postscript tipo 1(Adobe)

dependen del lenguaje de la impresoratienen 3 partes

1- fuentes de pantalla2- fuentes de impresión

3- métricas

Page 26: semana 6 · semana 6. s.vi Dibujo tipográfico digital. s.vi Existen dos tipos de representación digital: la pixelar y la vectorial. s.vi. s.vi. s.vi. s.vi Pero en definitiva nunca

s.vi

True TypeApple / Microsoft

archivo únicoel so es quien rasteriza los vectores

Antes de imprimirse se convierten a lenguaje postcript

Page 27: semana 6 · semana 6. s.vi Dibujo tipográfico digital. s.vi Existen dos tipos de representación digital: la pixelar y la vectorial. s.vi. s.vi. s.vi. s.vi Pero en definitiva nunca

s.vi

Multiple MasterSe basa en Post Script

Mediante la definición de ‘ejes’el diseñador y el usuario pueden realizar muchs variantes de peso.

Page 28: semana 6 · semana 6. s.vi Dibujo tipográfico digital. s.vi Existen dos tipos de representación digital: la pixelar y la vectorial. s.vi. s.vi. s.vi. s.vi Pero en definitiva nunca

s.vi

Open TypeAdobe / Microsoft

basada en Unicode de 16 bits(65.000 glifos)

versalitas, números antiguos, ligaduras, variación de cuerpos, etc.

Funcionan en Mac y en pc.

Page 29: semana 6 · semana 6. s.vi Dibujo tipográfico digital. s.vi Existen dos tipos de representación digital: la pixelar y la vectorial. s.vi. s.vi. s.vi. s.vi Pero en definitiva nunca

s.vi

René Descartes

Page 30: semana 6 · semana 6. s.vi Dibujo tipográfico digital. s.vi Existen dos tipos de representación digital: la pixelar y la vectorial. s.vi. s.vi. s.vi. s.vi Pero en definitiva nunca

s.vi

René Descartes (1596-1650)

Page 31: semana 6 · semana 6. s.vi Dibujo tipográfico digital. s.vi Existen dos tipos de representación digital: la pixelar y la vectorial. s.vi. s.vi. s.vi. s.vi Pero en definitiva nunca

s.vi

Page 32: semana 6 · semana 6. s.vi Dibujo tipográfico digital. s.vi Existen dos tipos de representación digital: la pixelar y la vectorial. s.vi. s.vi. s.vi. s.vi Pero en definitiva nunca

s.vi

Geometría cartesiana (analítica)

Page 33: semana 6 · semana 6. s.vi Dibujo tipográfico digital. s.vi Existen dos tipos de representación digital: la pixelar y la vectorial. s.vi. s.vi. s.vi. s.vi Pero en definitiva nunca

s.vi

Page 34: semana 6 · semana 6. s.vi Dibujo tipográfico digital. s.vi Existen dos tipos de representación digital: la pixelar y la vectorial. s.vi. s.vi. s.vi. s.vi Pero en definitiva nunca

s.vi

Geometría analítica

Page 35: semana 6 · semana 6. s.vi Dibujo tipográfico digital. s.vi Existen dos tipos de representación digital: la pixelar y la vectorial. s.vi. s.vi. s.vi. s.vi Pero en definitiva nunca

s.vi

Las rectas, curvas y figuras se represen-tan mediante expresiones numéricas

para ello se utilizan un par de ejes (x-y)mediante el uso de coordenadas en estos ejes se pueden describir las figuras geométricas

Page 36: semana 6 · semana 6. s.vi Dibujo tipográfico digital. s.vi Existen dos tipos de representación digital: la pixelar y la vectorial. s.vi. s.vi. s.vi. s.vi Pero en definitiva nunca

s.vi

Page 37: semana 6 · semana 6. s.vi Dibujo tipográfico digital. s.vi Existen dos tipos de representación digital: la pixelar y la vectorial. s.vi. s.vi. s.vi. s.vi Pero en definitiva nunca

s.vi

Pierre Bézier

Page 38: semana 6 · semana 6. s.vi Dibujo tipográfico digital. s.vi Existen dos tipos de representación digital: la pixelar y la vectorial. s.vi. s.vi. s.vi. s.vi Pero en definitiva nunca

s.vi

Pierre Bézier (1910-1999)

Page 39: semana 6 · semana 6. s.vi Dibujo tipográfico digital. s.vi Existen dos tipos de representación digital: la pixelar y la vectorial. s.vi. s.vi. s.vi. s.vi Pero en definitiva nunca

s.vi

Page 40: semana 6 · semana 6. s.vi Dibujo tipográfico digital. s.vi Existen dos tipos de representación digital: la pixelar y la vectorial. s.vi. s.vi. s.vi. s.vi Pero en definitiva nunca

s.vi

Curvas bézier

Page 41: semana 6 · semana 6. s.vi Dibujo tipográfico digital. s.vi Existen dos tipos de representación digital: la pixelar y la vectorial. s.vi. s.vi. s.vi. s.vi Pero en definitiva nunca

s.vi

Page 42: semana 6 · semana 6. s.vi Dibujo tipográfico digital. s.vi Existen dos tipos de representación digital: la pixelar y la vectorial. s.vi. s.vi. s.vi. s.vi Pero en definitiva nunca

s.vi

Son la expresión visual de los valores geométricos de las curvas.

Al unir dos puntos definidos en x-y mediante una línea curva surgen los elementos clave de las curvas bézier: los 4 puntos de una curva cúbica.

Page 43: semana 6 · semana 6. s.vi Dibujo tipográfico digital. s.vi Existen dos tipos de representación digital: la pixelar y la vectorial. s.vi. s.vi. s.vi. s.vi Pero en definitiva nunca

s.vi

Page 44: semana 6 · semana 6. s.vi Dibujo tipográfico digital. s.vi Existen dos tipos de representación digital: la pixelar y la vectorial. s.vi. s.vi. s.vi. s.vi Pero en definitiva nunca

s.vi

PostScript

Page 45: semana 6 · semana 6. s.vi Dibujo tipográfico digital. s.vi Existen dos tipos de representación digital: la pixelar y la vectorial. s.vi. s.vi. s.vi. s.vi Pero en definitiva nunca

s.vi

La versión actual de ps fue creada por John Warnock (fundador de Adobe)

El lenguaje ps utilizageometría analítica y curvas bézier

En lenguaje ps primero se ubican los puntos (mediante x-y) y después se dibuja*

En ps se toman en cuenta estos puntos para generar figuras que serán llenadas*

Page 46: semana 6 · semana 6. s.vi Dibujo tipográfico digital. s.vi Existen dos tipos de representación digital: la pixelar y la vectorial. s.vi. s.vi. s.vi. s.vi Pero en definitiva nunca

s.vi

Hay dos tipos de puntos

Los puntos de origen(nodos) [analítica]

Los puntos de descripción de curva(manejadores) [bézier]

Page 47: semana 6 · semana 6. s.vi Dibujo tipográfico digital. s.vi Existen dos tipos de representación digital: la pixelar y la vectorial. s.vi. s.vi. s.vi. s.vi Pero en definitiva nunca

s.vi

La descripción del lenguaje ps(impresoras)

los puntos de las curvas bézier, los píxeles(monitores, escáners), etc.

se apoyan en sistemas de coordenadas cartesianas (ortogonalidad).

Page 48: semana 6 · semana 6. s.vi Dibujo tipográfico digital. s.vi Existen dos tipos de representación digital: la pixelar y la vectorial. s.vi. s.vi. s.vi. s.vi Pero en definitiva nunca

s.vi

Ortogonalidad

Page 49: semana 6 · semana 6. s.vi Dibujo tipográfico digital. s.vi Existen dos tipos de representación digital: la pixelar y la vectorial. s.vi. s.vi. s.vi. s.vi Pero en definitiva nunca

s.vi

Para el dibujo tipográfico,la descripción más eficiente*

de una forma curva es aquella realizada mediante un patrón de ubicación

ortogonal de los nodos.

Page 50: semana 6 · semana 6. s.vi Dibujo tipográfico digital. s.vi Existen dos tipos de representación digital: la pixelar y la vectorial. s.vi. s.vi. s.vi. s.vi Pero en definitiva nunca

s.vi

Page 51: semana 6 · semana 6. s.vi Dibujo tipográfico digital. s.vi Existen dos tipos de representación digital: la pixelar y la vectorial. s.vi. s.vi. s.vi. s.vi Pero en definitiva nunca

s.vi

Page 52: semana 6 · semana 6. s.vi Dibujo tipográfico digital. s.vi Existen dos tipos de representación digital: la pixelar y la vectorial. s.vi. s.vi. s.vi. s.vi Pero en definitiva nunca

s.vi

Page 53: semana 6 · semana 6. s.vi Dibujo tipográfico digital. s.vi Existen dos tipos de representación digital: la pixelar y la vectorial. s.vi. s.vi. s.vi. s.vi Pero en definitiva nunca

s.vi

Page 54: semana 6 · semana 6. s.vi Dibujo tipográfico digital. s.vi Existen dos tipos de representación digital: la pixelar y la vectorial. s.vi. s.vi. s.vi. s.vi Pero en definitiva nunca

s.vi

Page 55: semana 6 · semana 6. s.vi Dibujo tipográfico digital. s.vi Existen dos tipos de representación digital: la pixelar y la vectorial. s.vi. s.vi. s.vi. s.vi Pero en definitiva nunca

s.vi

Page 56: semana 6 · semana 6. s.vi Dibujo tipográfico digital. s.vi Existen dos tipos de representación digital: la pixelar y la vectorial. s.vi. s.vi. s.vi. s.vi Pero en definitiva nunca

s.vi

Page 57: semana 6 · semana 6. s.vi Dibujo tipográfico digital. s.vi Existen dos tipos de representación digital: la pixelar y la vectorial. s.vi. s.vi. s.vi. s.vi Pero en definitiva nunca

s.vi

Page 58: semana 6 · semana 6. s.vi Dibujo tipográfico digital. s.vi Existen dos tipos de representación digital: la pixelar y la vectorial. s.vi. s.vi. s.vi. s.vi Pero en definitiva nunca

s.vi

Page 59: semana 6 · semana 6. s.vi Dibujo tipográfico digital. s.vi Existen dos tipos de representación digital: la pixelar y la vectorial. s.vi. s.vi. s.vi. s.vi Pero en definitiva nunca

s.vi

Page 60: semana 6 · semana 6. s.vi Dibujo tipográfico digital. s.vi Existen dos tipos de representación digital: la pixelar y la vectorial. s.vi. s.vi. s.vi. s.vi Pero en definitiva nunca

s.vi

Page 61: semana 6 · semana 6. s.vi Dibujo tipográfico digital. s.vi Existen dos tipos de representación digital: la pixelar y la vectorial. s.vi. s.vi. s.vi. s.vi Pero en definitiva nunca

s.vi

Page 62: semana 6 · semana 6. s.vi Dibujo tipográfico digital. s.vi Existen dos tipos de representación digital: la pixelar y la vectorial. s.vi. s.vi. s.vi. s.vi Pero en definitiva nunca

s.vi

Page 63: semana 6 · semana 6. s.vi Dibujo tipográfico digital. s.vi Existen dos tipos de representación digital: la pixelar y la vectorial. s.vi. s.vi. s.vi. s.vi Pero en definitiva nunca

s.vi

Page 64: semana 6 · semana 6. s.vi Dibujo tipográfico digital. s.vi Existen dos tipos de representación digital: la pixelar y la vectorial. s.vi. s.vi. s.vi. s.vi Pero en definitiva nunca

s.vi

Page 65: semana 6 · semana 6. s.vi Dibujo tipográfico digital. s.vi Existen dos tipos de representación digital: la pixelar y la vectorial. s.vi. s.vi. s.vi. s.vi Pero en definitiva nunca

s.vi

Page 66: semana 6 · semana 6. s.vi Dibujo tipográfico digital. s.vi Existen dos tipos de representación digital: la pixelar y la vectorial. s.vi. s.vi. s.vi. s.vi Pero en definitiva nunca

s.vi

Page 67: semana 6 · semana 6. s.vi Dibujo tipográfico digital. s.vi Existen dos tipos de representación digital: la pixelar y la vectorial. s.vi. s.vi. s.vi. s.vi Pero en definitiva nunca

s.vi

Page 68: semana 6 · semana 6. s.vi Dibujo tipográfico digital. s.vi Existen dos tipos de representación digital: la pixelar y la vectorial. s.vi. s.vi. s.vi. s.vi Pero en definitiva nunca

s.vi

Page 69: semana 6 · semana 6. s.vi Dibujo tipográfico digital. s.vi Existen dos tipos de representación digital: la pixelar y la vectorial. s.vi. s.vi. s.vi. s.vi Pero en definitiva nunca

s.vi

Page 70: semana 6 · semana 6. s.vi Dibujo tipográfico digital. s.vi Existen dos tipos de representación digital: la pixelar y la vectorial. s.vi. s.vi. s.vi. s.vi Pero en definitiva nunca

s.vi

Page 71: semana 6 · semana 6. s.vi Dibujo tipográfico digital. s.vi Existen dos tipos de representación digital: la pixelar y la vectorial. s.vi. s.vi. s.vi. s.vi Pero en definitiva nunca

s.vi

Situaciones especiales

Page 72: semana 6 · semana 6. s.vi Dibujo tipográfico digital. s.vi Existen dos tipos de representación digital: la pixelar y la vectorial. s.vi. s.vi. s.vi. s.vi Pero en definitiva nunca

s.vi

Page 73: semana 6 · semana 6. s.vi Dibujo tipográfico digital. s.vi Existen dos tipos de representación digital: la pixelar y la vectorial. s.vi. s.vi. s.vi. s.vi Pero en definitiva nunca

s.vi

Page 74: semana 6 · semana 6. s.vi Dibujo tipográfico digital. s.vi Existen dos tipos de representación digital: la pixelar y la vectorial. s.vi. s.vi. s.vi. s.vi Pero en definitiva nunca

s.vi

Page 75: semana 6 · semana 6. s.vi Dibujo tipográfico digital. s.vi Existen dos tipos de representación digital: la pixelar y la vectorial. s.vi. s.vi. s.vi. s.vi Pero en definitiva nunca

s.vi

Page 76: semana 6 · semana 6. s.vi Dibujo tipográfico digital. s.vi Existen dos tipos de representación digital: la pixelar y la vectorial. s.vi. s.vi. s.vi. s.vi Pero en definitiva nunca

s.vi

Page 77: semana 6 · semana 6. s.vi Dibujo tipográfico digital. s.vi Existen dos tipos de representación digital: la pixelar y la vectorial. s.vi. s.vi. s.vi. s.vi Pero en definitiva nunca

s.vi

Nodos

Page 78: semana 6 · semana 6. s.vi Dibujo tipográfico digital. s.vi Existen dos tipos de representación digital: la pixelar y la vectorial. s.vi. s.vi. s.vi. s.vi Pero en definitiva nunca

s.vi

Hay tres tipos de nodo

recto - rectorecto - curvocurvo - curvo

Page 79: semana 6 · semana 6. s.vi Dibujo tipográfico digital. s.vi Existen dos tipos de representación digital: la pixelar y la vectorial. s.vi. s.vi. s.vi. s.vi Pero en definitiva nunca

s.vi

Manejadores

Page 80: semana 6 · semana 6. s.vi Dibujo tipográfico digital. s.vi Existen dos tipos de representación digital: la pixelar y la vectorial. s.vi. s.vi. s.vi. s.vi Pero en definitiva nunca

s.vi

recto - recto(sin manejadores)

recto - curvo(un manejador del lado curvo)

curvo - curvo(dos manejadores)