illustrator ambiente fontlab / pasaje illustrator a fontlab tamaño: 1000 puntos ambiente fontlab...
TRANSCRIPT
WWW.TIPOTYPE.COM
WWW.TIPOTYPE.COM
TALLER DE FONTLAB / MAYO 2014WWW.TIPOTYPE.COM
WWW.TIPOTYPE.COM
¿QUÉ ES TIPOTYPE?
Martín Sommaruga | Fernando Díaz | Vicente Lamónaca
WWW.TIPOTYPE.COM
¿QUÉ ES FONTLAB?
WWW.TIPOTYPE.COM
LISTADO DE TEMAS ENCUENTRO 1
Introducción a la tipografía digital
WWW.TIPOTYPE.COM
LISTADO DE TEMAS ENCUENTRO 1
Introducción al ambiente FontLab
WWW.TIPOTYPE.COM
LISTADO DE TEMAS ENCUENTRO 1
VentanasPrincipal, Glifo, Métricas
WWW.TIPOTYPE.COM
LISTADO DE TEMAS ENCUENTRO 1
Manejo de vectores PostScrip
WWW.TIPOTYPE.COM
TEMA 1
Introducción a la tipografía digital
WWW.TIPOTYPE.COM
TIPOGRAFÍA DIGITAL
Representación visual —del lenguaje oral—
mediante la utilizaciónde tecnologías
digitales de reproducción
WWW.TIPOTYPE.COM
TIPOGRAFÍA DIGITAL
Estas tecnologías de reproducción afectan la representación de la letra
(tipo-tipografía)(PostScript)
WWW.TIPOTYPE.COM
TIPOGRAFÍA DIGITAL
A su vez, estas tecnologías permiten asignar comportamientos
tipográficos avanzados
WWW.TIPOTYPE.COM
TIPOGRAFÍA DIGITAL
Mapa de caracteres / Codificación
WWW.TIPOTYPE.COM
TIPOGRAFÍA DIGITAL / MAPA DE CARACTERES
Set básico
WWW.TIPOTYPE.COM
TIPOGRAFÍA DIGITAL / MAPA DE CARACTERES
WWW.TIPOTYPE.COM
WWW.TIPOTYPE.COM
Números0-9
WWW.TIPOTYPE.COM
WWW.TIPOTYPE.COM
LetrasA-Z a-z
WWW.TIPOTYPE.COM
WWW.TIPOTYPE.COM
Diacríticosáâäâ
WWW.TIPOTYPE.COM
WWW.TIPOTYPE.COM
Signos.,:;-
WWW.TIPOTYPE.COM
TIPOGRAFÍA DIGITAL / MAPA DE CARACTERES
Set experto
WWW.TIPOTYPE.COM
TIPOGRAFÍA DIGITAL / MAPA DE CARACTERES
WWW.TIPOTYPE.COM
TIPOGRAFÍA DIGITAL / MAPA DE CARACTERES
Números+antiguos +monoespaciados
0123456789 0123456789
WWW.TIPOTYPE.COM
TIPOGRAFÍA DIGITAL / MAPA DE CARACTERES
Letras+versalitasABC abc abc
WWW.TIPOTYPE.COM
TIPOGRAFÍA DIGITAL / MAPA DE CARACTERES
Signos+matemáticos +monetarios
+<∑∂∆∏√ $¢£¤¥€
WWW.TIPOTYPE.COM
TIPOGRAFÍA DIGITAL / MAPA DE CARACTERES
Diacríticos+cobertura idiomática
§ßæãåðĝħĩșǫǻ
WWW.TIPOTYPE.COM
TIPOGRAFÍA DIGITAL / MAPA DE CARACTERES
WWW.TIPOTYPE.COM
TIPOGRAFÍA DIGITAL / MAPA DE CARACTERES
WWW.TIPOTYPE.COM
AMBIENTE FONTLAB
Introducción al ambiente FontLab
WWW.TIPOTYPE.COM
AMBIENTE FONTLAB
FontLabespacio de trabajo para:
CODIFICAR
WWW.TIPOTYPE.COM
AMBIENTE FONTLAB
FontLabespacio de trabajo para:
CODIFICAR DIBUJAR
WWW.TIPOTYPE.COM
AMBIENTE FONTLAB
FontLabespacio de trabajo para:
CODIFICAR DIBUJAR ESPACIAR
WWW.TIPOTYPE.COM
AMBIENTE FONTLAB
FontLabespacio de trabajo para:
CODIFICAR DIBUJAR ESPACIAR PROGRAMAR
WWW.TIPOTYPE.COM
AMBIENTE FONTLAB
FontLabespacio de trabajo para:
CODIFICAR DIBUJAR ESPACIAR PROGRAMAR GENERAR
WWW.TIPOTYPE.COM
AMBIENTE FONTLAB
FontLabespacio de trabajo para:
CODIFICAR DIBUJAR ESPACIAR PROGRAMAR GENERAR
VENTANA PRINCIPAL
VENTANADE GLIFO
VENTANADE MÉTRICAS
PROGRAMAY CLASES
CUADROFONT INFO
WWW.TIPOTYPE.COM
AMBIENTE FONTLAB / VENTANA DE CODIFICACIÓN
WWW.TIPOTYPE.COM
AMBIENTE FONTLAB / VENTANA DE GLIFO
WWW.TIPOTYPE.COM
AMBIENTE FONTLAB / VENTANA DE MÉTRCIAS
WWW.TIPOTYPE.COM
AMBIENTE FONTLAB / VENTANA DE CLASES
WWW.TIPOTYPE.COM
AMBIENTE FONTLAB / VENTANA DE PROGRAMACIÓN
WWW.TIPOTYPE.COM
AMBIENTE FONTLAB / CUADRO FONT INFO
WWW.TIPOTYPE.COM
AMBIENTE FONTLAB
WWW.TIPOTYPE.COM
AMBIENTE FONTLAB
001 AlegreyaSans-Regular.vfb
FontLabAlegreya sans (diseño: Juan Pablo del Peral)
WWW.TIPOTYPE.COM
AMBIENTE FONTLAB / PASAJE ILLUSTRATOR A FONTLAB
WWW.TIPOTYPE.COM
AMBIENTE FONTLAB / PASAJE ILLUSTRATOR A FONTLAB
001 nolev.ai
Illustrator
WWW.TIPOTYPE.COM
AMBIENTE FONTLAB / PASAJE ILLUSTRATOR A FONTLAB
Tamaño:1000 puntos
WWW.TIPOTYPE.COM
AMBIENTE FONTLAB / PASAJE ILLUSTRATOR A FONTLAB
WWW.TIPOTYPE.COM
AMBIENTE FONTLAB / PASAJE ILLUSTRATOR A FONTLAB
Dirección de los contornos
WWW.TIPOTYPE.COM
AMBIENTE FONTLAB / PASAJE ILLUSTRATOR A FONTLAB
Contornos cerrados
WWW.TIPOTYPE.COM
CREACIÓN EN FONTLAB
Ejercicio 1
WWW.TIPOTYPE.COM
CREACIÓN EN FONTLAB
Crear las letras
nnm nu nlh oec
WWW.TIPOTYPE.COM
CREACIÓN EN FONTLAB
Crear las letras
nnm nu nlh oec
WWW.TIPOTYPE.COM
CREACIÓN EN FONTLAB
Ejercicio 2
WWW.TIPOTYPE.COM
CREACIÓN EN FONTLAB
Crear las letras
bdijpqrwy
WWW.TIPOTYPE.COM
CREACIÓN EN FONTLAB
Ejercicio 3
WWW.TIPOTYPE.COM
CREACIÓN EN FONTLAB
Dibujar la letra
s
WWW.TIPOTYPE.COM
ESPACIADO EN FONTLAB
Ejercicio 4
WWW.TIPOTYPE.COM
ESPACIADO EN FONTLAB
Espaciar la letra
nnnnnnnnnnnnnnnnnnnnnnnnnnnn
WWW.TIPOTYPE.COM
ESPACIADO EN FONTLAB
Espaciar la letra
ooooooooooooooooooooooooooooooo
WWW.TIPOTYPE.COM
ESPACIADO EN FONTLAB
Espaciar las letras
nonnnonnnooonooonononoonnoonono
WWW.TIPOTYPE.COM
ESPACIADO EN FONTLAB
Espaciar el resto de las letras