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