Création d'un picto : de la vectorisation à la conversion en police de caractère
Nous partons d'un picto au format png, en...
En Illustrator je vais le vectoriser
1. Cliquer sur l'image que j'ai ouverte en Illustrator, puis 2. cliquer sur Vectorisa...
Ce sera alors le mode automatique qui sera sélectionné. Si vous désirez sélectionner des options de vectorisation - ou si ...
Dans ce cas-ci le réglage "Silhouette" est très correct :
Cliquer sur ce bouton (1) permet de voir la fenêtre d'options (2...
Il faut décomposer l'image, afin de parachever la vectorisation
Création d'un picto : de la vectorisation à la conversion ...
il faut se poser la question de la lisibilité ! Diminuons la taille - ou dézoomons :
Les deux boucles n'apportant de toute...
Pour cela un me faudra dégrouper le picto (menu Objet > Dissocier) éventuellement passer en mode isolation pour
sélectionn...
Il vous reste à enregistrer votre fichier illustrator. Ce n'est pas une obligation puisque nous allons copier le picto dan...
Je vais montrer deux programmes différents pour la création de polices ; Glyphs mini (pas cher, nouvelle interface, tourne...
Et TypeTool, petit frère de FontLab, pas cher également
http://www.fontlab.com/
Création d'un picto : de la vectorisation ...
Avant tout dans TypeTool il faut paramétrer les préférences pour le copier-coller :
Dans ce cas-ci je sélectionne l'ajuste...
Puis je crée une nouvelle police (fichier, nouveau)
Création d'un picto : de la vectorisation à la conversion en police de...
Et je sélectionne une des lettres. Si de nombreux pictos doivent être placés dans la police, le faire en choississant des
...
Et ensuite je colle le fichier illustrator :
Création d'un picto : de la vectorisation à la conversion en police de caract...
Et j'adapte un peu l'approche droite (la ligne verticale) sinon j'aurai des problèmes avec les lettres qui suivent le pict...
Un test rapide me permet de voir si tout va bien
otf sur mac, ttf sur windows à priori...
Création d'un picto : de la vect...
J'ai mis la force de corps à 128 pour bien voir et tapé un a.
Création d'un picto : de la vectorisation à la conversion en...
En cas de problème (une contreforme noire, un tracé bizarre) il faut le plus souvent redéterminer le sens du tracé :
TT su...
Si d'autres pictos doivent être réalisés, au travail. Sinon on génère la police, en la nommant d'abord depuis Fichier > In...
Et on génère maintenant la police
Création d'un picto : de la vectorisation à la conversion en police de caractère - 20 ww...
Plutôt OpenType PS sur Mac, OpenType TT sous windows
Au cas où, voici un explicatif de ce format de police, qui a l'avanta...
Et on installe via le livre des polices ou votre gestionnaire de polices
Création d'un picto : de la vectorisation à la co...
Voyons maintenant GlyphsMini. On y crée également une nouvelle police :
Création d'un picto : de la vectorisation à la con...
Puis on ouvre la lettre de son choix :
Création d'un picto : de la vectorisation à la conversion en police de caractère - ...
Et on colle le picto copié depuis Illustrator :
Création d'un picto : de la vectorisation à la conversion en police de car...
On agrandit pour arriver à hauteur de capitale, avec l'outil ad hoc :
1. Activer l'outil Mise à l'échelle (s), 2. Mettre l...
On doit également adapter l'approche droite, ou carrément la largeur du caractère. Désélectionnez en cliquant à côté du pi...
820 a l'air de suffire. Par défaut c'était 600.
Création d'un picto : de la vectorisation à la conversion en police de car...
A nouveau il faut déterminer le nom de la police
Création d'un picto : de la vectorisation à la conversion en police de ca...
Tout est ici regroupé dans une fenêtre…
Création d'un picto : de la vectorisation à la conversion en police de caractère -...
Et on génère la police :
Création d'un picto : de la vectorisation à la conversion en police de caractère - 31 www.serge-p...
Il donne la possibilité d'installer la police au vol
Et c'est par défaut en OTF :
Et voilà !
Création d'un picto : de la v...
Prochain SlideShare
Chargement dans…5
×

Création d'un picto : de la vectorisation à la conversion en police de caractère

365 vues

Publié le

Création d'un picto : de la vectorisation à la conversion en police de caractère avec les logiciels Illustrator et TypeTool

Publié dans : Logiciels
0 commentaire
0 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

  • Soyez le premier à aimer ceci

Aucun téléchargement
Vues
Nombre de vues
365
Sur SlideShare
0
Issues des intégrations
0
Intégrations
1
Actions
Partages
0
Téléchargements
5
Commentaires
0
J’aime
0
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

Création d'un picto : de la vectorisation à la conversion en police de caractère

  1. 1. Création d'un picto : de la vectorisation à la conversion en police de caractère Nous partons d'un picto au format png, en basse définition (sinon c'est trop simple) http://www.sclera.be/nl/picto/detail/19501 Création d'un picto : de la vectorisation à la conversion en police de caractère - 1 www.serge-paulus.be
  2. 2. En Illustrator je vais le vectoriser 1. Cliquer sur l'image que j'ai ouverte en Illustrator, puis 2. cliquer sur Vectorisation ou aller dans le menu Objet > Vectorisation > Créer Création d'un picto : de la vectorisation à la conversion en police de caractère - 2 www.serge-paulus.be
  3. 3. Ce sera alors le mode automatique qui sera sélectionné. Si vous désirez sélectionner des options de vectorisation - ou si le résultat ne vous convient pas : Cliquer sur la flèche à côté de "Vectorisation" pour obtenir les options Création d'un picto : de la vectorisation à la conversion en police de caractère - 3 www.serge-paulus.be
  4. 4. Dans ce cas-ci le réglage "Silhouette" est très correct : Cliquer sur ce bouton (1) permet de voir la fenêtre d'options (2) et de changer encore les paramètres, dont les options avancées (3) Création d'un picto : de la vectorisation à la conversion en police de caractère - 4 www.serge-paulus.be
  5. 5. Il faut décomposer l'image, afin de parachever la vectorisation Création d'un picto : de la vectorisation à la conversion en police de caractère - 5 www.serge-paulus.be
  6. 6. il faut se poser la question de la lisibilité ! Diminuons la taille - ou dézoomons : Les deux boucles n'apportant de toute façon rien, je vais les supprimer. Création d'un picto : de la vectorisation à la conversion en police de caractère - 6 www.serge-paulus.be
  7. 7. Pour cela un me faudra dégrouper le picto (menu Objet > Dissocier) éventuellement passer en mode isolation pour sélectionner les éléments dont je veux me débarrasser Pour cela, double-cliquer sur l'objet, puis le sélectionner et le supprimer Création d'un picto : de la vectorisation à la conversion en police de caractère - 7 www.serge-paulus.be
  8. 8. Il vous reste à enregistrer votre fichier illustrator. Ce n'est pas une obligation puisque nous allons copier le picto dans le programme de création de polices N'oublions pas que les polices de caractères ne gèrent pas les niveaux de gris, donc restez en noir et blanc dans tous les cas ! Création d'un picto : de la vectorisation à la conversion en police de caractère - 8 www.serge-paulus.be
  9. 9. Je vais montrer deux programmes différents pour la création de polices ; Glyphs mini (pas cher, nouvelle interface, tourne seulement sur Mac) http://www.glyphsapp.com/ Création d'un picto : de la vectorisation à la conversion en police de caractère - 9 www.serge-paulus.be
  10. 10. Et TypeTool, petit frère de FontLab, pas cher également http://www.fontlab.com/ Création d'un picto : de la vectorisation à la conversion en police de caractère - 10 www.serge-paulus.be
  11. 11. Avant tout dans TypeTool il faut paramétrer les préférences pour le copier-coller : Dans ce cas-ci je sélectionne l'ajustement entre hampe et ligne de base, mais normalement je mettrais entre hampe et jambage. Par défaut, c'est conserver la taille et c'est une catastrophe ! Création d'un picto : de la vectorisation à la conversion en police de caractère - 11 www.serge-paulus.be
  12. 12. Puis je crée une nouvelle police (fichier, nouveau) Création d'un picto : de la vectorisation à la conversion en police de caractère - 12 www.serge-paulus.be
  13. 13. Et je sélectionne une des lettres. Si de nombreux pictos doivent être placés dans la police, le faire en choississant des lettres en rapport avec le sens du picto facilite la vie… Pour ma part je vais juste prendre le a minuscule. Création d'un picto : de la vectorisation à la conversion en police de caractère - 13 www.serge-paulus.be
  14. 14. Et ensuite je colle le fichier illustrator : Création d'un picto : de la vectorisation à la conversion en police de caractère - 14 www.serge-paulus.be
  15. 15. Et j'adapte un peu l'approche droite (la ligne verticale) sinon j'aurai des problèmes avec les lettres qui suivent le picto Il suffit de tirer sur cette ligne verticale… Création d'un picto : de la vectorisation à la conversion en police de caractère - 15 www.serge-paulus.be
  16. 16. Un test rapide me permet de voir si tout va bien otf sur mac, ttf sur windows à priori... Création d'un picto : de la vectorisation à la conversion en police de caractère - 16 www.serge-paulus.be
  17. 17. J'ai mis la force de corps à 128 pour bien voir et tapé un a. Création d'un picto : de la vectorisation à la conversion en police de caractère - 17 www.serge-paulus.be
  18. 18. En cas de problème (une contreforme noire, un tracé bizarre) il faut le plus souvent redéterminer le sens du tracé : TT sur windows, PS sur mac. On peut également corriger les connexions et surtout fermer les contours ouverts le cas échéant Création d'un picto : de la vectorisation à la conversion en police de caractère - 18 www.serge-paulus.be
  19. 19. Si d'autres pictos doivent être réalisés, au travail. Sinon on génère la police, en la nommant d'abord depuis Fichier > Infos sur la police 1. Taper le nom dans "Nom de famille", 2. Cliquer sur "Créer des noms", 3. Sélectionner une graisse, 4. Sélectionner un style. Il s'agit donc du nom que la police aura dans les logiciels, au sein des menus de police. Création d'un picto : de la vectorisation à la conversion en police de caractère - 19 www.serge-paulus.be
  20. 20. Et on génère maintenant la police Création d'un picto : de la vectorisation à la conversion en police de caractère - 20 www.serge-paulus.be
  21. 21. Plutôt OpenType PS sur Mac, OpenType TT sous windows Au cas où, voici un explicatif de ce format de police, qui a l'avantage d'être constitué d'un même fichier sur mac et sur pc. Création d'un picto : de la vectorisation à la conversion en police de caractère - 21 www.serge-paulus.be
  22. 22. Et on installe via le livre des polices ou votre gestionnaire de polices Création d'un picto : de la vectorisation à la conversion en police de caractère - 22 www.serge-paulus.be
  23. 23. Voyons maintenant GlyphsMini. On y crée également une nouvelle police : Création d'un picto : de la vectorisation à la conversion en police de caractère - 23 www.serge-paulus.be
  24. 24. Puis on ouvre la lettre de son choix : Création d'un picto : de la vectorisation à la conversion en police de caractère - 24 www.serge-paulus.be
  25. 25. Et on colle le picto copié depuis Illustrator : Création d'un picto : de la vectorisation à la conversion en police de caractère - 25 www.serge-paulus.be
  26. 26. On agrandit pour arriver à hauteur de capitale, avec l'outil ad hoc : 1. Activer l'outil Mise à l'échelle (s), 2. Mettre le point d'origine plutôt sur la ligne de base, 3. Tirer en enfonçant la touche majuscule, pour contraindre au respect des proportions, jusqu'à la ligne supérieure. Création d'un picto : de la vectorisation à la conversion en police de caractère - 26 www.serge-paulus.be
  27. 27. On doit également adapter l'approche droite, ou carrément la largeur du caractère. Désélectionnez en cliquant à côté du picto Création d'un picto : de la vectorisation à la conversion en police de caractère - 27 www.serge-paulus.be
  28. 28. 820 a l'air de suffire. Par défaut c'était 600. Création d'un picto : de la vectorisation à la conversion en police de caractère - 28 www.serge-paulus.be
  29. 29. A nouveau il faut déterminer le nom de la police Création d'un picto : de la vectorisation à la conversion en police de caractère - 29 www.serge-paulus.be
  30. 30. Tout est ici regroupé dans une fenêtre… Création d'un picto : de la vectorisation à la conversion en police de caractère - 30 www.serge-paulus.be
  31. 31. Et on génère la police : Création d'un picto : de la vectorisation à la conversion en police de caractère - 31 www.serge-paulus.be
  32. 32. Il donne la possibilité d'installer la police au vol Et c'est par défaut en OTF : Et voilà ! Création d'un picto : de la vectorisation à la conversion en police de caractère - 32 www.serge-paulus.be

×