Créer une police pixel avec Glyphs Mini

Tutoriel
by Stella Chupik
en es fr

 

Une police pixel est une façon amusante et facile de se familiariser avec Glyphs Mini. En prime, tous vos amis voudront l’utiliser!

Commencer une nouvelle police

Pour commencer, ouvrez Glyphs Mini et sélectionnez Fichier > Nouveau (Cmd-N), afin de créer un nouveau fichier de police. Ensuite, allez à Fichier > Informations de police… et attribuez un nom à votre police. Nous appellerons la nôtre ‘Pixelfont’, car je viens tout juste de me réveiller et je ne peux trouver mieux. Maintenant, allez au bas de la fenêtre, et vous trouverez les options pour l’Espacement de la grille. L’Espacement de la grille définit comment les valeurs des coordonnées seront arrondies. La valeur par défaut est 1, pour 1 unité, soit un millième du corps de la police. P. ex., si votre corps de police est de 12 points, 1 unité sera de 0,012 pt. Pour les polices pixel, nous voulons que tous les outils et les modifications soient magnétisés à la grille, c’est pourquoi nous définissons des valeurs plus grandes. Cela nous assure que les ‘pixels’ de notre police sont automatiquement placés dans une bonne position. Habituellement, de meilleurs résultats seront obtenus si l’espacement de la grille est le même que la taille du pixel. Donc, par exemple, si vous avez un pixel d’une largeur de 50 unités, l’espacement de la grille devrait également être de 50. Définissons donc notre Espacement de la grille à 50/1:

La composante pixel

Pour que ce soit super facile pour vous de créer une police pixel, Glyphs Mini inclut un outil Pixel. Cliquez sur l’outil Crayon et maintenez-le enfoncé afin d’y accéder (raccourci clavier X). Mais attendez! Si vous utilisez l’outil Pixel sans avoir un glyphe nommé pixel dans votre police, une fenêtre dialogue de mise en garde apparaîtra. Pas de souci, vous n’avez qu’à cliquer sur le bouton Ajouter.

Note: un bogue s’est glissé dans certaines versions de l’appli, ce qui fait que vous pourriez avoir besoin d’enfoncer Shift-B afin de passer de l’outil Crayon à l’outil Pixel et Shift-X pour faire l’inverse.

Le bouton Ajouter créera un glyphe nommé pixel (ce dont l’outil Pixel a besoin) dont la taille du carré correspond à votre espacement de la grille. Il sera automatiquement défini comme non exportable, car il ne doit pas apparaître dans le jeu de caractères de la police complétée.

Pour dessiner votre pixel vous-même, commencez par un bon vieux carré. Activez l’outil Rectangle (F), et faites glisser votre curseur pour dessiner un carré. Le carré pixel devrait se situer sur ce qu’on appelle le point d’origine, l’intersection de l’approche gauche et de la ligne de pied:

Lorsque vous dessinez le rectangle, vous remarquerez tout de suite que le tracé suit la grille. Vraiment génial!

Dessiner des pixels

Maintenant que nous sommes prêts, commençons à dessiner! Ouvrez un de vos glyphes préférés en le double cliquant à partir de l’aperçu Police. Pour dessiner des pixels, il vous suffit de cliquer et faire glisser le curseur sur le canevas. Glyphs Mini place le glyphe pixel comme composante dans le glyphe dans lequel vous dessinez. De cette façon, vous pouvez être certain que les pixels seront tous les mêmes.

Pour enlever des composantes pixel qui ont déjà été placées, cliquez sur les pixels en question et faites-les glisser à l’endroit désiré. Amusez-vous bien à construire vos glyphes!

Sélectionner des composantes

Il est très facile de sélectionner des composantes. Cliquez simplement sur une composante en question avec l’outil Sélection (V). Une fois sélectionnée, vous pouvez déplacer la composante avec les touches flèches ou votre souris.

Si vous voulez reproduire un ensemble de pixels, p. ex., un montant ou un arc de jambage, il vous faut alors sélectionner plusieurs pixels. Il y a deux façons de faire cela. La première, vous pouvez Shift-cliquer plusieurs composantes l’une à la suite de l’autre. C’est utile pour des sélections non contiguës, c’est-à-dire, des pixels qui ne sont pas l’un à côté de l’autre. La deuxième, vous pouvez tenir la touche Option enfoncée et faire une sélection rectangulaire en glissant le curseur autour d’un ensemble de pixels.

Astuce: lorsque vous faites une sélection glissée des composantes pixel, la sélection s’effectue lorsque le point d’origine est capturé dans la sélection rectangulaire. Assurez-vous donc de sélectionner le coin en bas à gauche de vos pixels lorsque vous faites une sélection glissée.

Éditer par lots

La chasse par défaut des glyphes est de 600 unités. Mais en fait, cela n’est pas très joli:

Pour débuter avec l’espacement, vous pouvez commencer par vous assurer que tous vos glyphes ont les mêmes approches gauche et droite. Voici comment: pour commencer sélectionnez tous vos glyphes en mode affichage Police en appuyant sur Cmd-A. Ensuite, entrez les valeurs dans le bas à gauche de la fenêtre. Les valeurs pour l’approche gauche et droite devraient être des multiples de votre espacement de la grille. Dans notre exemple, nous les réglons tout simplement à 50.

Il est maintenant facile de faire des changements individuels dans la boîte grise des informations. Assurez-vous toutefois d’entrer uniquement des valeurs qui fonctionnent avec votre grille de pixels, en d’autres mots, qui sont un multiple de votre espacement de la grille.

Pour lire davantage sur l’espacement, consultez le tutoriel sur le sujet.

Cela paraît bien mieux maintenant n’est-ce pas?

Variantes de pixels

Bien entendu, vous pouvez vous amuser avec votre pixel. Par exemple, vous n’avez pas besoin de vous contraindre à un carré, et pouvez opter pour un cercle. Pour ce faire, vous pouvez changer la forme de votre pixel actuel. Comme l’outil pixel place le pixel comme composante dans votre glyphe pendant que vous le tracez, tous les pixels prendront la forme telle que vous l’éditez dans votre glyphe pixel original. Vous remarquerez que, pendant que vous dessinez un cercle, il ressemblera à ceci lors de sa construction:

La raison est que la Sous-division, soit la deuxième valeur dans l’Espcacement de grille, est réglée à 1. La Sous-division divise l’Espacement de la grille, et ainsi le magnétisme de la grille s’effectue sur les Sous-divisions, et pas seulement sur la grille. Par exemple, si vous réglez cette valeur à 25, vos cercles ressembleront maintenant à ceci:

Bon, définissez maintenant la valeur de la Sous-division selon ce qui a du sens pour votre design de pixel. Pour le maximum de flexibilité, utilisez la même valeur que celle de votre Espacement de la grille. N’hésitez pas à expérimenter avec votre grille et la forme de votre pixel.

Exporter et tester votre police

Si vous avez des pixels complexes, c’est-à-dire n’importe quoi d’autre que le simple carré utilisé au début, vous devez vous assurer que le hinting est désactivé au moment de l’exportation. Donc, lorsque vous exportez votre fichier (Cmd-E), décochez l’option Hinting automatique. Pourquoi? Le hinting optimise vos glyphes pour les basses résolutions d’écran, ce qui ne fonctionne uniquement qu’avec les formes simples et ennuyeuses. (Lisez davantage à ce sujet dans notre tutoriel sur le hinting automatique PostScript.)

Évitez d’installer votre police dans des applis comme FontBook ou FontExplorer pour la tester. Pourquoi? Lisez tout à ce sujet dans notre tutoriel sur l’élimination des problèmes de cache de polices. Avez-vous sur votre ordinateur des applis Adobe? Si vous exportez vos polices dans le soi-disant dossier Adobe Fonts, elles seront immédiatement activées dans les applis Adobe. Nul besoin de redémarrer, ni de vider la cache ou de réinstaller vos polices. Activez la case Destination de l’exportation, cliquez sur le chemin d’accès et dans le dialogue de sauvegarde qui apparaît, allez à: Macintosh HD/Library/Application Support/Adobe/Fonts/. Si le dossier Fonts n’existe pas déjà, faites Cmd-Shift-N et créez un dossier nommé Fonts (tel quel, soit en anglais et en commençant par la capitale F).

Pour plus d’informations sur ce sujet, lisez notre tutoriel Tester vos polices avec les applis Adobe.

Avec Glyphs Mini, vous avez aussi la possibilité d’exporter votre police en format web. Pour ce faire, cochez l’option fontes Web (WOFF) dans la fenêtre d’exportation. Vous aurez ainsi la possibilité d’afficher votre police dans une page web en HTML. Cela vous semble intéressant? Lisez notre tutoriel sur la création de polices Web.

Appliquer des filtres

Pour expérimenter un peu avec votre police, vous pouvez vous amuser avec les filtres intégrés. Cette fois encore, assurez-vous d’avoir choisi une valeur de Sous-division appropriée, car autrement certains filtres pourraient vous donner des résultats insatisfaisants. Par exemple, si vous appliquez le filtre Arrondir les coins à un pixel carré, voici ce que vous obtiendrez:

Ici nous avons utilisé le filtre Épaissir le tracé sans l’option Créer un contour qui permet d’engraisser les pixels:

Amusez-vous bien avec vos pixels!


Mise à jour 2020-01-07: correction d’erreurs typographiques, suppression de l’ancien raccourci clavier pour l’outil Pixel, remplacement de Adobe Creative Suite par applis Adobe. Ajout de la note à propos du raccourci clavier de l’outil Pixel.
Mise à jour 2020-03-11: remplacement de ‘Font-Explorer’ par ‘FontExplorer’. Quelques autres corrections très mineurs du texte français.
Mise à jour 2020-04-24: correction d’une erreur typographique.
Traduction française de Nathalie Dumont.