{"id":94,"date":"2015-01-14T13:48:20","date_gmt":"2015-01-14T12:48:20","guid":{"rendered":"http:\/\/lamartinieredesign.fr\/?page_id=94"},"modified":"2023-03-27T18:33:04","modified_gmt":"2023-03-27T16:33:04","slug":"fontlab","status":"publish","type":"page","link":"https:\/\/lamartinieredesign.fr\/?page_id=94","title":{"rendered":"Cr\u00e9er une fonte"},"content":{"rendered":"\n

Voici quelques principes g\u00e9n\u00e9raux qui vous permettront d’utiliser Illustrator et FontLab pour cr\u00e9er une police fonctionnelle.<\/p>\n\n\n\n

1. R\u00e9glages d\u2019Illustrator<\/h3>\n\n\n\n

1.1 R\u00e9gler les pr\u00e9f\u00e9rences d\u2019Illustrator.<\/h5>\n\n\n\n

Sur Mac : Menu Illustrator > Pr\u00e9f\u00e9rences > Unit\u00e9s
Sur Windows : Menu Edition > Preferences > Unit\u00e9s<\/p>\n\n\n\n

a_ R\u00e9gler les Unit\u00e9s<\/h6>\n\n\n\n

-> Pr\u00e9f\u00e9rences > Unit\u00e9s
Tout r\u00e9gler en Points<\/strong> (G\u00e9n\u00e9rales, Contour & Type). Il serait \u00e9galement acceptable de tout r\u00e9gler en pixels mais il vaut mieux utiliser les Points.
De fait, 1 Point dans Illustrator vaudra 1UPM dans FontLab, qui est l’unit\u00e9 de mesure de FontLab.<\/p>\n\n\n\n

\n
\n
\"\"<\/figure>\n<\/div>\n<\/div>\n\n\n\n
b_ R\u00e9gler la grille<\/h6>\n\n\n\n

-> Pr\u00e9f\u00e9rences > Rep\u00e8res et grille
R\u00e9gler le Pas<\/strong> de la grille sur 10 Points (taper \u00ab\u00a010 pt\u00a0\u00bb, ce qui peut \u00eatre converti automatiquement en 3,53 mm par Illustrator, selon la version utilis\u00e9e, mais bien saisir la valeur en Points)
R\u00e9gler les Subdivisions<\/strong> sur 10. De fait, on obtient une grille dont l\u2019unit\u00e9 correspond \u00e0 1 point, soit 1UPM, comme vu plus haut.
D\u00e9cocher Afficher la grille de pixels<\/strong>.<\/p>\n\n\n\n

\n
\n
\"\"<\/figure>\n<\/div>\n<\/div>\n\n\n\n
c_ R\u00e9gler la gestion du Presse-papier<\/h6>\n\n\n\n

-> Pr\u00e9f\u00e9rences > Gestion des fichiers et presse-papier
Cocher les cases \u00ab\u00a0AICB<\/strong>\u00a0\u00bb et \u00ab\u00a0Conserver les trac\u00e9s<\/strong>\u00ab\u00a0.
Cela aura pour effet de r\u00e9cup\u00e9rer les trac\u00e9s exacts lors du copier-coller entre Illustrator et FontLab.
D\u00e9cocher les cases \u00ab\u00a0PDF<\/strong>\u00a0\u00bb et \u00ab\u00a0Inclure le code SVG<\/strong>\u00ab\u00a0.<\/p>\n\n\n\n

\n
\n
\"\"<\/figure>\n<\/div>\n<\/div>\n\n\n\n
1.2 Cr\u00e9er un nouveau document<\/h5>\n\n\n\n

\u00c0 ce stade, vous devez avoir un fichier Illustrator initial ou interm\u00e9diaire, servant de fichier de travail qui contient le dessin de base de tous vos glyphes, \u00e0 l’exception des caract\u00e8res accentu\u00e9s, car le dessin des accents seuls est suffisant.
Le dessin peut \u00eatre r\u00e9alis\u00e9 \u00e0 une \u00e9chelle quelconque, avec des contours, des formes modulaires, des effets, etc. mais toujours en noir.
Il faudra rationaliser ces glyphes dans un fichier Illustrator d\u00e9finitif, selon les pr\u00e9conisations ci-dessous.<\/p>\n\n\n\n

Cr\u00e9er un nouveau document Illustrator qui va contenir les trac\u00e9s d\u00e9finitifs des glyphes.<\/p>\n\n\n\n

a_ Cr\u00e9er le fichier<\/h6>\n\n\n\n
\n
\n

-> Menu Fichier > Nouveau\u2026
R\u00e9gler les dimensions \u00e0 1000 pt en Largeur et en Hauteur.
Cela donne un document carr\u00e9 de 1000 unit\u00e9s de c\u00f4t\u00e9, soit l\u2019\u00e9quivalent de l’em square<\/strong> dans FontLab.
Le mode color\u00e9 importe peu.
Donner un nom au document et l\u2019enregistrer.<\/p>\n<\/div>\n\n\n\n

\n
\"L\u2019attribut<\/figure>\n<\/div>\n<\/div>\n\n\n\n
b_ R\u00e9gler l\u2019affichage dans Illustrator<\/h6>\n\n\n\n

-> Menu Affichage > R\u00e8gles > Afficher les r\u00e8gles<\/strong><\/p>\n\n\n\n

-> Menu Affichage > R\u00e8gles > Passer aux r\u00e8gles globales<\/strong>
C\u2019est tr\u00e8s important (depuis Illustrator CS5), pour caler les coordonn\u00e9es correctement entre Illustrator (y<\/strong> positif vers le bas) et FontLab (y<\/strong> positif vers le haut).<\/p>\n\n\n\n

-> Menu Affichage > Magn\u00e9tisme de la grille<\/strong>
-> Menu Affichage > Magn\u00e9tisme du point<\/strong><\/p>\n\n\n\n

-> D\u00e9cocher le magn\u00e9tisme du pixel.
Il n’est pas n\u00e9cessaire d’afficher la grille, mais c’est une option possible.<\/p>\n\n\n\n

\n
\n
\"\"<\/a><\/figure>\n<\/div>\n<\/div>\n\n\n\n

2. Placer les rep\u00e8res des glyphes<\/h3>\n\n\n\n

2.1 Ajuster la dimension des glyphes<\/h5>\n\n\n\n

Dans le fichier de travail Illustrator, placer un rep\u00e8re horizontal sur lune partie libre de la zone de travail. Positionner sur ce rep\u00e8re les 4 glyphes : Hxbp<\/strong> selon leur ligne de base, comme ci-dessous.
La ligne de base passe au bas des capitales et au bas des parties plates des bas de casse, hormis les descendantes. Souvent comme ici, les courbes des glyphes d\u00e9passent des rep\u00e8res. Il faut en tenir compte pour les aligner.<\/p>\n\n\n\n

\n
\n
\"\"<\/a><\/figure>\n<\/div>\n<\/div>\n\n\n\n

S\u00e9lectionner ensemble les glyphes et les copier dans le nouveau document de 1000 pt de c\u00f4t\u00e9. Il faut ensuite les agrandir (ou les r\u00e9duire) ensemble afin de les placer \u00e0 la bonne \u00e9chelle dans la hauteur du carr\u00e9.
Il n\u2019est pas obligatoire que les trac\u00e9s touchent le haut et le bas du carr\u00e9, mais il ne faut pas laisser beaucoup de blanc. S\u2019il existe, ce blanc correspond aux talus de t\u00eate et de pied des anciens caract\u00e8res en plomb sur lesquels l\u2019\u0153il a une hauteur l\u00e9g\u00e8rement inf\u00e9rieure au corps.<\/p>\n\n\n\n

Le changement d\u2019\u00e9chelle peut \u00eatre calcul\u00e9 \u00e0 l\u2019aide de la palette transformation et d\u2019une r\u00e8gle de trois. Il se concr\u00e9tise alors par un pourcentage. Notez-le.<\/p>\n\n\n\n

\n
\n
\"AI<\/figure>\n<\/div>\n<\/div>\n\n\n\n
2.2 Placer les rep\u00e8res et l\u2019origine<\/h5>\n\n\n\n

Afficher le document \u00e0 100% ou suffisamment grand pour \u00eatre pr\u00e9cis. Depuis les r\u00e8gles, placer un rep\u00e8re sur la ligne de base, un pour la hauteur d\u2019X, un pour la hauteur des capitales, un pour les ascendantes et un pour les descendantes. Ces deux derniers rep\u00e8res peuvent se confondre avec les limites du document si vous avez cal\u00e9 la hauteur du trac\u00e9 sur le document. Il est \u00e0 noter que pour certaines fontes, la hauteur des caps et des ascendantes est la m\u00eame.<\/p>\n\n\n\n

Placer enfin l\u2019origine \u00e0 l\u2019intersection du bord gauche et de la ligne de base. Tirer et faire glisser l\u2019intersection des r\u00e8gles en haut \u00e0 gauche vers le centre du cercle rouge de l’image ci-dessous. Soyez pr\u00e9cis.<\/p>\n\n\n\n

\n
\n
\"\"<\/a><\/figure>\n<\/div>\n<\/div>\n\n\n\n
2.3 Mesurer la position des rep\u00e8res<\/h5>\n\n\n\n

S\u00e9lectionner chaque rep\u00e8re et relever sa position en Y dans la palette Transformation. Noter les valeurs relev\u00e9es directement sur le document lui-m\u00eame. Dans l\u2019exemple ci-dessous, la somme des ascendantes et des descendantes est de 1000. C\u2019est recommand\u00e9, mais pas toujours appliqu\u00e9 dans les fontes existantes.
Les valeurs doivent \u00eatre enti\u00e8res. Si ce n’est pas le cas, v\u00e9rifier le magn\u00e9tisme de la grille et du point et recommencer.<\/p>\n\n\n\n

\n
\n
\"AI<\/figure>\n<\/div>\n<\/div>\n\n\n\n

3. Placer les glyphes dans Illustrator<\/h3>\n\n\n\n

Il reste \u00e0 placer tous les glyphes superpos\u00e9s, \u00e0 la bonne \u00e9chelle. Il faut nommer chaque trac\u00e9 du nom du glyphe.
Il serait possible d’utiliser un plan de travail par glyphe, mais ce n’est pas recommand\u00e9 et bien plus contraignant.<\/p>\n\n\n\n

Chaque glyphe doit \u00eatre correctement agrandi et plac\u00e9 sur les rep\u00e8res avec pr\u00e9cision. La position horizontale par rapport au bord gauche importe peu, mais il faut essayer de les superposer \u00e0 peu pr\u00e8s.<\/p>\n\n\n\n

Utiliser un calque diff\u00e9rent par glyphe ou bien, un peu plus rationnel, grouper les glyphes par cat\u00e9gorie sur des calques sp\u00e9cifiques. Par exemple, cr\u00e9er un calque pour les bas de casse, un pour les capitales, etc.<\/p>\n\n\n\n

\n
\n
\"AI<\/figure>\n<\/div>\n<\/div>\n\n\n\n

4. Pr\u00e9parer FontLab<\/h3>\n\n\n\n

Lancer FontLab. Cr\u00e9er un nouveau document et l’enregistrer.
Le nom importe peu, mais il faut choisir un nom qui permettra de savoir ce que contient le fichier. Selon la version utilis\u00e9e, FontLab est en anglais ou en fran\u00e7ais!<\/p>\n\n\n\n

4.1 R\u00e9gler les param\u00e8tres de la fonte \u00e0 cr\u00e9er.<\/h5>\n\n\n\n

Menu File > Font Info (on peut aussi utiliser le bouton en haut \u00e0 gauche de la fen\u00eatre Font, cercle rouge pour FontLab 5 ou cercle jaune pour FontLab 6&7).<\/p>\n\n\n\n

\n
\n
\"\"<\/figure>\n<\/div>\n<\/div>\n\n\n\n
\n
\n
\"\"<\/figure>\n<\/div>\n<\/div>\n\n\n\n

Si, dans FontLab 5 (\u00e9cran du haut ci-dessus), la barre sup\u00e9rieure n’apparait pas, cliquer sur le petit bouton en haut \u00e0 droite de la fen\u00eatre; il est bien cach\u00e9! (voir ci-dessous).<\/p>\n\n\n\n

\n
\n
\"\"<\/figure>\n<\/div>\n<\/div>\n\n\n\n
a_ R\u00e9gler l\u2019unit\u00e9 de l\u2019em square<\/h6>\n\n\n\n

Menu File > Font Info > Met\u00adrics and Dimen\u00adsions (FontLab 5)
Menu File > Font Info > Family Dimensions (FontLab 6\/7)
Laisser Font\u2019s UPM size (ou Units per Em) \u00e0 1000. Cela correspond au choix fait dans Illustrator.<\/p>\n\n\n\n

\n
\n
\"FL<\/figure>\n<\/div>\n<\/div>\n\n\n\n
\n
\n
\"\"<\/figure>\n<\/div>\n<\/div>\n\n\n\n

Remarque sur l\u2019UPM
Pour plus de pr\u00e9cision dans le trac\u00e9, lorsqu’une fonte n\u00e9cessite un grand niveau de d\u00e9tail ou de grandes finesses, il est possible de travailler avec une unit\u00e9 diff\u00e9rente pour l\u2019em square. Il est ainsi possible d\u2019indiquer 2048 ou une autre valeur (4096) dans Font Info. Il faut alors pr\u00e9parer le fichier Illustrator avec la m\u00eame valeur.
Il est cependant d\u2019usage, pour les fontes professionnelles en Type1 (ou PS OpenType) d\u2019utiliser 1000 pour l\u2019UPM size. Les valeurs plus importantes sont plut\u00f4t r\u00e9serv\u00e9es aux fontes Truetype.<\/p>\n\n\n\n

b_ Reporter les mesures prises dans Illustrator<\/h6>\n\n\n\n

FontLab 5 : Menu File > Font Info > Met\u00adrics and Dimen\u00adsions > Key Dimensions
Mettre dans les bonnes cases les valeurs relev\u00e9es dans Illustrator (Ascender, Descender, Caps height, x height).<\/p>\n\n\n\n

\n
\n
\"FL<\/figure>\n<\/div>\n<\/div>\n\n\n\n

FontLab 6 : Menu File > Font Info > Family Dimensions
Reporter dans les cases appropri\u00e9es les valeurs Ascender et Descender.<\/p>\n\n\n\n

\n
\n
\"\"<\/figure>\n<\/div>\n<\/div>\n\n\n\n

FontLab 6 : Menu File > Font Info > Font Dimensions
Reporter dans les cases appropri\u00e9es les valeurs Caps Height et x Height.<\/p>\n\n\n\n

\n
\n
\"\"<\/figure>\n<\/div>\n<\/div>\n\n\n\n

Les valeurs U-position (Underline dans FL5) et U-Thickness (Thickness dans FL5) indiquent la valeur du soulignement par d\u00e9faut dans une fonte. Cela peut \u00e9galement \u00eatre d\u00e9termin\u00e9 et mesur\u00e9 dans Illustrator puis report\u00e9 dans ces cases.<\/p>\n\n\n\n

c_ R\u00e9gler la mise \u00e0 l’\u00e9chelle<\/h6>\n\n\n\n

FontLab 5 : FontLab > Preferences > General
Cocher la case Do not rescale EPS files<\/strong>
FontLab 6\/7 : FontLab > Preferences > Paste and Duplicate
Dans la zone Scale Artwork, cocher le premier bouton, Do not Rescale<\/strong>.<\/p>\n\n\n\n

\n
\n
\"\"<\/a><\/figure>\n<\/div>\n<\/div>\n\n\n\n
\n
\n
\"\"<\/a><\/figure>\n<\/div>\n<\/div>\n\n\n\n

5. Copier les trac\u00e9s Illustrator dans FontLab<\/h3>\n\n\n\n

Avant de copier les trac\u00e9s depuis Illustrator dans les glyphes correspondants de FontLab, il faut s\u2019assurer de quelques points.
Dans les exemples ci-dessous, le jaune sert \u00e0 mettre en \u00e9vidence les points abord\u00e9s. En situation r\u00e9elle, tout doit \u00eatre noir.<\/p>\n\n\n\n

\n
\n

-> Les trac\u00e9s dans Illustrator ne doivent comporter aucun contour, aucun d\u00e9grad\u00e9, aucune transparence ni effet. Les formes doivent \u00eatre faites de surfaces uniquement. De fait, les contours et effets doivent \u00eatre vectoris\u00e9s (Menu Objet > Trac\u00e9s > Vectoriser le contour).<\/p>\n<\/div>\n\n\n\n

\n
\"\"<\/a><\/figure>\n<\/div>\n<\/div>\n\n\n\n

-> Les surfaces qui se superposent doivent \u00eatre fondues par un pathfinder R\u00e9union. Par contre, un glyphe peut \u00eatre constitu\u00e9 de plusieurs trac\u00e9s ind\u00e9pendants. Attention aux trac\u00e9s qui se touchent (par un sommet notamment); ils doivent \u00eatre redessin\u00e9s.<\/p>\n\n\n\n

\n
\n
\"\"<\/a><\/figure>\n<\/div>\n<\/div>\n\n\n\n

Copier dans un premier temps les capitales, les bas de casse, la ponctuation, les chiffres et les accents (seulement les accents).
Les caract\u00e8res accentu\u00e9s seront g\u00e9n\u00e9r\u00e9s automatiquement \u00e0 partir des glyphes non accentu\u00e9s et des accents seuls<\/strong> (\u00e0 voir ult\u00e9rieurement).<\/p>\n\n\n\n

Bien que ce soit possible dans certaines cas, il est souvent fait en sorte que le dessin ne d\u00e9passe pas les limites de l\u2019em square en haut et en bas.<\/p>\n\n\n\n

6. R\u00e9f\u00e9rences<\/h3>\n\n\n\n

Voir :
https:\/\/prepressstuff.wordpress.com\/2011\/06\/26\/using-illus%C2%ADtra%C2%ADtor-to-draw-fonts-for-import%C2%ADing-into-fontlab-not-working-in-cs5-any-more\/<\/a><\/p>\n\n\n\n

Attention, ce lien concerne uniquement la version 5 de FontLab. Pour plus de pr\u00e9cisions, utiliser l’Aide de FontLab (Menu Help > User Manual pour la version 6\/7).<\/p>\n","protected":false},"excerpt":{"rendered":"

Voici quelques principes g\u00e9n\u00e9raux qui vous permettront d’utiliser Illustrator et FontLab pour cr\u00e9er une police fonctionnelle. 1. R\u00e9glages d\u2019Illustrator 1.1 R\u00e9gler les pr\u00e9f\u00e9rences d\u2019Illustrator. Sur Mac : Menu Illustrator > Pr\u00e9f\u00e9rences > Unit\u00e9sSur Windows : Menu Edition > Preferences > Unit\u00e9s a_ R\u00e9gler les Unit\u00e9s -> Pr\u00e9f\u00e9rences > Unit\u00e9sTout r\u00e9gler en Points (G\u00e9n\u00e9rales, Contour & … Continuer la lecture de Cr\u00e9er une fonte<\/span> →<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":923,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_lmt_disableupdate":"","_lmt_disable":"","footnotes":""},"_links":{"self":[{"href":"https:\/\/lamartinieredesign.fr\/index.php?rest_route=\/wp\/v2\/pages\/94"}],"collection":[{"href":"https:\/\/lamartinieredesign.fr\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/lamartinieredesign.fr\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/lamartinieredesign.fr\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/lamartinieredesign.fr\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=94"}],"version-history":[{"count":31,"href":"https:\/\/lamartinieredesign.fr\/index.php?rest_route=\/wp\/v2\/pages\/94\/revisions"}],"predecessor-version":[{"id":4644,"href":"https:\/\/lamartinieredesign.fr\/index.php?rest_route=\/wp\/v2\/pages\/94\/revisions\/4644"}],"up":[{"embeddable":true,"href":"https:\/\/lamartinieredesign.fr\/index.php?rest_route=\/wp\/v2\/pages\/923"}],"wp:attachment":[{"href":"https:\/\/lamartinieredesign.fr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=94"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}