Les photos du workshop ici
L'objectif est de générer des fichiers de police reconnus par le système d'exploitation (Mac OS, Windows, Linux...), deux formats sont possibles :
- TTF : TrueType FontsTrueType est sans doute le format le plus ancien utilisé sur le Web. Il a été créé à la fin des année 80 par Apple en réponse au format PostScript Type 1 de Adobe.
- OTF : OpenType FontsLe format OpenType Font (OTF) est également un format non compressé. OTF est une évolution de TTF, résultat d’un partenariat entre Adobe et Microsoft. OTF est aujourd’hui enregistré comme une marque déposée de Microsoft mais se trouve sur les Mac et PC sous Windows. C’est un format largement utilisé qui contient plus de 65 000 caractères (écran et impression), ce qui donne pas mal de latitude aux graphistes.
Un peu de vocabulaire pour se repérer :
Travail demandé :
Création de lettres lumineuses en réserve :
Étape 1.
Récupération des fichiers : Dans ressources élèves télécharger le dossier 2CV-lettres-neon.
Télécharger ensuite le dossier 2CV-modeles-typo.
Étape 2.
Préparer les modèles : ouvrir les deux pages de modèles dans photoshop.
Créer un repère pour chaque ligne de gabarit (hauteur de capitale ; hauteur d'x ; ligne de pied ; jambage inférieur)
Sur un nouveau calque : remplir chaque case de noir.
Enregistrer au format natif : lettres-lumineuses-nom.psd ; lettres-lumineuses-nom2.psd
Garder les fichiers ouverts sur photoshop.
Étape 3 :
Ouvrir chaque lettre de l'alphabet néon.
Régler la couleur, la netteté et les niveaux pour optimiser la brillance des néons.
Unifier le fond dans un noir intense.
Sélectionner la lettre avec un contour progressif de 10 à 20 px.
Copier glisser sur le modèle correspondant puis régler les proportions.
(Pour les majuscules : hauteur de capitale ; pour les minuscules : hauteur d'x)
Penser à enregistrer le travail au fur et à mesure.
Étape 4 :
Une fois terminés, exporter les fichiers au format PNG : lettres-lumineuses-nom.png ; lettres-lumineuses-nom2.png.
Les copier dans le dossier rendus-élèves, puis les convertir sur le site CALLIGRAPHR
Critères d'évaluation :
Contraste et brilance
Respect des proportions
Respect des procédures d'enregistrement
Création de lettres en contours linéaires :
Étape 1.
Sur un document illustrator, importer une page de modèles.
Retracer une des cases, l'agrandir et convertir en repère.
Effacer l'image, ne garder que les repères.
Étape 2.
mporter une à une les lettres comme modèle afin de les redessiner.
Attention une seule ligne continue doit permettre l'ensemble du tracé.
Le point de départ doit obligatoirement se situé sur la ligne de pied, au début de la case et l'arrivée sur la ligne de pied, à la fin de la case.
Créer un calque par lettre. Effacer au fur et à mesure les calques modèles.
Étapes 3.
Une fois l'ensemble des lettres tracées,
explorer les effets de contour pour traduire la matérialité du néon.
Étape 4.
Ouvrir les deux pages de modèles dans photoshop.
Copier coller un à un les tracés de lettres effectués sur illustrator.
Enregistrer au format natif : lettres-neon-nom.psd ; lettres-neon-nom2.psd
Les lettres doivent se relier comme des cursives.
Étape 5 :
Une fois terminés, exporter les fichiers au format PNG : lettres-neon-nom.png ; lettres-neon-nom2.png.
Les copier dans le dossier rendus-élèves, puis les convertir sur le site CALLIGRAPHR
Critères d'évaluation :
Qualité des tracés
Harmonie et cohérence des lettres sur l'ensemble
Respect des procédures d'enregistrement
Composition d'un pangramme* :
*Un pangramme est une phrase écrite, employant tous les caractères d'un alphabet.Étape 1.
Ouvrir Indesign et créer un nouveau document.
A4, sens portrait, marges 10mm, pas de fond perdu, pas de via-à-vis.
Étape 2.
Choisir un pangramme parmi les suivant :
- "Jack, vous dactylographiez bien mieux que votre ami Wolf"
- "Celui qui fera la traversée du désert en vélo parmi les zébus les wallabys et les kangourous en jouant du saxophone gagnera la partie!"
- "Ces deux grands zèbres ont bu beaucoup trop de whisky, quand même ils jouent avec le feu." "Mixez goyave, kiwi, pêche : quel bon jus de fruit !"
- "Voyez Watson, Sherlock qui se joue des beaux pièges des malfrats."
- "Il y a cinq kiwis juteux chez moi pour vous badigeonner la face."
Étape 3.
Créer un bloc de texte afin de saisir et composer le pangramme choisi.
Appliquer la typographie néon créée précédemment.
Occuper l'ensemble de la page en privilégiant le dynamisme et l'impact visuel.
Étape 4.
Copier coller le texte ci-dessous, dans un bloc de texte.
Appliquer la typographie néon créée précédemment.
Choisir alignement, justification et césures de manière à favoriser la lisibilité.
Cette typographie a été créée par les élèves de seconde Bac Pro Communication Visuelle Pluri Média, en collaboration avec l'artiste Rémi Groussin, lors d'un workshop organisé par La Station en avril 2019. Artiste et élèves ont réfléchi ensemble et créé une installation pour chaque lettre. Les installations éphémères ont été photographiées puis retravaillées en P.A.O. par les élèves afin d'en faire une typographie.
Dans un dernier bloc de texte ajouter sa signature :
Prénom NOM, 2 CVPM, Lycée Louis Pasteur.
Quelques exemples :
Étape 6.
Enregistrer le document : 2CV-pangramme-nom.indd
Exporter un pdf, puis exporter un png pour le web.
Copier les deux dans rendu-élèves.
