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.

3 thoughts on “Dessiner un blason avec Inkscape (3)

  1. Bonsoir Amaury,

    J’ai un petit problème avec InkScape et HeraldiqueGenWeb et, compte-rendu de ton expérience, je me suis dit que tu pourrais peut-être m’aider.

    Voilà, c’est la deuxième fois que je crée des blasons avec Inkscape et que j’exporte en png pour les mettre sur HeraldiqueGenWeb (voir par exemple le blason de la famille de Monier qui doit toujours se trouver dans les nouveaux blasons). La version en grande taille est correcte, par contre la vignette est sur fond noir alors que je m’attend à ce que le fond soit transparent.

    Une idée ?

    Cordialement,
    Gilles

  2. Bonsoir Gilles,

    Oui, c’est un problème auquel j’ai aussi été confronté à mes début. La réponse est que par défaut, le fond du dessin est transparent. Or, certaines des fonctions php qui redimensionnent les images ont du mal avec les fond transparents et les remplacent par… un fond noir.

    Il faut donc pour ces dessins leur donner une couleur de fond blanche. Pour ça, avant d’exporter le dessin en png, il faut faire Fichier>Propriétés du document, et là, cliquer sur Couleur du fond (entouré en rouge ci-dessous). Une boite de dialogue s’affiche, qui permet de changer la couleur du fond mais surtout sa transparence (encadré en bleu). Mettez-la à 255 ou FF (entouré en vert).

    Cette propriété de la couleur de fond est attachée au fichier, ce n’est pas une préférence globale. Je te conseille donc de la mettre pour chaque modèle d’écu que tu fera, ensuite, tu n’auras plus à y revenir, elle sera prise en compte pour chaque dessin que tu dériveras de ces modèles.

    PS : Pour les dessins déjà sur HéraldiqueGenWeb, envoie les versions sans transparence à moi ou à un autre modérateur (Fred, qui m’a donné la solution de ce problème à mes débuts, Seb, ou mieux, l’adresse heraldique@france….org), nous remplacerons les précédentes versions.

Répondre à Amaury de la Pinsonnais Annuler la réponse

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *