TEXTURA EN
TYPOGRAPHIE CALLIGRAPHIQUE ANIMÉE
LICENCE PROFESSIONNELLE DESIGN GRAPHIQUE MULTIMÉDIA / JULIEN PENNANEC’H / 2010
TEXTURA EN
TYPOGRAPHIE CALLIGRAPHIQUE ANIMﾃ右
Avant propos
Partie 1
Analyse, recherches, documentation sur La planche de Bergomensis et les Texturas. L’approche analytique du travail, qui m’a permit de comprendre comment sont construites les lettres.
Partie 2
Transcription de la planche scannée en alphabet vectorisé. Grâce aux principes de typographie et des recherches sur la textura, je propose une version typographique du caractère, que j’intitule la « Bergomensis»
Partie 3
Travail et documentation sur la calligraphie, rencontre avec Michel Derre, travail sur la transcription du tracé calligraphique en simulation numérique. Documentation et recherche sur le Ductus.
Partie 4
Définition de la charte graphique du support flash, travail sur l’ergonomie, la temporalité, et les possibilités données à l’utilisateur pour utiliser le « simulateur » de calligraphie. Conclusion Bibliographie Glossaire 6
7
on projet personnel se base sur l’étude d’une couverture de manuscrit du 15e siècle. Il sagit d’un texte latin écrit en caractère textura par J.P. Bergomensis. J’ai d’abords étudié les caractéristiques communes des différentes versions de la textura dans plusieurs sources, pour reconstituer l’alphabet de cette composition calligraphiée. Le travail est dans un premier temps de faire une transposition, une réinterprétation de ce document en une typographie vectorisée. En prennant compte du tracé des courbes, de l’harmonie, de fondamentaux liés à la typographie, l’intérêt est de passer un caractère ancien reproduit sur papier au numérique. partir de cette base de caractères vectoriels, le projet consiste à représenter graphiquement sous forme d’animation le tracé calligraphique des lettres. 8
Cette animation se base sur une réelle étude de la calligraphie, elle montre la construction, le dessin de la textura, avec une prise en compte des règles du ductus (l’ordre selon lesquels les lettres se dessinent). es animations sont ensuite intégrées dans une fonte, l’utilisateur pourra ainsi écrire au clavier quelques phrases, et lancer une animation ou les mots en textura apparaitront, calligraphiés en temps réel. Les approches, intermots, interlettrages ou interlignes entres les lettres sont gérées automatiquement par le système. Le programme prend la forme d’un simulateur, ou l’on peut écrire, et voir le dessin calligraphique des lettres. Des règles de composition prédéfinies imposeront toujours une image finale en rapport avec les ouvrages d’époque.
y personal project is based on the study of a cover in a manuscript of the 15th century. It’s a Latin text written in textura letters by J.P. Bergomensis. I studied on the characteristics in various versions of textura in several sources, to reconstitute the alphabet of this calligraphic composition. First, The work is to make a transposition, a interpretation of this document in a vectorisation typeface. With a consideration of curves, harmony, typography’s rules, the aim is Pass of a historic form reproduced on paper in a digital form.
f
rom this base of vectoriels characters, the project consists in representing with animation the calligraphic letters’ plans. This animation will be based on a real study of the calligraphy, it will show the construction, the drawing of textura, with a consideration of the ductus’ rules (order of
drawing of the letters).
his animations will be joined in a typeface, the user can so write in the keyboard some sentences, who launch an animation where the words in textura appear, written in calligraphy real time. The approaches, the interwords, the letter spacing or the line spacing will be automatically adjusted by the system. The program will take the shape of an editor, where we can write, to make a layout and make illuminate. Predefined rules of composition will impose a final image in touch with history.
9
Partie 1
a base de mon travail s’est faite sur la planche présentée dans le livre Treasury of Alphabet and Lettering intitulé « De plurimis Claris etc. Mulieribus ». Cette planche nous montre une composition calligraphique en textura de Jacobus Philippus Bergomensis. C’est une couverture du livre De plurimis claris selectisque mulieribus. Gravé sur bois, Bergomensis s’est basé sur une production calligraphique à la plume dont l’auteur est inconnu. Bergomensis s’est permis de préciser son tracé dans une esthétique plus ornementale qu’une textura de labeur. En effet le nombre de mots étant assez succins, il a pu penser une composition et une mise en page pour ce texte, ainsi qu’un système de fioritures & d’enlumi10
nures dans la structure même de la textura. Ce caractère est donc d’une certaine manière unique en son genre. La phrase complète en latin est : De plurimis claris sceletis [sic] q[ue] mulieribus : opus prope diuinu[m] nouissime congestum. Cette phrase veut dire approximativement « Parmis les nombreux ouvrages qui traitent de, anciens / de petits ouvrages / d’histoires rapportées ou récoltées / rapport à la femme ». Le texte est mis en page sur la base d’un losange, avec les sommets dessinés en enluminures. J’ai choisi cette base de travail notamment pour la richesse du caractère, ce qui me permet de créer une animation entre la typographie, la calligraphie, et le graphisme.
Textura, J.C. Bergomensis, 1497, gravure sur bois
11
e caractère utilisé par Bergomensis est une écriture gothique appelée la Textura. Afin de connaitre le sujet et de pouvoir comparer les différentes textura, j’ai effectué un travail de documentation et de recherches. Il existe 6 formes de caractères dans l’histoire des gothiques ; la Primitive (IXe - XVIe siècle, qui découle de la caroline), la Textura (XIIIe - XVe siècle), la Rotunda (XIVe XVe siècle), la Cursive (XIVe siècle), la Batarde (XVe siècle) puis la Fraktur (XVIe siècle). La textura est probablement la plus utilisée et la plus représentative du Moyen Age. Elle se caractérise par des jambages hauts & serrés, la notion de formes / contre-formes y est très présentedans les interlettrages. Pour une personne européenne habitué à lire l’écriture latine classique, la gothique textura donne un effet de trame qui m’a interpellé dans un rapport au graphisme. L’ouvrage de Jan Tsichilchold « Treasury of Alpha12
bet and Lettering » a été ma principale source de documentation pour comparer les différentes versions de Textura. Après mes recherches sur la calligraphie, il semble que les moines copistes de ces époques écrivaient avec certaines règles d’écriture, mais qu’ils pouvaient aussi s’en libérer et en jouer. L’apparition des gothiques n’est pas comme le veut la conscience populaire né uniquement en Allemagne, c’était la graphie européenne pendant une très longue période (du IXe au XVIe siècle soit près de 700 ans). C’est aussi un caractère intimement lié à l’esthétique architecturale gothique (le rapport plastique entre les jambages des lettres et les alcôves des églises gothiques est assez visible). Cette esthétique est aussi liée à des aspects financiers, le parchemin étant cher, les scribes ont préférés la gothique à la caroline, pour minimiser l’espace des interlettrages, afin de condenser plus de textes sur moins de papier.
Textura, Steffen Arndes, L端beck, 1495
Textura, Koberger, 1493, gravure sur bois
a textura est un caractère aux structures très prononcées. Ses jambages sont hauts, alors que les traverses sont étroites. Ses proportion sont bien définies, et cette écriture peu paraître dure, elle est intimement liée à son outil, la plume. La textura utilise énormément de ligatures (jonction de deux lettres en une seule). Ce qui m’a paru intéressant dans ce caractère, c’est sa relation avec la construction graphique. Dürer le montre bien dans son schéma, (fig.1) la textura s’apparente aisément à l’architecture et au dessin technique. Malgré cela, l’écriture n’est pas figée. Certaines lettres ont des formes qui varient en fonction du contexte (par exemple le « S » en milieu et en fin de phrase). Certaines lettres ont des déclinaisons ingénieuses (fig.2).
14
es capitales sont plus complexes, et annoncent le début de paragraphe, ce sont en quelque sorte des lettrines stylisées.
fig.1 : Albrecht Durër, construction de lettre gothique, Allemagne, 1525.
fig.2 : planche Textura, Michel Derre.
15
figure 1
figure 2
n comparant le travail de Bergomensis à des planches de textura classique, Bergomensis s’est autorisé quelques subtilités notamment cet effet de biseaux et de hampes concaves (fig.1). Un autre travail effectué, Bergomensis a dessiné ses caractères parfois en fonction de son contexte graphique. Par exemple, la boucle du « G » est anormalement disproportionnée (fig. 2) pour rythmer la composition. Cet effet de calligraphie permet de créer visuellement un emboitement des deux mots, une sorte de ligature optique, pour à la fois conserver la mise en page en losange, & à la fois placer le mots « congestium » (fig.3). Il a aussi prolongé les descendantes avec les enluminures qui embelit le caractère. 16
Le Travail d’enluminure à sans doute été opéré après le dessin des lettres. Pour la suite du projet, il est donc probable que c’est la structure de base de la textura qui est tracée, et ensuite les enluminures et autres finitions. On remarque par ailleurs que Bergomensis utilise des ligatures horizontales entre certaines lettres (le G et le E par exemple). Il existe aussi sur la planche 2 types de lettres pour le « S », un S long et étroit, ainsi que le S de fin de mots , plus complexe visuellement.
figure 3
figure 4
17
Partie 2
près avoir identifié la structure type de la gothique textura et l’avoir comparé avec la textura de Bergomensis, il est possible de décomposer la planche en un alphabet. Évidemment, la phrase ne propose pas l’étendue totale de l’alphabet. Il manque certaine lettres qu’il va falloir dessiner, à partir des texturas classiques et des « invariants » graphiques dans le caractère de Bergomensis. Pour la vectorisation, j’ai redessiné chaques lettre en prennant en compte plusieurs principes ; • tenter de retrouver la spontanéité du tracé calligraphique, • agrandir les pointes pour une visualisation écran, • utiliser un maximum de courbes pour éviter les effets de pointes et de droites caractéristiques d’un traitement 18
informatique, • Ne pas utiliser la démarche créative en typographie (notamment l’utilisation de modules copier / coller), pour augmenter l’effet « artisanal ». Ainsi plusieurs versions ont été faites pour les lettres, d’autres redessinées pour garder une unité graphique. L’intérêt à été de proposer une transcription vectorielle de la planche. Les caractères sont donc réinterprétés, en gardant une fidélité à l’oeuvre d’origine.
DĂŠcomposition de la planche en alphabet. Il manque les lettres F,H,J,K,V,W,X,Y
19
DiffĂŠrents essais et crĂŠations typographiques du Bergomensis
20
21
our la création des caractères manquants, je me suis inspiré des nombreuses textura et documents, de la séance de calligraphie avec Michel Derre, et des éléments graphiques récurrents dessinés par Bergomensis. J’ai opté pour la version du « K » étroitisée. Le « Y » reprend le même style de boucle que le fameux « G ». Pour m’aider dans la conception des lettres, j’ai étudié la démarche de Boltana, qui dans son écrit Ligatures & calligraphie assistée par ordinateur explique comment passer d’un caractère calligraphique ancien à la vectorisation numérique. C’est à partir d’un caractère gravé sur plomb que Boltana dessine le caractère « Champion » (une référence dans les scriptes calligraphiques). 22
Il propose alors de nombreuses versions d’une même lettre, afin de rendre l’effet calligraphique. Il propose dans sa fonte plusieurs Majuscules, les petites et grande initiales, et des arabesques. C’est grâce à la multitude de possibilités graphique que le texte vibre comme une phrase manuscrite.
23
Fran¸cois Boltana
Ligatures & calligraphie assistée par ordinateur de Francois Boltana Ligatures & calligraphie assi ´ee par ordinateur
Fig. 3 - Grandes initiales de Champion Fig. 5 - Champion propose un double jeu de minuscules (ascendantes boucl´ees ou droites) et un jeu de lettres m´ediales a` hampes et de lettres terminales en petites arabesques
Ligatures & calligraphie assi ´ee par ordinateur
206
Fig. 4 - Petites initiales de Champion
205
24
Fig. 1 - Calligraphie de Joseph Champion (xviiie si`ecle).
ur Ligatures & calligraphie assi ´ee par ordinateur
Fig. 3 - Grandes initiales de Champion
Fig. 6 - Arabesques flottantes de Champion
Fran¸cois Boltana
Malgr´e la difficult´e de composition que ce principe savant imposait, ce fut une parfaite r´eussite. On peut reconnaˆıtre que Didot avait trouv´e un principe parfaitement adaptable a` l’informatique si celle-ci avait e´t´e de son e´poque. Rien ne nous empˆeche de suivre son exemple. Apr`es presque deux si`ecle d’arrˆet a` cause des difficult´es techniques, les nouvelles technologies permettent d’avancer encore.
Fig. 4 - Petites initiales de Champion
L’utilisateur de l’´ecriture Champion peut jouer aujourd’hui avec plusieurs signes et choisir celui qui convient le mieux a` son travail et a` son goˆut. Un programme informatique ex´ecute non seulement les ligatures mais aussi e´dite les formes qui conviennent selon leur contexte, plus de 1000 combinaisons sont m´emoris´ees suivant les principes que j’ai fix´es, et lib`ere ainsi de toute la partie fastidieuse du travail. Le cr´eateur parach`eve ensuite la composition en fon ion de ses exigences.
205
Il existe donc sur la machine, trois polices qui renferment les six alphabets que j’ai d´ecrits ainsi que 2 jeux de tables pour permettre l’enrichissement automatique de la composition selon le degr´e d’enrichissement choisi par simple clic. On peut e´galement acc´eder, a` l’aide du clavier num´erique, avec la troisi`eme police, a` un jeu d’arabesques flottantes additionnables a` certains signes afin de compl´eter l’enrichissement (figure 6). Ce qui est fabuleux avec l’instrument informatique c’est que rien n’est fix´e. Sur la page e´cran on peut modifier, enrichir la composition a` tout instant ; on peut agrandir, changer, voire d´eformer l´eg`erement chaque signe ou l’ensemble de la composition, jouer avec la couleur, contrairement a` ces fabuleuses calligraphies sur papier ou grav´ees sur plaques de cuivre d´efinitivement fig´ees. 207
5
Fig. 7 - Po`eme de Rimbaud pour l’anniversaire de sa mort, compos´e en Champion
25
Pour ces travaux typographiques, je me suis inspiré du travail de Jonathan Perez, qui a réinterprété un caractère ornemental en plomb ancien pour en faire une typograhie de motif. Par l’agencement de lettres, on obtient des motifs complexes et inépuisables. Le design graphique est simple & rigoureux.
26
27
Cadence, de Jonathan Perez
YU YU JNJNJNJN TJ N X L ZP V PLPLPLPL SW SW A N
O R N A M E N T A L
C
A
F R O M
D
E
N
F O N T
C
E
T Y P O G R A P H I E S . F R
YYYYYYYY 11111111 12121212
CADENCE 1
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
S
T
U
V
W
X
Y
Z
1
2
3
4
5
6
7
8
T
U
V
W
X
Y
Z
4
5
6
7 8
S
CADENCE 2
CADENCE 1
CADENCE 2
CADENCE 1+2
1
2 3
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
S
T
U
V
W
X
Y
Z
1
2
3
4
5
6
7
8
T
U
V
W
X
Y
Z
�
1
2
4
5
6
7 8
S
CADENCE 3
�
3
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
S
T
U
V
W
X
Y
Z
S
T
U
V
W
X
Y
Z
�
�
�
�
�
�
�
�
�
j
k
l
m
n
o
p
q
r
s
t
u
v
w
x
y
z
j
k
l
m
n
o
p
q
r
s
t
u
v
w
x
y
z
AAA
J
AAA
J
6 B A S I C G LY P H S + 9 0 VA R I A N T G LY P H S = 9 6 G LY P H S T O C O M B I N E E A S I LY IN 3 FONTS
S
AAAAAA1
Partie 3
Après avoir finalisé les lettres vectorielles, le principe du projet est de simuler leur tracé calligraphique sur flash, dans un contexte vraiment réaliste. Le but c’est que le la lettre se dessine à l’écran comme le calligraphe dessine le caractère sur le papier. J’ai pour cela collectionné de nombreuses planche de « Ductus ». Le Ductus représente l’ordre et la direction selon lesquels on trace les traits qui composent la lettre. Il se représente par des shémas et des flèches numérotés en fonction du temps. Le ductus le plus pertinent (fig.1) est celui édité par Claude Mediavilla. C’est avec ces indications que j’ai créé les animations. D’une manière générale, pour la textura, la plume trace du haut vers le bas, avec deux types d’attaques (45° et 30°) La proportion 28
de la lettre se base sur le nombre de « becs de plume » (environ 5 et demie pour la textura) Les animations se basent sur les lettres de Bergomensis bas de casse. D’autre part, l’animation de prend pas en compte l’effet buvard du papier sur l’encre quand la plume trace la lettre. Cela pertuberai la visibilité du ductus et parasiterai l’animation.
LA GOTHIQUE TEXTURA – XVème SIECLE
le ductus de textura du 15e siècle, Mediavilla.
29
5
« Restauration numérique », Jean Baptiste Levée
« le francesco », Franck Jalleau
À partir du forum letypographe. fr, j’ai contacté le typographe Jean Baptiste Levée. Ce dernier m’a recommandé à Michel Derre, professeur de calligraphie à l’école Estienne de Paris. Michel Derre est reconnu pour son travail de calligraphie. J’ai eu un entretient téléphonique sur mon projet, qui l’a intéressé. L’intérêt de rencontrer Michel Derre était d’avoir un avis extérieur et avisé sur mes créations typographique, et de profiter de son tracé calligraphique expérimenté avec enregistrement vidéo. Par chance, était présent Franck Jalleau, professeur et typographe qui à designé récemment le « Francesco », une typographie numérique basée sur…une calligraphie ancienne renaissance. 30
Cet entretien m’a permis de repenser et mieux dessiner les lettres de Bergomensis, afin d’être le plus précis possible. Jean Baptiste Levée a lui aussi créé une typographie basée sur un ancien caractère, l’acier de Cassandre intitulé « restauration numérique ».
Extrait de la vidéo tournée pour l’animation des lettres, calligraphie de Michel Derre, école Estienne.
31
Partie 4
L’objet graphique final est donc une application flash. D’un point de vue technique, il sagit d’un programme codé en action script 2, qui fait intervenir la banque d’image animée (les 26 lettres de l’alphabet vectorisé). Mes choix de mise en page sont surtout fonctionels, pour mettre au premier plan le dessin des lettres. L’utilisateur peut écrire au clavier une phrase, en se référent aun module de clavier graphique. Il est informé du nombre de caractère qu’il peut utiliser, afin de limiter le nombre de mots. Car il sagit bien d’une typographie de titrage, et non de labeur.Le principe de l’application est à la fois graphique, (avec le réinvestissement du caractère dans un graphisme actuel), et pédagogique (l’animation indique comment les lettres étaient autrefois calli32
graphiées). • L’application repose donc sur l’ utilisateur, qui est invité à écrire des mots. • Dans un 2e temps, les lettres dessine la structure de base de la textura en suivant de ductus. • Quand le texte atteind le maximum de caractère par ligne, ou que l’utilisateur appuie sur « entrée », on assiste à la deuxième partie de l’animation, qui est l’enluminure et la finition des lettres. • L’utilisateur peut relancer le programme à zéro et ainsi écrire à nouveau.
1m 2m 3m
page d’accueil / préchargement
TEXTURA EN
TYPOGRAPHIE CALLIGRAPHIQUE ANIMÉE
le programme « simulateur de calligraphie »
2 TEXTURA EN TYPOGRAPHIE CALLIGRAPHIQUE ANIMÉE
CARACTÈRES DISPONIBLES :
A Z
3
E R
T Y U
I
Q S D F
G H J
K L M
25
O P ENT.
W X C V B N ESPACE
1 1 module clavier (indique à l’utilisateur ses possibilités d’actions) 2 module nombre de caractères (indique à l’utilisateur le nombre de mots) 3 module menu explicatif (sorte d’aide simple)
33
La charte graphique repose sur un principe minimal une couleur / noir + blanc. La typographie d’accompagnement est une Avant garde Gothique (pour sa géométrie et son aspect épuré) Le choix de la couleur se réfère aux couleurs profondes et saturées des enluminures. L’identité graphique de l’application tente de rester discrète et affirmée graphiquement, afin de trouver le juste mileu entre simplicité, actualité graphique, et mise en valeur de la Bergomensis. Ce principe ou la forme typographique est mise en valeur par un graphisme simple & épuré se retrouve dans le travail de la graphiste allemande Judith Schalansky et l’ouvrage Fraktur mon amour.
34
Code couleur :
AVANT GARDE GOTHIQUE
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz
35
Fraktur mon amour, de Judith Schalansky
36
37
Ce projet à été un gros travail d’investigation et de recherche sur un caractère typographique peu connu. Je garde un bilan positif de ce travail car j’ai pu dialoguer avec des graphistes, des typograhes et un calligraphe sur cette typograhie animée. Le projet peut encore être poussé dans la multiplication de caractères conditionnels (rapport à Boltana et Perez), mais le travail sur la calligraphie semble être démontré dans l’animation. J’ai pris plaisir à travailler la typograhie dans la calligraphie, et le graphisme dans l’animation. La finalité du projet a mis du temps à se concrétiser, mais je pense au final avoir parcouru du chemin vers les objectifs fixés. Je pense pousser le travail sur le programme plus loin, pour don38
ner plus de poids à ce projet, qui marque pour moi la fin de mes études. Merci à Michel Derre pour sa disponibilité, Yann Sérandour, Jocelyn Cottencin, Gildas Paubert, Roxanne Joubert, Jean Baptiste Levée, Antoine Blondet & Camille Fillion.
Julien Pennanec’h
Bibliographie Treasury of Alphabet and lettering, Jan Tschchol Fraktur mon amour, Judith Schalansky Calligraphie & Ligatures assistÊes par ordinateur, François Boltana Cadence, Jonathan Perez Ductus textura, Claude Mediavilla Histoire du graphisme & de la typographie, Roxanne Joubert Champ Fleury, Geofroy Tory cours de calligraphie, Michel Derre
39
Glossaire :
Textura : La textura est une écriture gothique utilisée du XIIIe au XVe siècles. ligature : Une ligature est la fusion de deux lettres d’une écriture pour n’en former qu’une seule, considérée ou non comme un caractère à part entière. typographie : la typographie est l’art et la manière de se servir des caractères : choix de la police, du corps, de la mise en page, etc. Si la typographie a presque disparu en tant que technique d’impression, elle se perpétue donc avec l’impression offset et les autres techniques, ainsi qu’avec le numérique. Ductus : En écriture, le ductus est l’ordre et la direction selon lesquels on trace les traits qui composent la lettre.
40
TEXTURA EN
TYPOGRAPHIE CALLIGRAPHIQUE ANIMﾃ右