Você está na página 1de 60

Jairo Hurtado

Jairo Hurtado
La multimedia apareci con la
llegada de las tarjetas de
sonido, los CD-ROM y la
posibilidad de generar
grficas e imgenes en la
computadora, lo cual gener
una revolucin en el de
diseo de aplicaciones
informticas. Con la llegada
de Internet y de los entornos
tridimensionales se abri un
nuevo campo para la
aparicin de mltiples
formatos y alternativas.
Ensear
Ensear de de manera
manera
ms
ms efectiva
efectiva
Persuadir
Persuadir
Divertir
Divertir
Investigar
Investigar
Simular
Simular
Llegar
Llegar aa un
un pblico
pblico
especfico
especfico
Leer
Leer Libros
Libros
Escuchar
Escuchar Msica
Msica

Jairo Hurtado
Programas:
Programas:

Ldicos
Ldicos
Informativos
Informativos
investigativos
investigativos
Interactivos
Interactivos

Jairo Hurtado
Programas autor
Programas autor Simuladores
Simuladores

Libros interactivos Juegos


Juegos
TIPO:
TIPO:
Diseo
Diseo dedeuna
unaletra.
letra.Conjunto
Conjunto de
de
caractersticas
caractersticasque
que diferencian
diferencian una
una
fuente
fuente (tamao,
(tamao,interlineado,
interlineado, estilo)
estilo)

TIPOGRAFA
TIPOGRAFA

Arte
Arte dede disponer
disponer correctamente
correctamente el el
material
material de
de imprimir,
imprimir, de
de acuerdo
acuerdo con
con
un
un propsito
propsito especfico:
especfico: el
el de
de colocar
colocar
las
las letras,
letras, repartir
repartir el
el espacio
espacio yy
organizar
organizar loslos tipos
tipos con
con vistas
vistas aa
prestar
prestar alal lector
lector la
la mxima
mxima ayudaayuda
para
para la
la comprensin
comprensin del del texto
texto escrito
escrito
verbalmente.
verbalmente.
Stanley Morison, Principios fundamentales de la tipografa (1929)
TAMAOS DE
TAMAOS DE LOS
LOS TIPOS:
TIPOS:
El tamao
El tamao dede los
los caracteres
caracteres se
se mide
mide en
en
Cceros, picas,
Cceros, picas, puntos
puntos oo en
en
milmetros,
milmetros,
11 pica
pica == 12
12 puntos
puntos == 11 ccero
ccero == 4,21
4,21
mms, aprox.
mms, aprox.

FUENTE:
FUENTE:
Conjunto de
Conjunto de caracteres
caracteres tipogrficos
tipogrficos
(letras, nmeros,
(letras, nmeros, signos,
signos, etc.)
etc.) que
que
comparten unos
comparten unos determinados
determinados rasgos
rasgos
formales, como
formales, como peso,
peso, estilo
estilo yy tambin
tambin
cuerpo oo tamao.
cuerpo tamao.
La unidad
La unidad mnima
mnima en en la
la composicin
composicin de
de textos
textos es
es elel caracter,
caracter, el
el
cual posee
cual posee todas
todas las
las caractersticas
caractersticas de
de la
la fuente
fuente yy familia
familia
tipogrfica.
tipogrfica.

PARTES DE
PARTES DE UN
UN CARACTER
CARACTER TIPOGRFICO:
TIPOGRFICO:
ELEMENTOS TIPOGRFICOS:
ELEMENTOS TIPOGRFICOS:

El grosor en el
trazo:
pueden ser pesados
o ligeros, segn su
grosor pueden
afectar o no a la
legibilidad. redonda,
negra o supernegra,
fina o extrafina.

- Inclinacin del eje vertical o cursivas:


Son las denominadas cursivas o itlicas. abusar de este
caracter inclinado dificulta la lectura.
ELEMENTOS TIPOGRFICOS:
ELEMENTOS TIPOGRFICOS:
Proporcin: (alto/ancho)

Redonda: cuando son iguales.

Estrecha: cuando el horizontal es menor que el vertical.

Expandida: cuando el horizontal es mayor.


OTROS ASPECTOS DE LOS CARACTERES:
Alineacin: es la manera como se ubica el texto con
respecto a la superficie sobre la cual se escribe (izquierda,
derecha, centrada y justificada).
OTROS ASPECTOS DE LOS CARACTERES:
Peso: es la diferencia de grosor entre dos letras de una
misma familia, como la que hay entre una fina y una negrita.

Estilo: hace referencia a la diferencia de trazado e inclinacin


que hay entre dos letras de una misma familia, como la que
diferencia a la letra normal de la cursiva. Tambin hace
referencia a la propiedad de ser negrita, subrayada, tachada
etc.
OTROS
OTROS ASPECTOS
ASPECTOS DE
DE LOS
LOS CARACTERES:
CARACTERES:

Altas y bajas: diferencia las


letras de altura constante
denominadas bajas (las
vocales y otras como c, j, g,
m, n) de las letras de mayor
altura llamadas altas (las
maysculas y otras como b,
d, f, h, k.)

Versalitas: tienen la
propiedad de que las altas y
bajas son de la misma altura.
OTROS
OTROS ASPECTOS
ASPECTOS DE
DE LOS
LOS CARACTERES:
CARACTERES:

Interlineado: hace referencia a


la separacin entre los
renglones de un texto,
generalmente dado en tres
valores: sencillo y doble.

Capital: es aquella letra que


se coloca al inicio de un texto
y puede ocupar varias lneas
de l.
Tipografas
Tipografas con
con serif:
serif:
Los
Los tipos
tipos de
de caracteres,
caracteres, pueden
pueden
incluir
incluir adornos
adornos en
en sus
sus extremos
extremos oo
no,
no, estos
estos adornos
adornos en
en sus
sus
terminaciones,
terminaciones, se
se denominan
denominan serif
serif
oo serifas.
serifas.

Tipografas
Tipografas sans
sans serif
serif oo de
de palo
palo
seco:
seco: Es
Es la
la tipografa
tipografa que que no
no
contiene
contiene estos
estos adornos,
adornos,
comunmente
comunmente llamadallamada sanserif
sanserif oo
(sin
(sin serifas
serifas ),), stas
stas no
no tienen
tienen serif
serif
yy actualmente
actualmente se se utilizan
utilizan en
en
muchos
muchos tipos
tipos de de publicaciones
publicaciones de de
texto
texto impreso.
impreso.
Clasificacin de
Clasificacin de remates
remates oo terminales
terminales::

El Kern
El Kern oo kerning
kerning es
es el
el
espacio existente
espacio existente entre
entre
dos caracteres
dos caracteres
individuales, para
individuales, para
cuando dos
cuando dos de
de estos
estos
caracteres se
caracteres se
encuentran demasiado
encuentran demasiado
juntos oo separados.
juntos separados.
FAMILIA:
FAMILIA:
esun
es ungrupo
grupo integrado
integrado dedefuentes
fuentes tipogrficas.
tipogrficas.As,
As,la
lafamilia
familia
Helvticaconsta
Helvtica consta dedediferentes
diferentesestilos
estilos(redonda
(redonda oocursiva)
cursiva)yy
pesos(negra
pesos (negraoofina),
fina), en
endiversos
diversoscuerpos
cuerposootamaos
tamaos(10,(10,12
12
puntos). Muchos
puntos). Muchos programas
programasde deprocesamiento
procesamiento de detextos
textos
utilizanel
utilizan eltrmino
trminofuente
fuente para
parareferirse
referirse aatoda
toda una
una familia.
familia.
FAMILIAS TIPOGRFICAS:
FAMILIAS TIPOGRFICAS:

Romanas antiguas Script o manuscritas


De transicin Palo Seco
Romanas modernas Caligrficas u
Egipcias ornamentales
Fantasa
ANTECEDENTES:
ANTECEDENTES:

En
En Alemania
Alemania donde
donde se se origin
origin la
la impresin
impresin con
con tipos
tipos mviles,
mviles, la
la
escritura
escritura local
local era
era la
la llamada
llamada gtica,
gtica, sta
sta se
se caracteriza
caracteriza por
por la
la
dificultad
dificultad de
de su
su lectura,
lectura, especialmente
especialmente cuando
cuando se
se utiliza
utiliza
mayscula
mayscula sostenida
sostenida
ANTECEDENTES:
ANTECEDENTES:
Para
Para 1793
1793 haba
haba aparecido
aparecido elel
Estilo
Estilo Moderno,
Moderno, obraobra del
del
impresor
impresor italiano
italiano (Giambattista
(Giambattista
Bodoni
Bodoni (1740-1831);
(1740-1831); con
con unun
mximo
mximo contraste
contraste entre
entre los
los trazos
trazos
gruesos
gruesos yy los
los finos.
finos.

Los
Los primeros
primeros tipos
tipos romanos
romanos fueron
fueron
Sans
Sans Serif
Serif oo grotescos"
grotescos" se
se usaban
usaban
para
para carteles.
carteles.
El
El tipo
tipo Times
Times New
New Roman,
Roman, encargado
encargado
por
por elel diario
diario The
The Times
Times en
en 1931
1931
Fuente digital:
Fuente digital:

es un
es un conjunto
conjunto de
de dibujos
dibujos vectoriales
vectoriales
que se
que se pueden
pueden escalar
escalar sin
sin prdida
prdida de
de
calidad. Se
calidad. Se almacenan
almacenan principalmente
principalmente
en archivos
en archivos de
de tipo
tipo TrueType
TrueType (TT)
(TT) oo
Postscript
Postscript Tipo1
Tipo1 (PS1).
(PS1). Son
Son
tecnologas de
tecnologas de fuente
fuente escalable
escalable que
que
mantienen
mantienen buena
buena calidad
calidad
ndependientemente de
ndependientemente de la
la resolucin.
resolucin.

Cada fuente
Cada fuente TT
TT se
se almacena
almacena en
en un
un solo
solo fichero,
fichero, mientras
mientras que
que lala PS1
PS1
requiere dos
requiere dos ficheros
ficheros separados,
separados, uno
uno para
para la
la impresora
impresora yy otro
otro para
para su
su
visualizacin en
visualizacin en pantalla.
pantalla.

FUENTES ESPECIALES
FUENTES ESPECIALES PARA
PARA LA
LA PANTALLAS
PANTALLAS DIGITALES
DIGITALES

fuentes tales,
fuentes tales, como
como la
la Verdana,
Verdana, Tahoma,
Tahoma, Trebuchet
Trebuchet yy Georgia
Georgia son
son ideales.
ideales.
Las fuentes
Las fuentes ornamentales
ornamentales oo caligrficas
caligrficas no
no deben
deben emplearse
emplearse ms
ms all
all de
de
unas pocas
unas pocas lneas,
lneas, puesto
puesto que
que causaran
causaran de
de fatiga
fatiga visual.
visual.
El color en la tipografa y en la eleccin del tipo

Utilizamos el color para enfatizar las letras.

Una buena legibilidad se logra equilibrando


cuidadosamente las tres propiedades del
color (tono, valor e intensidad) y determinar el
contraste adecuado entre las letras y su
fondo.
El color tipogrfico es una ilusin ptica,
creada por las propias proporciones y formas
de los diseos tipogrficos. stas nos hacen
percibir la sensacin de un color distinto,
aunque est impreso en el mismo color.
la eleccin del tipo

Utilizamos el color para enfatizar las letras.

Una buena legibilidad se logra equilibrando


cuidadosamente las tres propiedades del
color (tono, valor e intensidad) y determinar el
contraste adecuado entre las letras y su
fondo.
El color tipogrfico es una ilusin ptica,
creada por las propias proporciones y formas
de los diseos tipogrficos. stas nos hacen
percibir la sensacin de un color distinto,
aunque est impreso en el mismo color.
RECOMENDACIONES
RECOMENDACIONES PARA
PARA EL
EL MANEJO
MANEJO DE
DE TEXTOS
TEXTOS

Claras y legibles.
Variar el tamao
Usar el menor nmero de fuentes
dentro de un mismo documento
Usar Maysculas para los ttulos;

Textos
Textos con
con prrafos
prrafos cortos
cortos yy
mensajes claros
mensajes claros yy concisos.
concisos.

Utilizar los atributos para destacar los ttulos y palabras claves

Para la pantalla, algunas fuentes sans como Verdana o Tahoma


ofrecen ptima legibilidad.
Las fuentes ornamentales o caligrficas no deben emplearse
ms all de unas pocas lneas, puesto que seran causa
inmediata de fatiga visual
ELEGIR UNA
ELEGIR UNA FUENTE
FUENTE DIGITAL
DIGITAL PARA
PARA UN
UN
DOCUMENTO
DOCUMENTO

Al primer
Al primer golpe
golpe dede vista,
vista, la
la tipografa
tipografa yy el
el color
color
dicen ms
dicen ms que
que el
el mismo
mismo texto.
texto.

el lector
el lector identifica
identifica los
los colores
colores con
con mucha
mucha msms
rapidez que
rapidez que cualquier
cualquier otro
otro atributo.
atributo. Aplicar
Aplicar el
el
color con
color con cierta
cierta discrecin
discrecin resalta
resalta yy puede
puede
crear la
crear la impresin
impresin de de mayor
mayor variedad
variedad dede
fuentes.
fuentes.

La legibilidad
La legibilidad es es especialmente
especialmente importante
importante
para textos
para textos largos.
largos.
Para los
Para los ttulos
ttulos podemos
podemos emplear
emplear la
la fuente
fuente que
que
queramos, en
queramos, en funcin
funcin de
de la
la sensacion
sensacin que
que nos
nos
interese crear
interese crear: Elegencia , informalidad,
antigedad, seriedad, alegria, etc.
Alternativas
Alternativas en en elel diseo
diseo dede textos
textos:WordArt,
WordArt,Corel
CorelDraw,
Draw,
Corel Photo
Corel Photo Paint
Paint yy Xara
Xara
Para
Para letra
letra pequeos
pequeos utilizar
utilizar la
la fuente
fuente ms
ms legible.
legible.
En
En unun texto
texto muy
muy largo
largo se
se puede
puede recurrir
recurrir al
al interlineado
interlineado
para ajustar
para ajustar al al espacio
espacio requerido.
requerido.
Al
Al utilizar
utilizar el
el interlineado
interlineado lneas
lneas demasiado
demasiado juntas
juntas pueden
pueden
dificultar la
dificultar la lectura.
lectura.
El
El texto
texto suavizado
suavizado da da una
una apariencia
apariencia profesional
profesional yy
fusiona
fusiona los
los bordes
bordes de
de las
las letras
letras con
con el
el fondo;
fondo;
puede
puede serser utilizado
utilizadopara
para ttulos
ttulosyy encabezados.
encabezados.
Al
Al realizar
realizar aplicaciones
aplicaciones multimedia
multimediase se puede
puede
utilizar
utilizarel
el texto
texto como
como medio
medio de de navegacin
navegacin lolo que
que
da
da como
como resultado
resultado un
un diseo
diseo interactivo.
interactivo.
Hipertexto
Hipertexto::
Es un mtodo de
presentacin de informacin
en el que el texto, las
imgenes, los sonidos y las
acciones estn asociadas ,
lo que permite al usuario
examinar los distintos temas
independientemente del
orden de presentacin de
los mismos.
Algunas letras
Algunas letras van
van asociadas
asociadas aa un
un
perodo histrico
perodo histrico determinado,
determinado, oo aa
un lugar
un lugar en
en el
el mundo.
mundo.
Otras, como
Otras, como Garamond,
Garamond, sonson diseos
diseos
atemporales yy resultan
atemporales resultan tan
tan frescas
frescas
hoy como
hoy como enen el
el momento
momento enen que
que sese
crearon, hace
crearon, hace siglos.
siglos.

podemos recurrir
podemos recurrir aa expertos.
expertos. Por Por
ejemplo, el
ejemplo, el sistema
sistema Esperfonto,
Esperfonto, de de
Daniel Will-Harris,
Daniel Will-Harris, http://www.will-
http://www.will-
harris.com/ clasifica
harris.com/ clasifica las
las letras
letras segn
segn
la sensacin,
la sensacin, elel gusto
gusto que
que confieren
confieren
aa un
un documento,
documento, en en lugar
lugar dede criterios
criterios
histricos oo tcnicos.
histricos tcnicos.
ORGANIZACIN DE LAS FUENTES EN WINDOWS
Los
Los tipos
tipos de
de letra
letra que
que emplean
emplean las
las aplicaciones
aplicaciones son
son
las
las fuentes
fuentes escalables.
escalables.

Existen
Existen dos
dos tipos
tipos principales
principales dede fuentes
fuentes escalables:
escalables:
fonts
fonts truetype
truetype yy fonts
fonts Type
Type 11 (tambin
(tambin llamadas
llamadas
Postscript
Postscript type
type 1).
1). pueden
pueden generar
generar unun caracter
caracter de
de
cualquier
cualquier tamao
tamao sinsin prdida
prdida dede calidad
calidad en
en el
el
contorno.
contorno.

Cmo
Cmo maneja
maneja Windows
Windows los
los tipos
tipos de
de letra
letra
Es
Es necesario
necesario tenerla
tenerla en
en nuestro
nuestro sistema
sistema
(normalmente
(normalmente en en el
el disco
disco duro,
duro, disponer
disponer deldel archivo
archivo
de
de la
la fuente:
fuente: un
un archivo
archivo con
con extensin
extensin .TTF
.TTF

Existe la posibilidad de incrustar (embedding) las fuentes dentro de un


documento, se incrusta es una representacin de la fuente para verla en
pantalla y/o imprimirla, no el archivo de sta. Los documentos PDF suelen
incluir fuentes incrustadas de esta forma.
Si
Si tenemos
tenemos un
un grfico
grfico que
que eses un
un mapa
mapa de
de bits
bits oo un
un vector
vector en
en el el cual
cual
convirtamos
convirtamos aa curvas
curvas las
las letras,
letras, ya
ya no
no ser
ser necesario
necesario tener
tener la
la fuente
fuente
instalada
instalada para
para poder
poder ver
ver la
la imagen
imagen correctamente.
correctamente.

,
CUNTAS
CUNTAS FUENTES
FUENTES INSTALAR?
INSTALAR?

Nunca
Nunca debera
debera instalar
instalar ms
ms all
all de
de uno
uno
oo dos
dos centenares
centenares de de fuentes
fuentes en
en la
la
computadora.
computadora. HacenHacen ms ms lento
lento el
el
sistema.
sistema.
no
no es
es realista,
realista, ni
ni prctico,
prctico, tener
tener tantas
tantas
fuentes
fuentes instaladas.
instaladas.
Conviene
Conviene efectuar
efectuar una
una seleccin
seleccin que
que
incluya
incluya las
las ms
ms usadas
usadas oo preferidas
preferidas
(unas
(unas pocas
pocas docenas,
docenas, seguramente),
seguramente), yy
el
el resto,
resto, tenerlas
tenerlas ordenadas
ordenadas en en
carpetas
carpetas ee instalarlas
instalarlas
momentneamente.
momentneamente.
En
En la
la eleccin
eleccin de
de un
un tipo
tipo pueden
pueden influir
influir las
las consideraciones
consideraciones estticas.
estticas. Por
Por
ejemplo,
ejemplo, unun manuscrito
manuscrito histrico
histrico se
se puede
puede componer
componer concon un
un tipo
tipo
histricamente
histricamente adecuado,
adecuado, mientras
mientras que
que unun catlogo
catlogo comercial
comercial puede
puede
componerse
componerse en en un
un tipo
tipo Egipcio
Egipcio oo Sans
Sans Serif,
Serif, para
para darle
darle un
un aspecto
aspecto
sobrio
sobrio yy poco
poco pretencioso.
pretencioso.

Incunable: <1501 Jairo Hurtado


FUENTES EN INTERNET
FUENTES GRATIS
http://blogvecindad.com/fuentes-tipograficas-gratis/
http://www.dafont.com/es/

http://www.1001freefonts.com
FUENTES EN INTERNET
FUENTES GRATIS http://www.dafont.com/es/
FUENTES EN INTERNET
FUENTES GRATIS http://www.1001freefonts.com
FUENTES EN INTERNET
PARA HACER EN CASA

Feliz Navidad

Realice
Realice una
una presentacin
presentacin enen Power
Power Point
Point con
con 10
10 diapositivas,
diapositivas,
Descargue
Descargue 10 10 fuentes
fuentes diversas
diversas de
de su
su agrado
agrado ,, descargue
descargue 1010
imgenes
imgenes dede internet
internet que
que puedan
puedan asociarse
asociarse con
con cada
cada una
una de
de las
las
fuentes
fuentes yy colquelas
colquelas enen cada
cada una
una de
de las
las diapositivas
diapositivas .. No
No olvide
olvide
hacer
hacer portada
portada y guardar con fuentes.
Feliz Navidad
Corre un

Batman
poco ms
EL CABALLERO DE LA NOCHE
Art
Nouveau

Mis novelas ilustradas por Jairo


SE BUSCA
$ 5.000
DE RECOMPENSA

Bueno, malo o feo


CONEXIONES
CONEXIONES PARA
PARA DISPOSITIVOS
DISPOSITIVOS MULTIMEDIA.
MULTIMEDIA.

TRABAJAR
TRABAJAR CON
CON TEXTOS
TEXTOS EN
EN CORELDRAW
CORELDRAW X3.
X3.

CREAR
CREAR UN
UN FOLLETO
FOLLETO CON
CON CORELDRAW
CORELDRAW X3*
X3*

CONSTRUIR
CONSTRUIR TEXTOS
TEXTOS CREATIVOS
CREATIVOS CON
CON COREL
COREL PHOTO
PHOTO PAINT
PAINT

CREACIN
CREACIN DE
DE BOTONES
BOTONES CON
CON TEXTO
TEXTO USANDO
USANDO XARA
XARA 3D.
3D.

GRABAR
GRABAR TEXTO
TEXTO DESDE
DESDE EL
EL EXPLORADOR
EXPLORADOR USANDO
USANDO SNAGIT
SNAGIT