Fe2O3 Glifs. Un Experiment magneto - tipogràfic

Fe2O3 Glifs no és només una font d'ornaments.
Al 2015 el Tipògraf Craig Ward el i fotògraf Linden Gledhill van fer Fe2O3 Glifs, una tipografia ornamental produïda al sotmetre el ferrofluïd a camps magnètics.
De la imatge aconseguida dels camps magnètics als vectors i d'aquí a la impressió tipogràfica també amb ferrofluid a la tinta. Un experiment tipogràfic i una font que tanca un cercle amb símbols sorprenents.

To form the glyphs, a tiny amount of ferrofluid was placed between two glass plates and subjected to a combination of spinning vertical and horizontal magnetic fields. The result is an array of complex hieroglyphics and shapes - each one as unrepeatable as a snowflake - that simultaneously call to mind ancient indigenous markings or symbols from science fiction.
These complex symbols were traced as vectors and cast as a moveable type printing system, combinations of which will be used to create a series of unique, one of a kind, letterpress prints, where no arrangement of glyphs is ever repeated. To bring the project full circle, these prints will be created using a mix of actual ferrofluid and pure Pantone Black.


Títols de crèdit del Festival OFF 2015

A finals de l'octubre del 2015 es va celebrar a Oporto la quinzena edició del Festival OFFF d'art digital, creativitat i innovació.
Els crèdits els va crear bif, dels dissenyadors Jules Janaud i Fabrice Le Nezet.
L'aportació tipogràfica pot resultar irrellevant al costat dels moviments de les "altres" persones. Però quina estratègia seguir per adjuntar o integrar el text a les imatges?



OFFF Porto Main Titles from bif on Vimeo.

La cal·ligrafia no és per covards


Classe de tipografia "Creació d'alfabets". Estudis de Gràfica Publitària a l'Escola Algueró.

Escollir tipografies: de American Type Founders fins a discover.typography.com

L'Equip de Hoefler & Co.  ha publicat discover.typography.com  per mostrar una sèrie de fonts d'una manera molt original.

imatge de la pàgina d'inici






















A l'abril de 1897 la companyia American Type Founders publicava també el seu catàleg de tipografies uns altres temps, diferents...
https://archive.org/stream/specimensofprint00amerrich#page/n13/mode/2up









En http://archive.org  amb la recerca  Internet Archive Search: printing types
es poden trobar altres mostres de catàlegs tipogràfics o "specimens of printing types"


Tipografia i audiovisual: Nominacions 2014 Premis Emmy títols de crèdit

Les sèries seleccionades en aquesta edició:
  • Black Sails
  • Masters of Sex
  • Silicon Valley
  • True Detective
  • A Spacetime Odyssey
2014 Emmy Nominations for Main Title Design — Art of the Title
























Emparellar tipografies




Un joc per ajudar-te a emparellar fonts. La pàgina de recursos és molt completa.

Type Connection



Wert: Castigat sense kerning

Una de les avantatges de la tipografia digital és la de poder controlar parelles de lletres que, per la seva forma, al ajuntar-se necessiten d'un ajust. Així el tipògraf (el creador de la tipografia) disposa de taules on poder ajustar aquests espais entre lletres moltes vegades excessius. A aquesta compensació entre caràcters l'hem denominada tradicionalment amb  l'anglicisme Kerning.
Els següents exemples són escànners d'un anunci i de titulars de notícies de portada de diaris en que s'observa l'oblit d'aquesta norma tipogràfica. Evidentment la immediatesa de la premsa escrita descarta la compensació manual de tots els casos...En el cas de l'anunci ...(esperem mai no ens passi a nosaltres!!!)
Els exemples ens han de servir per repassar una i mil vegades tots els titulars que surtin  de les nostres mans perquè compondre un línia de text vol dir ajudar al lector a que entengui la paraula i la frase.

S'intenta:
  1. Escollir una tipografia amb taula de Kerning.
  2. Assegurar-nos que està activat al programari.
  3. En cas contrari observar si el programa de composició té opcions en aquest sentit. Programes com Adobe Indesing (Opció Kerning òptic) en tenen.
  4. Fer-ho manualment
Exemple 1:
Anunci 1 pàgina
Anunciant: Línea Directa









Exemple 2:
Titular
Publicació:ARA







Exemple 3:
Titular
Publicació: El Pais











Exemple 4:
Titular
Publicació: LA VANGUARDIA










Exemple 5:
Titular
Publicació: LA VANGUARDIA



Catàleg tipogràfic

És el mateix catàleg tipogràfic en dos formats diferents:

Pàgina web interactiva

http://www.veer.com/ideas/typecity/gallery.aspx




















En format PDF



¿Font o Formatge?




És el nom d'un formatge o d'una tipografia?
Clic per jugar:
http://cheeseorfont.com/

La xarxa mata el logo de la Universitat de California



Després de 144 anys La Universitat de Califòrnia (10 campus, 220.000 alumnes)  re-dissenya el logotip i tot seguit la mobilització de la comunitat a les xarxes provoca la retirada del projecte.
El vicerector va signar la renúncia a l’ús del logotip el passat 12 de desembre per diverses raons.
Política: Els Campus amb una marca molt arrelada (UCLA, Berkeley ...), veuen al nou logotip com una intromissió.
Metodològica: Els processos creatius a l'entorn d'entitats d'aquesta mena no es poden treballar només des de comissions d'especialistes.
Estètica: Diuen que sembla la taça d'un wc vist en picat.
Tot plegat s'ha entès com una operació de màrqueting sense sentit...
Aquest és el vídeo promocional de la "nova-vella" imatge:

5 tapes + 5 de Garamond

5 TAPES + 5 de GARAMOND
Bon 2013
Feu clic a l'imatge per tastar les Garamond





La llet cal·ligràfica

Font game, un joc per reconèixer famílies tipogràfiques
aquí va una pista: aquesta no és la llet cal·ligràfica.
Clic a la imatge per jugar
Imatge del joc font game


Numeració automàtica de Tiquets, entrades o loteria amb Indesing. Dades variables.

  1. Prepar el document indesing format de paper i marges per l'impressora corresponent..
  2. Preparar el document amb la informació variable: els números. A partir d'un document excel desat amb format csv.(una columna de números) En aquest exemple s'ha fet servir un .txt adjunt en aquest enllaç: https://docs.google.com/open?id=0BzFX_cc0zGtkVkhYb016NlVRWHc
  3. Realitzar la unitat (p. e. un tiquet) a la pàgina mestre del document indesing . Els duplicats (la imposició) dins el format la proposarà el mateix indesing  més endavant.
  4. Afegir una caixa de text a sobre  per col·locar el número. És important que la caixa mesuri tota la superfície del tiquet. La col·locació del número dins el tiquet i els marges a la caixa es poden variar a (control-b). Aquest pas es desenvolupa també a la pàgina mestre.
  5. El cursor intermitent sobre la caixa del número.
  6. Treballaren a la paleta "Combinación de datos" que està a Menú: Ventana, Utilidades, Combinación de datos. Desde el menú d'aquesta paleta carreguem el document dels números:


A continuació clic a sobre del document que s'ha carregat i apareix el senyal:














Aleshores es desplega des de la mateixa paleta el menú Crear elemento combinado:

















Menú Registros
Amb Previsualizar maquetación de registro múltiple i aquestes opcions (registros múltiples) es veu la posició dels números.

Al menú Maquetación de registro múltiple d'aquesta mateixa paleta es pot ajustar la posició de les caixes dels números.

Al menú Opciones es gestionen les imatges dins el tiquet amb opcions de col·locació, vinculació i altres de genèriques.

Al clicar a OK es generen les pàgines necessàries per als números de la base de dades.

Una mostra: Un Document SRA3 (45 x 32 cm) un DIN A7 amb 2 mm de sang. (Carrers de 4 mm). (16 unitats per pàgina)
és un pdf realitzat de la primera pàgina del document indesing.

Veure la mostra:
Prova Tiquet A7-1



Jugar al kerning i a les formes

KERNTYPE a kerning game

Per practicar el kerning feu clic a l'enllaç o a la imatge:
Sort!
http://type.method.ac/#




SHAPE TYPE  a letter shaping game

Formes: Com van els "handles":
http://shape.method.ac/

Kerning

Exemples de kerning.


http://www.thedenveregotist.com/editorial/2012/july/23/50-shades-bad-typography


Selecció d'articles sobre tipografia

Selecció d'articles sobre tipografia  que s'han publicat en Smashing Magazine als últims anys.

http://www.smashingmagazine.com/typography-guidelines-and-references/#a1


The same newspaper as above, but highlighting the vertical text (orange) and the horizontal text

Aparadors amb paraules

Aparadors fets amb paraules a Londres...

Anar a l'article i les fotografies...

Tipografia i volum

Rubicon: tipografia i línies

Els títols de crèdit d'una sèrie de televisió. El procés creatiu està explicat a la mateixa pàgina amb imatges dels story boards.
Per veure els títols de la sèrie:
R U B I C O N

Q: una letra que trae cola

Q: una letra que trae cola de Huib Billiet Adriaansen

Un article d'història de la tipografia de Huib Billiet Adriaansen a través del forat de la lletra Q: preciós.

"Podría definir este artículo como un pequeño recorrido gráfico por la historia de la letra Q. Pero, ¿por qué escoger precisamente esta letra del alfabeto?..."

Lletra inicial d'un comentari de Vergillo,
dibuixada por Bartomeu Sanvito de Padova,
Roma, entre 1483 i 1485.



40 fonts lliures a Smashing Magazine

 Desde la revista recomanen tipografies pel disseny professional: provem-les.

http://www.smashingmagazine.com/2007/11/08/40-excellent-freefonts-for-professional-design/




Show us your type

Cartells tipografia i ciutat.
Un projecte sobre tipografia i ciutats. Una revista digital amb aportacions de dissenyadors gràfics d'arreu. Les ciutats visitades: Barcelona, New York i Berlin i Hong kong... L'enllaç a Barcelona:

http://www.showusyourtype.com/BARCELONA/index.php#left









Typography basics: Anatomy of letterforms

Manual bàsic sobre la anatomia de la lletra tipogràfica, en anglès. Anatomy of Letter Forms

Partició de línies de text amb Adobe Indesing

Diferències entre “Modo de composición de párrafo de Adobe” i “Modo de composición de línea única de Adobe”.




A l'hora de compondre un text en Indesing s'ha de seleccionar una d'aquestes opcions de paràgraf que configuren com el programa talla les línies.
El model de composició de paràgraf considera totes les línies compreses entre els símbols com una unitat a compondre. Dit d’un altre manera, no s'estableix la partició definitiva de les línies fins que no es marca el final de paràgraf.
En canvi, si escollim l'opció línia única les particions es calculen tenint en compte la línia. Aquest és el mètode tradicional de composició.
En el document pdf següent es veu un exemple de com funcionen aquestes opcions.
comparativa_composició
¿Quin és el mètode correcte?
Si el treball que estem fent ha de passar per un procés de correcció ortotipogràfica es aconsellable utilitzar el mètode de línia única. Així evitem que el programa faci noves particions en línies ja corregides. En cas contrari el corrector està obligat a repassar interminables vegades si totes les particions són correctes. En certa manera deixem el poder definitiu de la partició de línies als algoritmes del programa.

Si són paràgrafs curts de caire publicitari i el corrector està avisat d'aquestes possibles disfuncions en el procés de publicació, Adobe explica que els algoritmes de partició del mètode paràgraf són més complets i la compensació entre paraules és més acurada.

S'ha de remarcar la importància de conèixer aquest aspecte del programa ja que per defecte el software opta per la opció "Modo de composición de párrafo Adobe". D'altra banda el sistema de composició actua en tots els tipus de paràgraf estigui o no activada la separació de síl·labes.

Per acabar un cas pràctic:
El responsable de la composició i compaginació de la novel·la de Gabriel García Márquez El otoño del patriarca és evident que utilitzarà un dels dos sistemes... quin i perquè?

SXSW Film Design Awards: Excellence In Title Design

Títols de crèdit de la pel·lícula Enter de Void
Especial Jury Award: Enter the Void
Designer: Gaspar Noé and Tom Kam

Projecte tipogràfic La Vulgata

Un curtmetratge de PILLOWFACE Press. Mostra el procés d'impressió tipogràfica d'una pàgina de La Vulgata.
"Els meus intents de creació i impressió d'una pàgina (en realitat només un fragment d'una pàgina) de la Vulgata llatina amb tipografia. Els subtítols estan en rus."

Logorama. Marques i logos als Oscar 2010

Fotogrames Logorama

La empresa francesa H5 ha fet un curt d'animació nominat als Oscar 2010. En un escenari esbojarrat (Los Angeles)  els edificis, carrers i cotxes són representats per tot tipus de logotips; els personatges: els Pringle's del bigoti, el señor Michelin i la noia Esso. Un univers tipogràfic i comercial que fa posar els pels de punta més enllà de la crítica fàcil al consumisme. Si a l'Edat mitjana la marca reconeixia als convictes i els marcava com els dolents, avui dia ja pots plorar si no tens un logotip que mostrar al món i és que no hi ha món
sense marques.


Més informació a Los Angeles Times
i a la pàgina oficial www.logorama-themovie.com

FontShop publica Fontstruct: un portal per generar fonts

logo fontstructFontstruct és un portal web (al que només cal inscriure's amb un compte de correu) que facilita un programa on line per construir caràcters. La interfície és molt intuïtiva i es pot convertir en una eina didàctica sota el paraigua de l'artesania tipogràfica.
Fontstruct permet crear fonts, el programa dibuixa cada caràcter amb formes geomètriques diferents que, com si fossin píxels o daus, es col·loquen sobre una retícula.
El portal anomena FontStructions a les fonts resultants i FontStructor a l'editor que construeix els caràcters.editor de tipografies
Una vegada s'ha completat el treball, es generen fonts TrueType, per utilitzar en aplicacions Mac o Windows.
Es poden compartir les fonts, a més s'inclou un widget per mostrar les FontStructions en el blog o el lloc web de l'usuari.

el rètol d'Auschwitz,

Rètol a l'entrada al camp de concentració i extermini Auschwitz 1
B cap per avall















Un article molt interessant de Quim Monzó a la VANGUARDIA:
El letrero de Auschwitz


"Colocar al revés una imagen es lo único que queda cuando no hay otra forma de protesta"
de Quim Monzó

sexe i tipografia: la petite mort

No cal fer servir més lletres.
Una font fina de pal sec amb molt sentit del ritme acompanya un orgasme tipogràfic femení.


títols de crèdit de TV3 i BBC tipografia arquitectura

Fotograma A la presó
Fotograma How to built Britain

Hem vist dos casos de tipografia en tres dimensions en sèries de televisió. En el programa de TV3 A la presó, la tipografia gris es fon amb la monotonia sòrdida dels murs de les presons . Al contrari, la lluminositat i els colors protagonitzen unes lletres com edificis en la sèrie de la BBC How we built Britain on les majúscules es fan protagonistes.

MERCADONA: Frankfurter vs Berliner

El logotip de MERCADONA construit amb la tipografia Frankfurter:
logotip mercadona en una façana







El logotip de FORN MERCADONA dissenyat amb la font Berliner:
Display del logotip forn mercadona
Frankfurter i Berliner
Psicoanàlisi tipogràfic. Casualitat? Com és possible que el nom de dues tipografies de logotips de Mercadona corresponguin al nom de dues ciutats alemanyes?
Qué diria Freud de la forma de falla valenciana que té la Frankfurter, del humit i sinuós perfil de la Berliner, i la dona que va al mercat?

Bored to Death

títols de crèdit de bored to death

Títols de crèdit d'una sèrie de televisió Bored to Death de HBO, les lletres d'un llibre formen les imatges dels personatges.

Tipòmetre de l’Institut d’Estudis Catalans

Tipòmetre de L'Institut d'Estudis Catalans El tipòmetre és una eina imprescindible en el procés de producció de les indústries gràfiques (edició, disseny, preimpressió, impressió i postimpressió). Manual d'ús del tipòmetre editat per l'I.E.C. en format PDF

Josep M. Pujol, de lectura obligada


L’escriptura tipogràfica, 1. La font digital
Amb aquest article i el següent, Josep M. Pujol vol proporcionar-nos els principis bàsics per treure un rendiment òptim de les fonts digitals i facilitar-nos-en l’ús adequat. En aquest primer capítol repassa i compara les possibilitats de les fonts de l’entorn PC amb les de l’entorn Mac.

L’escriptura tipogràfica, 2. Tipografia de qualitat
En aquest segon lliurament, Josep M. Pujol explica l’ús adequat dels signes de la font digital: els requeriments de la font exigibles per al català, la ela geminada, la gestió del multilingüisme i el protocol dels guions i els guionets, les cometes i altres signes auxiliars de l’escriptura tipogràfica.

Web per aprendre i ensenyar tipografia

Capçalera thinking with typeUna pàgina web dedicada a la tipografia en anglès recomanable per alumnes i professors tipofílics. Amb recursos molt interessants. Explica, amb mini-jocs, dos dels crims tipogràfics més estesos: l'us de les falses cursives i de les cometes neutres.

British standards classification of typefaces (BS 2961:1967)

British standards classification of typefaces (BS 2961:1967)
Una clasificació de les tipografies propera a la de Maximilian Vox
Document pdf.
British Standards Classification of Typefaces

Tipografia per tot arreu

Backspace episode 1 - FLOAT
Lletres que suren pel cel de Melbourne, un motion graphics fet amb After Effects de Stephen W.

Jugar amb les lletres

A de Peter ChoPeter Cho ens convida a jugar amb les lletres: cada lletra un món per divertir-se. Tipografia interactiva.

Classificació de les tipografies segons François Thibaudeau

El professor de la Universitat de Màlaga, Facultat de Comunicació, Fran Cruz mostra en aquest document pdf la classificació de les tipografies que al 1921 va proposar el tipògraf francès François Thibaudeau.
Diseño_tipográfico_Clasificación_Fran_Cruz

Per identificar fonts

logotip identifontA partir d'una sèrie de preguntes sobre l'anatomia de la família el portal retorna el nom de la tipografia o semblants.
En el cas d'haver de identificar un text amb una col·lecció reduïda de lletres (un logotip) es poden escriure a la casella inferior.
Adient per aprendre els elements principals dels tipus en anglès.

Una adreça per reconèixer famílies

Envies una imatge de la tipografia identifiques els caràcters i et torna el nom de la tipografia.
Si l'encerta!
WhatTheFont! « MyFonts