viernes, 29 de enero de 2016

7.3. Programas tipográficos

El primero de ellos, FontForge, se trata de un software libre, pero solamente para Linux. Habitualmente, los software libres son multiplataforma, pero en este caso no.


Todos los programas de edición tipográfica tienen una ventana donde aparecen todos los caracteres posibles, y donde se colocan las letras, se ajustan, y se realizan las correcciones ópticas del espaciado. Para ello, utilizan combinaciones de letras como la “O”, la “R” o la “H” para ver cómo funcionan, ya que estas letras son las que más espacio rellenan.

http://a.fsdn.com/con/app/proj/fontforge/screenshots/328607.jpg

En segundo lugar tenemos FontLab, un software libre tanto para Windows como para Macintosh, que era el programa de diseño tipográfico estrella hasta hace poco.

http://cdn.toptenreviews.com/rev/scrn/large/53549-fontlab-studio5.jpg

Sin embargo, Fontographer pertenece a FontLab, y aunque en su momento estuvieron por separado, actualmente son dos software complementarios de la misma marca. Además, ofrecen otro software, que es Typetool, que es más básico, de cara a estudiantes.

Hasta hace poco, FontLab había sido el programa indiscutible de texto, pero al integrar Fontograper, este estuvo más enfocado al diseño, y FontLab a la edición.

https://padrinan.files.wordpress.com/2010/06/fontographer02.png

Después, tenemos Glyphs, que es solamente para Mac, y que ha revolucionado bastante el mundo del diseño gráfico.

Y por último, Robofont se trata de un programa de postproducción de fuentes. A partir del master, se usa este software para crear el resto (cursivas, negritas, etc.).
En cuanto a Fontself, este es una extensión de Adobe que aún está en fase de proyecto. Este pretende que a partir de una imagen dibujada construir prácticamente una fuente. Aún no está disponible.

El formato estándar de los formatos editables de diseño tipográfico es el formato “.UFO”.

Para acabar, decir que IfontMaker es una aplicación táctil para la tableta, que más bien sirve para entender cómo se diseña un software de una tipografía.

7.2. Fundamentos del diseño tipográfico

Lo primero que tenemos que tener en cuenta cuando nos planteamos un proyecto tipográfico es definir las características de la familia tipográfica que pretendemos crear.

¿Cuáles son estas características? El peso, el eje o modulación, el ancho de X, la altura de X, el contraste entre trazos y los remates.

En segundo lugar, tenemos que tener en cuenta son las correcciones ópticas.
Primero, la coherencia formal, es decir, la reiteración de los elementos formales, por ejemplo los remates.
Más allá de esto, existen algunas correcciones concretas. Por ejemplo, si colocáramos el trazo que divide la “E” en dos partes iguales, daría la sensación de que el trazo superior es mayor que el inferior.

Sin embargo, teniendo en cuenta la idea de la percepción visual, situamos la barra horizontal de la E un poco más arriba de la mitad para que parezca más equitativo el espacio superior e inferior.

http://www.oert.org/percepcion-visual-y-ritmo/

Otras correcciones ópticas son, la diferencia entre los grosores de los trazos horizontales y verticales. El grosor de los trazos horizontales suele ser más fino que el de los verticales. Otro ejemplo es que la “O” no es un círculo perfecto, tiene más altura que ancho.

http://www.oert.org/percepcion-visual-y-ritmo/

Sin embargo, estas correcciones no están presentes en todas las tipografías.

Y por último, también en cuanto a fundamentos del diseño tipográfico, tenemos el espaciado; El espaciado de la prosa o kerning, pero también el de los numerales, el de los espacios verticales (interlineado), y por último el acoplamiento, es decir, superponer los espacios entre las letras, de manera que el espacio que quede entre ellas sea más uniforme. Esto se debe a la necesidad de rectificar aquello que visualmente queda raro.

http://www.oert.org/percepcion-visual-y-ritmo/

7.1. El proceso de diseño tipográfico

En el proceso de diseño tipográfico, como en el resto de procesos de creación, se empieza teniendo en cuenta un proyecto, que a su vez tiene una primera parte, el boceto y la motivación.

http://tipo-e.com/blog/wp-content/uploads/2012/08/gandhi_bocetos_2-600x459.jpg

La motivación puede ser de carácter personal o bien por un encargo que se recibe. Pero también existen otros motivos por los que uno crea una tipografía: Por interés por aprender, por intentar ampliar los conocimientos propios, por practicar la disciplina…
Pero los casos en los que alguien ya conoce el tema, se suele hacer para completar o darle más valor a un proyecto de diseño, o para darse a conocer.
En primer lugar se crea por lo general la fuente en peso normal (existen fuentes con ese único peso) a lo que se llama master.

La siguiente fase sería la digitalización de esos bocetos, que puede ser a partir de un escaneado, por ejemplo. Generalmente se parte de una imagen escaneada o de formas dibujadas digitalmente, y se emplea un programa vectorial, tipo Illustrator para su vectorización. Posteriormente, esto se exporta al programa de creación tipográfica.

El tercer paso sería, dependiendo de la ambición o profundidad del proyecto, la producción, es decir, la creación de los múltiples, la tipografía completa.

En cuarto lugar se encuentra la postproducción. Hablo del espaciado, también conocido como prosa o kerning, que es importantísimo en el uso de la tipografía.

Y la última fase sería su comercialización. No solo refiriéndonos a su venta, sino también a su distribución, es decir, a la publicidad que se hacen de esa tipografía.

Una fundición digital: Atipo

La finalidad de este post es realizar una investigación de una fundición digital concreta, y qué mejor que hacerlo de una española. Hablo de Atipo.

http://graffica.info/atipo-entrevista/

“Atipo se trata de un pequeño estudio multidisciplinar fundado a principios de 2010 por los diseñadores Raúl García del Pomar e Ismael González González que ofrece soluciones gráficas honestas, sin estridencias y perdurables, donde la idea se antepone a la estética”.

Ismael y Raúl se conocieron en la Facultad de Bellas Artes de Salamanca, donde ambos estudiaron Diseño Gráfico y Audiovisuales, y fueron compañeros de piso y amigos. Después de trabajar en distintos sitios, decidieron crear su propio proyecto, Atipo, en marzo-abril de 2010.

Raúl e Ismael tienen estilos muy diferentes, lo que les ha permitido llegar más lejos que si lo hubieran hecho de manera individual.

Atipo tiene su sede en Gijón, ciudad natal de Ismael, que no es tan grande, ni le proporciona tanto público físico como lo harían Madrid o Barcelona. De hecho, la mayor parte de los encargos que reciben proceden de Madrid, o del extranjero. Por suerte, las nuevas tecnologías hacen que puedan recibir encargos de cualquier parte, y la ventaja de estar situado en Gijón es la tranquilidad del lugar.

http://graffica.info/atipo-entrevista/

Según ellos, un buen diseño es aquel que no responde sólo a una cuestión estética sino también a ideas o estrategias.

Algunos diseñadores que han influido en los componentes de Atipo son Saul Bass, Vince Frost o Daniel Gil. También están influenciados por Spin, Build, Made Thought, Graphic Thought Facility o e-Types, entre muchos otros.

“El estilo de Atipo es clásico, con un aire acutal, y que los propios creadores pretenden que sea atemporal. Cuidan los detalles, y destaca el uso que hacen de las tipografías y los cromatismos”.

http://graffica.info/atipo-entrevista/

Aunque los creadores se dediquen al diseño gráfico, disciplinas como la  ilustración, la tipografía, la fotografía, o el vídeo también aparecen en sus proyectos.

La tipografía tiene un papel muy importante en Atipo. Entre las fuentes que han diseñado están Calendas, Bariol, Salomé…

Llegaron a la tipografía cuando tuvieron que hacer un lettering para un logo. Con el tiempo, decidieron completar esta tipografía, a la cual llamaron Calendas. Esta fuente fue creada exclusivamente para este proyecto, al menos al principio.


http://www.unostiposduros.com/grandes-tipos-atipo/

“Calendas es una tipografía de aires clásicos, gran legibilidad y elegancia, que aunque está pensada para trabajar en tamaños pequeños soporta bien los cuerpos más grandes por sus formas cuidadas. Su personalidad viene marcada por sus remates caligráficos”.

“Decidieron que fuera de libre descarga. Y, además de descargas libres y alguna presencia en medios especializados, les proporcionó el encargo remunerado de Edward Leida. Este encontró en Calendas la tipografía que buscaba para el rediseño de la revista Town & Country, y les pidió una nueva versión para textos (más femenina), semibold, semibold italic, bold italic, titulares y swashes.”

Todo esto animó a Ismael y Raúl a crear Cassannet, un homenaje a Cassandre, que realizaron combinando el método Pay with a tweet y el de la donación. 

http://www.unostiposduros.com/grandes-tipos-atipo/

Esta surge a partir de su proyecto Grafilm, y “está inspirada en los tipos de letra utilizados por Cassandre. Se trata de una sans-serif de formas geométricas, sencilla y equilibrada, que recoge el espíritu de toda una época pero que se actualiza y enriquece con multitud de variantes y ligaduras”.

“Esta tipografía también tuvo un gran recibimiento, por lo que para su siguiente proyecto, Bariol, optaron por regalar un peso y el resto de la familia a elección del comprador, consiguiendo difusión y rentabilidad”.


http://www.unostiposduros.com/grandes-tipos-atipo/

“Bariol es una tipografía redondeada, ligeramente condensada, amable y cercana sin ser excesivamente dulce, y muy legible, incluso en tamaños pequeños, gracias a sus formas sobrias y su construcción sencilla”.

“Con Salomé siguieron el mismo patrón”.

http://oi40.tinypic.com/2qx3xjm.jpg


Bibliografía:


6.5. Tipografía en soportes digitales

Hoy en día existen 4 tipos de soportes digitales: La web, los móviles, los libros electrónicos, textos y programación.

Muchas tipografías se convirtieron en muy conocidas, no por su calidad, sino por venir ya incorporadas en los sistemas operativos.

En el caso de la web, no se recomienda usar tipografías de un tamaño menor que 8 puntos, ya que serían demasiado pequeñas para las pantallas. Existen medidas estándar para estos casos.

En la web, uno de los avances importantes que hubo para la utilización de tipografías fue la hoja de estilo. Ésta define cómo va a ser el texto de un contenido que va a estar en la web, qué tipo de fuente va a ser, qué tamaño va a tener, las jerarquías, etc.
Sus siglas son “CSS”.
En la versión uno del CSS no se permitía incluir ninguna fuente, es decir, se tenía que utilizar obligatoriamente la fuente que tuviera el ordenador por defecto. Esta versión tenía dos alternativas, una para Mac y otra para Windows.
Cuando llegó la versión CSS 2, esta incluía una función que se llamó @Font-Face, que te permitía incluir en tu web una fuente, y en el ordenador del cliente esta se descargaba automáticamente y se veía.
Sin embargo, todo esto desde el punto de vista de la seguridad tenía muchos vacíos, y era muy fácil para cualquier informático rescatar una tipografía y quedársela, es decir, esto facilito la piratería de fuentes.
Y con la versión CSS 2.1 eliminaron esta función.
Pero esto se soluciona ya en torno al 2008, con el CSS 3, cuando inventaron los alojamientos virtuales de fuentes.


Por último tenemos el texto y la programación, dentro del cual podemos recordar los términos “responsive design”, un estilo de diseño adaptativo, y “mobile first”, que se trata del diseño primario de una web vista desde un teléfono, y posteriormente adaptarlo a otros formatos.

http://dispersium.es/wp-content/uploads/2014/04/responsive-vs-mobile-first.png

Estos son 5 ejemplos de programación:

-       Processing
-       Scriptographer, un plugin de Illustrator
-       Paper.js
-       Notesbox, un sistema de código libre
-       Cinder

6.4. Fundiciones digitales

En este post os hablaré un poco sobre algunas de las fundiciones digitales más conocidas que existen.

Emigre  es una fundición fundada por Rudy Vanderlans y Zuzana Licko en 1984, y probablemente fue la primera fundición tipográfica digital independiente que apareció.
Nació en California como revista especializada en diseño gráfico, acabando por especializarse en la tipografía. Y fue entonces cuando Zuzana comenzó a experimentar con Fontographer, la primera aplicación para la creación de fuentes digitales, “diseñando tipografías exclusivas para la revista, y que más adelante se pusieron a la venta. El éxito fue inmediato.
En la actualidad, la revista ya no se edita y la empresa se ha reconvertido en fundición tipográfica online”.

https://www.fontshop.com/designers/zuzana-licko

FontShop “es la fundición tipográfica digital más importante del mundo. Fue fundada entre 1989 y 1990 por Erik Spiekermann y Neville Brody.
Es considerada la fundición más importante por la gran cantidad de tipografías que distribuyen, las diferentes delegaciones de que disponen y porque cuenta con reputados diseñadores de tipos como son Max Kisman, Albert-Jan Pool, Fred Smeijers, Martín Majoor…

http://www.michaeldoret.com/blog/wp-content/uploads/2009/07/fs_logo_lg.gif

Linotype fue fundada por Ottmar Mergenthaler, creador de la famosa máquina de linotipia, en 1886, y ha sido responsable de la creación de fuentes que ya forman parte de la historia, por ejemplo la famosa Helvética de Max Miedinger, la Palatino de Hermann Zapf o la Univers de Adrian Frutiger.


https://commons.wikimedia.org/wiki/File:Linotype_logo.svg


Otras de las fundiciones más conocidas son MyFontsCreative MarketTyperepublic o atiposiendo estas dos últimas españolas.

Os dejo también el link del post de investigación de una fundición digital, en la que os hablo de atipo: Una fundición digital: Atipo


Bibliografía:

6.3. Legibilidad en pantalla

Cuando uno comienza a relacionarse con el mundo del diseño de tipografías, encuentra el hinting. El hinting se encarga de definir exactamente qué píxeles va a utilizar cada carácter tipográfico.

http://letrag.com/imaxes/hinting.jpg

El hinting son las instrucciones de programación complementarias que acompañan a una fuente. Una buena fuente tipográfica tiene muchas instrucciones, es decir, tiene bastante programación.

En una fuente,  aparte de los caracteres, el espacio también tiene gran importancia. El espacio entre caracteres, entre líneas, etc.

Y por último, otra cosa importante que podemos mencionar es la administración de fuentes.
El uso de una fuente no se limita a ser instalada. De hecho, podemos hablar de tres tipos de uso de una fuente:

-       En primer lugar, su instalación permanente.
-       En segundo lugar, su carga temporal, es decir, instalar fuentes de forma temporal.
-       Y por último, incrustarlas, es decir, no disponemos de esa fuente, no la tenemos en nuestro ordenador, pero se puede utilizar en un documento o  archivo determinado.

6.2. Las fuentes tipográficas

Existen dos tipos de fuentes tipográficas: Los mapas de bits y las vectoriales.


Las primeras que aparecieron fueron las fuentes Bitmap, que eran tipografías pensadas para su uso en ordenadores. La tecnología avanzaba rápidamente, por lo que se empezó a demandar fuentes con una mayor resolución. Con la creación del primer sistema operativo Windows, esas tipografías eran ya insuficientes, por lo que se comenzó a pensar en un sistema de carácter vectorial. La primera imagen vectorial que hubo fue la “A” de Adobe.

En este periodo, lo habitual era que las fuentes tuvieran dos formatos: el punto PFM y el punto PGB. Y se tenía que diseñar cada carácter para cada tamaño.

Para conseguir esa mayor resolución que demandaban, apareció la técnica Antialiasing, que se trata de un sistema informático que disimulaba las bruscas curvas añadiendo píxeles alrededor de tonos medios.

http://blog.revolution-computer.com/wp-content/uploads/2015/02/untitled.jpg

Y llegamos a los formatos vectoriales. El primero de ellos, como he dicho antes, fue la “A” de Adobe.

El sistema postcript de Adobe tuvo mucho éxito.

Pero, a comienzos de la informática todo era muy hermético, existía un gran secretismo desde el punto de vista comercial, por lo que Microsoft y Apple tenían que pagar por los derechos del postcript de Adobe para poder utilizar las fuentes en sus sistemas operativos.
Debido a esto, decidieron inventar otra alternativa, las True Type, en 1991. A diferencia de los postcript, los True Type tienen más nodos y más resolución que los anteriores.

Además de todo esto, existía una última alternativa, que era la tipografía OpenType, de Adobe y Microsoft.

Hasta ese momento, las tipografías eran para una plataforma en concreto. Pero, a partir del año 2000, Bill Gates sintió que tenía que revolucionar el mundo digital y creó un formato multiplataforma, abierto y disponible para cualquier sistema operativo.
Este formato, que era el “.otf”, utiliza el sistema Unicode, que permite incluir una cantidad de caracteres muchísimo mayor que otros formatos.

6.1. Concepto de tipografía digital

“La era digital ha supuesto una verdadera explosión en la tipografía. En unas pocas décadas, se han diseñado más tipos que en la historia anterior de la tipografía” 
– Wilhide, Como diseñar un tipo.

Esto podemos afirmarlo tanto si nos referimos a cualquier otra cosa, después de avances como la informática o la fotografía.
En épocas anteriores no creaban tantas fuentes como hoy en día, por lo que era mucho más fácil determinar cuáles eran las más importantes.

Para recordaros el origen de la tipografía, os dejo el link de un post anterior en el que ya hablamos de ello: 2.4. La tipografía digital

¿Qué es una fuente digital?
En principio podríamos pensar que una fuente digital es el conjunto de caracteres de una tipografía, pero además, desde el punto de vista técnico es un software.
Y, ¿por qué es un software?
Es un software porque aparte de contener esas formas vectoriales, contienen también elementos de programación. Son software sencillos, que no pesan mucho.

Algunas de las características de una fuente tipográfica son:
      -          Contienen caracteres alfabéticos, numerales, signos de puntuación, ligaduras y caracteres especiales, pero también tiene elementos de programación.
      -          Suelen ser familias tipográficas, es decir, incluyen la versión cursiva, la versión negrita, etc.
      -          Tienen elementos gráficos comunes, es decir, sus distintas versiones se parecen entre sí. Los elementos comunes pueden ser la altura de x, los remates, la modulación, etc.

Y por último, os hablaré de los gestores tipográficos.

“ATM DeLuxe, Extensis Suitcase u otros programas de gestión de fuentes, realizan múltiples tareas: rasterizan fuentes para su visualización en pantalla sin presentar el defecto de escalonado, instalación y desinstalación de las mismas y herramientas de creación de grupos de fuentes y activación y desactivación de estos”. 

http://www.unostiposduros.com/gestion-de-fuentes/

Bibliografía:


martes, 5 de enero de 2016

Merry christmas and happy new year ♥


















Hola, hola, amiguitos de Blogger. ¡¡¡FELIZ 2016!!!

Esta vez, Miss Serif os escribe para felicitaros la entrada del nuevo año, y para desearos lo mejor. Pero no lo digo por decir, lo digo de todo corazón.
Deseo que este 2016 sea aún mejor que todos los años que ya habéis vivido, deseo que en él cumpláis el mejor de vuestros sueños, que os enamoréis, que conozcáis gente nueva, que viváis experiencias geniales, que os queráis más que nunca y os sintáis orgullosos de lo que sois.

Yo, del 2015 me llevo todo lo que he aprendido, tanto en clase, como de la vida misma, la gente tan genial que he tenido la oportunidad de conocer, en especial mis compañeros de clase, todos y cada uno de los momentos que he vivido junto a ellos, que en parte me han hecho ser como soy hoy, y todo lo que me han ayudado, la suerte de que no me falte nadie, la salud, la independencia, y el nueve que he sacado en el tema cinco de tipografía, jajajajajaja.

Espero que hayáis sido muy muy buenos, que no hayáis cometido muchas faltas de ortografía, y que los reyes magos sean generosos con vosotros.


Hasta muy pronto, amigos. Y ya sabéis, no os olvidéis de entrecomillar y poner las fuentes de referencia en la bibliografía. ;-)