UNIDAD 4

ANEXO
Tipografas: Uso y diferenciacin de tipografas en el entorno grfico.
Reglas bsicas para el buen manejo de la tipografa.
1. No usar muchas fuentes
Una buena regla a seguir es no utilizar ms de 3 tipos diferentes en un
mismo documento. Evitars el desorden y fortalecers la identidad.
Tambin conseguirs que el diseo sea limpio y facilitars la lectura.

2. Jerarqua
La tipografa es un elemento muy importante a la hora de crear jerarqua en
el diseo. Debemos determinar a qu elemento le damos ms
importancia, que el lector sepa en cada momento que tipo de informacin
est leyendo.

3. Tamao de la fuente
No conviene utilizar ms de 4 tamaos en un documento o pgina web.
Preferentemente 3 (es un tema de coherencia), lo suficientes para destacar
cierto texto: un tamao para el ttulo, uno para la introduccin y otro para el
cuerpo de texto. Esto es un conjunto coherente.
Recuerda que hay un tipo de letra para cada cosa. La tipografa artstica,
por ejemplo, no es una buena eleccin para el cuerpo de texto, se volvera
ilegible. Es mejor reservar las tipografas experimentales para los
carteles o incluso para titulares.

4. Interlineado
Es el espacio que hay entre lneas. Normalmente nos ceimos al
interlineado que se queda por defecto, pero hay que tener en cuenta el tipo
de letra elegida y el tamao de esta para determinar el interlineado justo. Lo
normal sera 2 puntos ms por encima de la configuracin automtica.

5. Kerning (interletraje)
El kerning es el espacio entre letras. Parece un tema obvio, pero necesita
atencin cuidadosa. Tenemos que considerar si el tipo de letra elegido
necesita ms espacio o no. La Helvtica y Futura tienen un poco de espacio
entre las letras en su configuracin normal. Evita que las letras se
solapen unas a otras a no ser que la idea de tu diseo lo requiera.

6. No

abuse

de

las

negritas

La negrita te ayuda a resaltar palabras dentro de un texto, y su uso debe

ser sencillo y elegante. Si abusas de negritas, subrayados y cursivas, tu
diseo
tendr
un
aspecto
desordenado.

7. Maysculas las justas

No escribas prrafos en mayscula. No hay nada ms odioso y
terriblemente ilegible. No s cuantas veces los clientes me han enviado
documentos escritos en maysculas en su totalidad.

8. Cuidado con el justificado

Si justificas el texto, lo fuerzas a crear tremendas brechas entre las
palabras.
Es
antiesttico.

9. Lneas ni demasiado cortas ni demasiado largas

La longitud de las lneas de texto tambin es importante. Una longitud
correcta ayuda a la legibilidad y evita que el ojo se deslice inecesariamente
de arriba a abajo, o de izquierda a derecha. No menos de 6 palabras y no
ms de 12 podra ser una opcin. La pgina ser ms clara y legible.

10. Utilizar bien los smbolos de puntuacin

ste es un punto que se olvida fcilmente en la tipografa. La imagen de
abajo, de Mark Boulton, lo ilustra perfectamente.

11. La secuencia Fibonnaci

Los dos primeros nmeros de Fibonacci son 0 y 1 y cada nmero que sigue
es la suma de los 2 anteriores: 0 1 1 2 3 5 8 13 21 34 55 89 144 ...
Desde el Renacimiento, muchos artistas y arquitectos han realizado sus
obras basndose en la divina proporcin.
Por lo tanto, en la tipografa es una buena sugerencia considerar el uso de
esta secuencia para proporcionar el tamao de las tipografas elegidas.

Tutorial de manejo tipografas en Illustrator

En este post vamos a aprender a manipular la tipografa en Illustrator para luego
exportarla a Photoshop y darle los efectos y retoques que queramos. El concepto
es sencillo, pero si nunca has ido a una clase de diseo grfico o Illustrator, te
puedes volver loco para aprender a hacerlo. Es algo que me gusta mucho porque
sirve tanto para la creacin de logos y posters, como para utilizar en diseo web y
darle un toque especial a los contenidos. Este artculo se dirige principalmente a
los diseadores web que no saben Illustrator o tienen unos conocimientos muy
bsicos, porque imagino que a los diseadores grficos les parecer algo muy
bsico. An as, vale la pena repasar el concepto y tenerlo en mente, porque
ayuda a crear diseos ms orginales.
Siento si a veces explico lo bsico con mucho detalle, pero mi deseo es que estos
conocimientos puedan ser tambin utilizados por personas que nunca han
trabajado con Illustrator, pues creo que el conocimiento ha de ser accesible para
todos y son muchos los diseadores web que raramente han trabajado con
Illustrator.

En este ejemplo he utilizado la tipografa Futura Bold, esta tipografa es la

utilizada por Absolute, una marca de vodka bastante conocida. queremos crear.
Pero podis usar cualquier tipografa y, tal y como veremos, manipularla para
expandir lo que nos interese. El resultado final ser este:

MANIPULAR LA TIPOGRAFA CON ILLUSTRATOR

Lo primero que deberemos hacer es abrir Illustrator, escoger la herramienta texto
(la T del panel izquierdo, igual que la de Photoshop) y una vez seleccionada, en la
parte superior seleccionar la fuente que queremos, en mi caso Futura Bold, y darle
un tamao de 150pt aproximadamente, no por nada, sino porque al ser la
tipografa ms grande nos ser ms fcil editarla. Escribimos la palabra que
queramos, en este caso he utilizado Barna para jugar con los efectos de la B.

PASOS A SEGUIR

Una vez hemos escrito Barna, hemos de seleccionar el texto. Para hacerlo,
pulsamos la flecha negra y clicamos sobre l, de este modo lo hemos
seleccionado todo.
Una vez seleccionado el texto, pusamos Ctrl+Shift+O (en Mac en lugar
de Ctrl pulsamos la tecla de Command). Ahora ya tenemos el texto vectorizado.
El siguiente paso es que queremos manipular cada letra por separado, por lo que
utilizamos el comando Ctrl+Shift+G, y ahora ya podemos manipular la B sin
problemas.

Hemos de buscar una imagen que nos guste, que no tenga mucho peso, porque
de otro modo el archivo ser demasiado pesado y no nos interesa por temas de
eficiencia. Para este ejemplo utilizaremos la siguiente imagen:

Para insertarla en nuestra rea de trabajo, iremos a Archivo > Colocar..

Y ahora pulsaremos el botn superior de Calco de Imagen:

Veremos que la imagen queda en blanco y negro con slo los rasgos remarcados.
Lo siguiente ser pulsar Expandir, tambin en el panel superior, justo donde antes
se encontraba Calco de imagen.

Ahora veremos que han aparecido unos puntitos azules alrededor de la figura,
esto es porque la hemos vectorizado. Lo siguiente es que queremos eliminar el

fondo blanco de la figura y quedarnos slo con el negro. Para ello,

deseleccionamos la imagen, pulsando en cualquier sitio fuera de la imagen, y
seleccionamos la flecha blanca del panel izquierdo. Tambin la podemos
seleccionar pulsando la tecla A. Ahora pulsamos dentro de la imagen en la zona
de fondo blanco y damos a la tecla suprimir. Ya tenemos slo la silueta de la
figura.

MODIFICANDO LA TIPOGRAFA
Ahora el problema es que la B tiene dos agujeros. Si sobreponemos la imagen a la
B tal y como es, no se distinguir que es una pareja, debido a que hay fondo
blanco. Lo que nos interesa es poner la imagen en una zona que sea toda negra.
Para ello, lo que haremos en este caso es manipular la letra B.
Con la flecha negra de seleccin, movemos la imagen de la pareja a un sitio que
no nos moleste para manipular la B. Una vez hecho esto, seleccionamos la flecha
blanca de seleccin directa. Y con ella pulsamos en el contorno del agujero inferior
de la B. Es importante haber vectorizado el texto tal y como se explica ms arriba,
de otro modo no podremos hacer este paso.

Una vez seleccionado, veremos que aparecen unos puntitos azules alrededor del
agujero de la B, tal y como se puede ver en la imagen adjunta. Cuando tenemos
esto as, pulsamos suprimir, con lo que borraremos el agujero blanco. Es posible
que tengamos que pulsar la tecla suprimir dos o tres veces seguidas para que se
borre del todo. Una vez hecho esto, tenemos una B con slo el agujero superior.
Y ahora viene la parte divertida, y es combinar la imagen y la letra B, para dar el
efecto que queremos practicar aqu. Reducimos el tamao de la imagen hasta que
quepa en la parte del agujero de la B. Que no os pase como a m cuando no saba
Illustrator y vena de Photoshop que me pasaba el da con el Ctrl+T, en Illustrator
no se hace as. Es tan fcil como seleccionar la imagen con la flecha negra y
pulsando en una esquina de la imagen, reducirla. Para que la imagen no se
distorsione de tamao, mantenemos pulsada la tecla Shift mientras arrastramos.

Una vez tenemos el tamao de imagen deseado, lo ponemos justo encima del
espacio en negro de la letra B, tal y como se puede ver en la imagen. Es
importante arrastrar la imagen con la flecha negra y no la blanca, porque la flecha
negra selecciona toda la imagen, mientras que la blanca slo selecciona puntos
del trazado.
Una vez hecho esto, necesitamos la herramienta Buscatrazos. Si no la tenemos
activada, la podemos encontrar dentro del men Ventana > Buscatrazos o bien
con las teclas Ctrl+Shift+F9.
Lo que vamos a hacer ahora es seleccionar con la flecha negra la B y la figura,
para ello simplemente pulsamos la flecha y sin dejarla de pulsar, la arrastramos
para seleccionar la B y la imagen, sin seleccionar ninguna otra letra. No es
necesario que selecciones toda la B, con que selecciones slo una parte de la
letra y de la figura, ya se habr seleccionado todo.
Una vez hecho esto, pulsamos el segundo botn desde la izquierda de
Buscatrazos:

Si no nos gusta cmo ha quedado, con Ctrl+Z deshacemos el paso anterior, con lo
que podemos volver a modificar la imagen y ponerla donde ms nos guste.

Refrencias:
http://www.creativasfera.com/tutorial-basico-para-manipular-la-tipografia-enillustrator
http://siemprecomunicando.blogspot.com/2010/01/reglas-basicas-para-el-buenuso-de-la.html