Au hasard des archives...

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

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.

lundi 8 juin 2009

Nouveau site de la SAHNLA

La SAHNLA a depuis quelques jours un nouveau site, que je vous invite à visiter, notamment (mais pas seulement) parque qu'il contient un grand nombre de photographies de toute la France et d'ailleurs, ce qui se rapproche du thème de ce blog.

- page 3 de 5 -