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