Au hasard des archives...

Aller au contenu | Aller au menu | Aller à la recherche

jeudi 2 juillet 2009

Dessiner un blason avec Inkscape (4)

Nous allons voir aujourd'hui différentes méthodes pour dessiner quelques meubles ou partitions.

Un chef denché (ou emmanché, dentelé...)

Vous souvenez-vous de la seconde leçon de dessin ? Et bien reprenez votre blason au chef. Nous allons voir comment en quelques secondes rendre ce chef denché. Commencez par sélectionner ce chef avec l'outil d'édition des nœuds (2). Hum... il n'est pas très modifiable, puisque nous avons pris un rectangle, objet prédéfini dans Inkscape (image 1). Qu'à cela ne tienne, prenez le menu Chemin>Objet en chemin (ou Ctrl+Shift+C, ou l'icône Convertir les objets sélectionnés en chemins), et voilà, notre rectangle est un chemin facilement transformable (image 2). Sélectionnez les deux nœuds du bas (cliquez sur le premier, puis Shift+clic sur le second : image 3). Cliquez ensuite trois fois sur l'icône + ajoutant des nœuds (cerlée en rouge ci-dessous).

Cette icône ajoute un nœuds entre chaque nœud sélectionné, à égale distance de chacun de ces nœuds sélectionnés. En répétant l'opération trois fois, nous avons ajouté sept nœuds (première image, ligne du bas). Sélectionnez un nœud sur deux, et appuyez trois ou 4 fois sur Shift+Flèche haut. Les nœuds sélectionnés se déplacent ensemble vers le haut, notre denché apparaît (image 2, ligne du bas). Sélectionnez les autres points et faites-les descendre de la même façon. Et voilà, nous avons terminé notre denché. Facile, n'est-ce pas ?

Pour voir si vous avez compris, faites une fasce vivrée. Si votre description parle d'emmanchée, faites monter et descendre les nœuds plus haut et plus bas. Si elle vous dit dentelée, créez plus de points intermédiaires, et donc des dents plus petites...

Un chef crénelé (une fasce bastillée, bretessée...)

Prenez à nouveau le chef que vous avez dessiné lors de la seconde partie du tutoriel. Vous souvenez-vous de la façon de faire des carrés bien alignés ? Nous l'avons vu dans la troisième partie (échiqueté). Faites donc une ligne de tels carrés (image 1). Puis supprimez-en un sur deux, sélectionnez tous les autres, et faites-en un seul objet (Chemin>Union). Déplacez cet objet sur le chef de votre blason (image 3), et si celui-ci a un contour, supprimez-le.

Utilisez les outils d'alignement pour que la bande de carrés soit parfaitement alignée avec la dextre du chef, et soit positionnée juste en-dessous de lui (image 1 en bas, outils d'alignement vus à la partie 3 du tutoriel). Sélectionnez le chef, et copiez sa largeur (image 2, ligne du bas, la largeur est donnée dans le champ L de la barre d'outil). Sélectionnez maintenant la ligne de carrés et appliquez-lui cette largeur (Entrée ou Tab pour valider, image 3 de la ligne du bas). Il ne reste plus qu'à sélectionner le chef et les carrés, et à les unir en un seul objet (vous savez le faire tout seul maintenant). Remettons à notre chef le contour que nous lui avions supprimé pour un parfait alignement, et voilà, c'est terminé.

Exercices : faites maintenant une fasce bastillée, contre-bretessée, un coupé-crénelé et un tranché-peronné, voire crénelé en croisette... Maintenant, vous devriez être capable de réaliser toutes les partitions même les moins fréquentes.

Les meubles non-géométriques

Les meubles géométriques sont les billettes, les besants, les croisettes et la plupart des croix, les anneaux, étoiles, macles et losanges. Si vous avez suivis les tutoriels jusque-là, pas besoin que je vous explique comment faire.

Les autres meubles ne sont pas beaucoup plus compliqués à dessiner, on reprend simplement la méthode vue au premier tutoriel pour dessiner l'écu : on prend un modèle assez grand, dont on redessine les contours avec un logiciel de dessin bitmap. Puis on le vectorise dans Inkscape (chemin>Vectoriser le bitmap). On corrige ensuite le dessin, en rendant doux et courbes les nœuds qui ont besoin de l'être, en supprimant ou en ajoutant des détails. Ces étapes (préparation du bitmap et correction de la vectorisation) ne prennent ici que cinq lignes, mais n'oubliez pas qu'elles sont en fait les deux étapes les plus importantes, et que 95% de la réussite du dessin dépend d'elles. Il peut m'arriver, sur certains meubles, d'y passer une heure ou deux. Ne les négligez donc pas !

La Guivre ci-dessous  illustre la plupart des opérations que vous aurez à faire une fois l'image vectorisée (dessin 1). J'ai corrigé le résultat de la vectorisation et j'ai enlevé l'enfant de sa gueule pour le remplacer par une langue (dessins 2 et 3). Puis j'ai sélectionné cet objet, et j'en ai séparé les différentes parties (Chemin>Séparer), j'ai mis le contour en rouge pour que vous voyez bien les objets ainsi créés (dessin 4).

Problème : les entrelacs de la queue doivent être supprimés. Supprimer les objets créés ne résoudrait pas le problème, car on verrait le contour qui est ici mon chemin de fond. Il faut plutôt trouer cet objet de fond suivant les objets à supprimer. Rien de plus simple : je sélectionne les trois objets à faire disparaître (image 1) et je les unis (Chemin>Union, image 2). Je sélectionne ce nouvel objet et le contour (ici en rouge) et j'applique l'opération Chemin>Différence. Le fond est troué, la queue est terminée (image 3).

Passons maintenant à la tête de la Guivre. Si je fais un cliquer-déplacer avec la souris, autour de la zone où est l'œil, je m'aperçois qu'il est en deux parties : le contour/iris et le blanc de l'œil, tous deux en noir (image 1). Une solution serait de colorer le contour de l'œil comme le contour de la Guivre (ici en rouge), or cet objet contour/iris est en fait inutile, puisqu'il suffit de faire un trou à son emplacement dans l'objet qui est juste-au-dessous (la tête en noir) pour faire apparaître le fond (rouge) de la Guivre. Je sélectionne donc ce contour de l'œil et le corps de ma Guivre (image 2), et j'applique à nouveau sur ces deux objets l'opération Différence.

Et voilà, la tête terminée. Je groupe les différentes partie du corps de la Guivre en un seul objet (ci-dessous en gris clair) pour pouvoir lui appliquer en une seule opération la couleur que je veux, et j'enregistre ma Guivre. Ne groupez pas la langue ni le blanc de l'œil, car ce sont des parties qui sont susceptibles d'être d'une autre couleur (si la Guivre est lampassée et/ou allumée).

L'avantage d'utiliser un objet distinct pour faire le contour de la Guivre est de pouvoir le faire plus ou moins épais selon la partie du corps voulue, et ainsi de donner un aspect plus manuel au dessin. Cela permet aussi de faire simplement de petits détails (ici la crête), de donner un effet d'ombre ou d'insister sur une partie du corps. Le dessin n'en sera que plus joli...

Conseils pour faire de beaux dessins

Voilà, je vous ai tout dit, ou presque. Le reste, vous l'apprendrez par la pratique, et vous constaterez que vous deviendrez rapidement meilleur que moi. On me félicite souvent sur la qualité de mes dessins, qui sont parait-il assez beaux. Or, je suis un très mauvais dessinateur, je n'ai pas hérité du coup de main de mon grand-père maternel et des deux générations de peintres qui l'ont précédé. Mon secret, c'est uniquement l'utilisation de mon logiciel, et beaucoup de temps passé à parfaire chaque modèle de meuble.

Je termine en vous donnant quelques conseils pratiques pour faire de beaux blasons.

  1. Si vous n'êtes pas trop mauvais dessinateur, dessinez vos meubles à main levée, au feutre ou marqueur noir sur une feuille A4. Numérisez ensuite votre dessin avant de le vectoriser.
  2. Si vous partez d'un modèle trouvé sur le web (ou dans un livre), passez du temps à personnalisez votre meuble. Moins il ressemblera à d'autres, mieux c'est.
  3. Privilégiez la simplicité : l'héraldique est née sur les champs de bataille du XIe siècle, les motifs étaient simples pour être rapidement reconnus. Les blasons alambiqués ne sont arrivés que bien plus tard, et la sophistication des meubles n'arrange pas la lisibilité des blasons.
  4. Un meuble doit occuper le maximum d'espace qui lui est offert. Une toute petite étoile perdue dans un grand vide comme on aimait les faire au XIXe, c'est moche.
  5. Donnez à chaque meuble une taille à peu près identique : si des étoiles entourent un croissant, il faut que tous ces meubles aient à peu près la même taille.
  6. Répartissez harmonieusement les meubles. N'hésitez pas à déplacer un chevron, à élargir ou diminuer un chef, une bande, une fasce (voyez un long développement avec exemples en commentaire de ce billet).
  7. Ne suivez pas le conseil n°5 à la lettre : Si vous avez un écu à trois meubles, 2 et 1, faites celui de la pointe un tout petit peu plus gros. Ça ne se verra pas et il occupera mieux l'espace. Idem pour les écartelés, surtout dans un écu ancien : il y a moins de place dans les quartiers du bas, il faut déformer un petit peu les meubles qui y sont.
Exemples : ci-dessous, dessin 1, les étoiles sont un peu plus petites que le croissant, car plus nombreuses, mais l'ordre de grandeur est identique. Les meubles sont bien répartis, l'espace est occupé au maximum. Idem sur le dessin 2, les besants occupent au mieux la fasce et ne paraissent pas rikiki à côté des merlettes. Notez que celle du bas est légèrement plus grande que les deux autres, mais ça ne se voit pas. Idem pour le dernier blason, l'épervier du quatrième quartier est plus petit, mais ça ne se voit pas et l'harmonie est conservée.



Et enfin, n'oubliez pas qu'en héraldique, il n'y a que deux règles. La première est la règle fondamentale, c'est celle de l'alternance des émaux et des métaux. La seconde est qu'il n'y a pas d'autre règle :). Donc tant que vous respectez la première, vous avez toute latitude pour faire un beau dessin...

- Cet article est sous licence Creative Commons by-nc-sa.

jeudi 18 juin 2009

Dessiner un blason avec Inkscape (3)

Si vous avez raté les deux premières parties du tutoriel, commencez par elles (partie 1 et partie 2).

Une partition complexe : un échiqueté

Un échiqueté n'est rien d'autre qu'une succession de carrés parfaitement alignés. Alligner tout ces carrés parfaitement peut devenir rapidement un cauchemar, mais fort heureusement, Inskape nous fournit des outils d'alignement bien pratiques. Commençons par faire un beau carré. Dessinons-le avec l'outil rectangle (cerclé en rouge) : pour être sûr que tous les côtés soient égaux, appuyez sur la touche Ctrl pendant que vous dessinez ou que vous le redimensionnez. Puis enlevez le contour s'il y en a un (Ctrl+Shift+F, puis onglet Remplissage du contour, option Pas de remplissage, cerclé en vert).

Un échiqueté contient beaucoup de carrés, il va donc falloir beaucoup de carrés comme celui-ci. Commençons par en faire un second en dupliquant celui-ci (sélectionnez-le et faites Ctrl+D), qu'on va mettre d'une autre couleur pour bien le repérer. Sélectionnons les deux rectangles, faisons en sorte qu'ils se chevauchent un peu. Ouvrons maintenant la fenêtre d'alignement (icône  ou Ctrl+Shift+A). Pour faire en sorte que les carrés se touchent parfaitement, sans espace ni chevauchement, dans la fenêtre des outils d'alignements, spécifions des espaces horizontaux et verticaux mimimaux de 0 (champs cerclés de rouge), et exécutons l'opération en apuyant sur l'icone cerclée de bleue. Il ne reste plus qu'à aligner verticalement les carrés, grâce à l'icone d'alignement vertical cerclée en vert.

Groupons maintenant nos deux rectangles (icône ), dupliquons-le, et recommençons l'opération avec ce groupe, jusqu'à obtenir une colonne de carrés de hauteur raisonnable (huit carrés devraient suffire). Dupliquons encore une fois cette colonne, mais cette fois, dégroupons-là entièrement, pour inverser les couleurs de cette seconde colonne. Regroupons-là, et faisons en sorte que la seconde colonne chevauche un peu la première. La suite, vous l'avez compris, est similaire aux opérations précédentes, à la différence qu'on utilisera maintenant l'option de centrage horizontal.

Dès que notre damier est de taille correcte, sélectionnons l'ensemble, et dégroupons-le (en cliquant plusieurs fois sur l'icone de dégroupage , ou en faisant plusieurs fois Ctrl+Shift+G). Sélectionnons maintenant tous les carrés bleus (sélection multiple : Shift+Clic) et ... Supprimons-les ! Sélectionnons à présent tous les carrés jaunes et unissons-les en un seul objet (Chemin->Union). A ce nouvel objet, attribuons un contour noir... Il suffira de le poser sur un fond uni pour avoir un bel échiqueté... Sauvegardez-le pour ne pas avoir à le refaire à chaque fois que vous en aurez besoin. Ceux qui n'ont pas réussi cette partie (facile) du tutoriel pourront télécharger l'échiqueté ci-dessous. Pour faire un losangé, il suffit de faire tourner l'ensemble de 90° et de l'aplatir un peu... Et pour l'appliquer à un blason ou à une partition, on utilisera la technique du masquage vue au tutoriel précédent.

Pourquoi avoir uni tous les carrés en un seul objet ? Tout simplement parce que le jour où vous aurez besoin d'un échiqueté d'argent et de gueules, vous n'aurez pas à recolorier chaque carré un par un, et en une seule opération, vous pourrez remplacer tous les carrés jaunes par des carrés rouges...

Faire un fretté

Corsons un peu le sujet, nous allons faire un fretté. Quoiqu'en réfléchissant un peu, un fretté n'est pas plus compliqué à dessiner avec Inkscape qu'un échiqueté. Il suffit de considérer qu'il ne s'agit que d'une suite de bandes bien alignés, et disposés tantôt horizontalement, tantôt verticalement. Alors allons-y, dessinons une telle bande, toujours sans contour. Dupliquons là, tournons la seconde bande de 90, et alignons-là avec la précédente, avec les mêmes outils que pour l'échiqueté, de façon à faire un T. Et on recommence l'opération, de façon à avoir une belle colonne de T, puis on duplique cette colonne. On dégroupe l'ensemble, on supprime la première bande horizontale de la seconde colonne, et la dernière bande verticale de la première colonne, on regroupe chaque colonne, et on les aligne horizontalement.

Problème : les deux colonnes ne se collent pas, et pour cause, les barres horizontales l'en empêche. On va donc tout dégrouper, et sélectionner uniquement la seconde colonne. On la rapproche alors de la première en appuyant sur la flèche vers la gauche du pavé numérique, jusqu'à ce qu'elle chevauche la première colonne. Ce mode de déplacement a l'avantage de ne pas perdre le centrage horizontal qu'on vient de réaliser (et Ctrl+Flèche déplace la sélection plus rapidement).

Et on recommence : Duplication (Ctrl+D), déplacement (avec les flèches), et suppression du chevauchement....

Une fois que le maillage a atteint une taille suffisante, on sélectionne toutes les bandes horizontales, et on les unie en un objet (Chemin->Union), Faisons de même avec les bandes verticales (on ne peux pas unir bandes horizontales et verticales, car cela nous donnerait un quadrillage et non un fretté). Une petite rotation de 45°, des contours noirs, et hop ! voici un joli fretté (que vous pouvez télécharger aussi)...

Finalement, le dessin avec Inkscape, c'est assez simple...

- Cet article est sous licence Creative Commons by-nc-sa.

jeudi 11 juin 2009

Dessiner un blason avec Inkscape (2)

Quelques partitions

Après la première partie de ce tutoriel, vous avez probablement eu envie d'aller plus loin. Nous allons donc aujourd'hui apprendre à dessiner quelques partitions, et vous devriez être en mesure, à la fin de ce tutoriel, de les dessiner toutes.

Nous allons pour ce tutoriel réutiliser l'écu que nous avons dessiné la semaine dernière.

L'écartelé

Pour faire un écartelé, il faut diviser le champ de l'écu en quatre parties distinctes et surtout indépendantes, afin de pouvoir leur associer des couleurs différentes.

Commençons par dessiner des bandes séparant le champ en quatre. Dessinons un rectangle noir (outil cerclé en rouge), et pour connaître exactement ses dimensions, assurons-nous qu'il n'ai pas de bordure. Sélectionnez le rectangle dessiné et cliquez sur l'icône encerclée en vert pour ouvrir la fenêtre de propriétés de l'objet. Dans le second onglet, supprimez la bordure (cercle bleu).

Positionnez et dimensionnez ce rectangle pour qu'il soit horizontalement centré, et qu'il dépasse en haut et en bas du champ. Ce rectangle déterminera la séparation verticale entre les quartiers de l'écartelé, réglez donc sa largeur pour qu'elle corresponde à un espacement correct. Dupliquez ce rectangle (Ctrl+D) et faites-le tourner de 90° (cliquez dessus pour faire apparaître les poignées de rotation, et faites-le tourner en appuyant sur la touche Ctrl pour qu'il tourne d'angles multiples de 22,5°). Cette nouvelle forme sera celle qui déterminera la séparation horizontale. Remontez-la pour la positionner de façon à ce que les quatre quartiers soient équilibrés. Enfin, sélectionnez ces deux objets, et réunissez-les en un seul (Shift-Clic pour ajouter un objet à la sélection, puis Chemin->Union pour les réunir en un seul objet).

Sélectionnons maintenant ce nouvel objet et le champ à découper. La suite est simple, il suffit de faire Chemin->Différence, pour découper le champ suivant notre objet, et le fond noir de l'écu apparaitre derrière (ce qui aurait plus évident si j'avais fait ma croix en une autre couleur). Le champ est donc maintenant une union de quatre quartiers. Pour les rendre indépendant et donc pour pouvoir les colorer séparément, faites Chemin->Séparer. Et voilà, c'est terminé, les quartiers sont colorables indépendamment... Sauvegardez ce dessin pour ne pas avoir à refaire toute l'opération si vous avez à dessiner un nouvel écartelé.

Exercices : faites maintenant un parti, un coupé, un tranché, un taillé et un gironné (attention à faire un beau centre pour le gironné)...

Le chef

On pourrait faire un chef exactement de la même façon. Mais l'inconvénient est qu'on ne pourrait pas le redimensionner suivant les meubles qu'il contient (ou pas), et ceux du reste de l'écu. Voici donc une autre façon de faire qui permet une utilisation bien plus souple.

Le chef est une pièce rectangulaire, je vais donc simplement superposé un rectangle à mon écu. Il faut cette fois lui donner un contour, et le positionner exactement (Ctrl+molette souris pour zoomer), pour que les bords supérieur haut, gauche et droit correspondent à ceux de l'écu. Ensuite, il suffit de déplacer le bord inférieur du rectangle pour avoir un chef plus ou moins haut...

On peut faire une fasce de la même façon, mais ce n'est plus très valable si votre écu a une forme ancienne (les deux bords dextre et senestre ne sont rapidement plus parallèles)...

La bande

La technique utilisée pour le chef est utile car elle se met en œuvre facilement et très rapidement, les contours du chef s'alignant naturellement avec ceux de l'écu. Ce qui n'est pas le cas pour une bande ou une barre. Pour en faire une, commençons donc par faire un rectangle avec bordure. Dimensionnez bien la largeur du rectangle, car ce sera celle de notre bande, et elle sera plus tard moins facile à modifier. Cliquez sur le rectangle pour faire apparaître les poignées de rotation, et positionnez le pour en oblique, pour qu'il prenne exactement la place de la bande.

Nous devons maintenant masquer les éléments qui dépassent du champ. Or, Inkscape offre la possibilité de masquer ou d'afficher partiellement un objet suivant un masque. Ce masque, nous le connaissons, c'est le champ. Sélectionnons-le et dupliquons-le (Ctrl-D). Ce nouvel objet sera notre masque, et il doit être au-dessus de l'objet masqué. Sélectionnons-le, avec notre bande. L'opération magique est Objet->Masque-Définir. L'objet au dessus sera le masque, et l'objet du dessous dera celui qui est masqué (en fait, ici, le masque définit la partie à afficher). Et c'est terminé...

Exercices : faites maintenant une barre, un pal, une fasce...

Le chevron

Maintenant que vous avez compris le principe, faire un chevron ne devrait pas vous poser de problème. Je vais quand même un faire un premier avec vous... Faisons un nouveau rectangle que nous positionnons en oblique, avec un angle de 45° (appuyez sur la touche Ctrl pendant que vous le faites tourner). Dupliquons-le (Ctrl-D, vous devez maintenant le savoir par cœur). Appliquons à cette seconde bande une symétrie verticale (icône cerclée de rouge) et positionnons-là pour qu'elle fasse un chevron avec la précédente (soyez le plus précis possible).

On peut aussi faire cet alignement avant la rotation de 45, avec les outils d'alignement d'Inkscape (je les expliquerais au prochains cours). Sélectionnons les deux parties du chevron et réunissons-les dans un seul et même objet (Chemin->Union). La fin, vous la devinez... positionnez le chevron sur l'écu, et comme la bande, appliquez-lui un masque.

Exercices : Faites un sautoir, une croix...

Maintenant, vous devez être en mesure de faire toutes (ou presque) les partitions et pièces honorables avec Inkscape...

- Cet article est sous licence Creative Commons by-nc-sa.

- page 3 de 5 -