inkscape - legtux.orgsnoeck.legtux.org/www/images/inkscape.pdf · ce format est adapté aux dessins...

23
Inkscape Barre des contrôles du magnétisme Barre des commandes Barre des contrôles d’outils Boite à outils Règles Palette Barre d’état

Upload: others

Post on 16-Oct-2020

1 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Inkscape - legtux.orgsnoeck.legtux.org/www/images/Inkscape.pdf · Ce format est adapté aux dessins vectoriels et basé sur XML (eXtensible Markup Language : langage de balisage extensible)

Inkscape

Barre des contrôles du magnétisme

Barre des commandes

Barre des contrôles d’outils

Boite à outils

Règles

Palette Barre d’état

Page 2: Inkscape - legtux.orgsnoeck.legtux.org/www/images/Inkscape.pdf · Ce format est adapté aux dessins vectoriels et basé sur XML (eXtensible Markup Language : langage de balisage extensible)

Inkscape, qu’est-ce que c’est ?

1. C’est un logiciel de dessin qui permet de faire des dessins vectoriels.

Images matricielles

Une image matricielle est constituée de points donc, si on

grossit, on perd rapidement de la qualité

Images vectorielles

Pas de pertes de qualité, mais pourquoi ?

Les images sont constituées de vecteurs avec un début, une

fin : ce sont des maths derrière ce logiciel !!!

2. C’est un logiciel libre sous licence GNU

→ http://wiki.korben.info/les_differentes_licences#gpl_(general_public_license)

L'objectif de la licence GNU GPL, selon ses créateurs est de garantir à l'utilisateur les droits suivants (appelés libertés) sur un

programme informatique :

1. La liberté d'exécuter le logiciel, pour n'importe quel usage ;

2. La liberté d'étudier le fonctionnement d'un programme et de l'adapter à ses besoins, ce qui passe par l'accès aux codes

sources ;

3. La liberté de redistribuer des copies ;

4. L'obligation de faire bénéficier à la communauté des versions modifiées.

Pour la première liberté, cela exclut donc toutes limitations d'utilisation d'un programme par rapport à l'architecture (notamment

le processeur et le système d'exploitation) ou à l'utilisation qui va en être faite.

Page 3: Inkscape - legtux.orgsnoeck.legtux.org/www/images/Inkscape.pdf · Ce format est adapté aux dessins vectoriels et basé sur XML (eXtensible Markup Language : langage de balisage extensible)

La quatrième liberté passe par un choix : la deuxième autorisant de modifier un programme, il n'est pas tenu de publier une version

modifiée tant qu'elle est pour un usage personnel ; par contre, en cas de distribution d'une version modifiée, la quatrième liberté

amène l'obligation à ce que les modifications soient retournées à la communauté sous la même licence.

On ne parle plus de copyright mais de copyleft

3. C’est un logiciel multiplateforme

→ Il peut fonctionner sous différents systèmes d’exploitation : Windows, Linux, Mac

4. C’est un logiciel qui utilise le format SVG en natif

→ Le format SVG signifie Scalable Vector Graphics, Graphique Vecteurs Adaptables. Ce format est adapté aux dessins vectoriels

et basé sur XML (eXtensible Markup Language : langage de balisage extensible)

Page 4: Inkscape - legtux.orgsnoeck.legtux.org/www/images/Inkscape.pdf · Ce format est adapté aux dessins vectoriels et basé sur XML (eXtensible Markup Language : langage de balisage extensible)

Activité 1 :

Le drapeau suédois — Un petit exemple

Nous utiliserons Inkscape pour dessiner un drapeau simple, celui de la Suède. Cet exemple couvrira le réglage d'une taille personnalisée

de dessin, le positionnement d'une grille pour aider à placer précisément les objets, l'utilisation de l’outil rectangle, le changement de

couleur des objets, et pour finir l'enregistrement du dessin et l'export du dessin dans un format approprié à une utilisation sur Internet.

Drapeau de la Suède

Les étapes par lesquelles nous passerons sont :

lancer Inkscape ;

régler la taille du dessin ;

élaborer une grille pour guider le tracé des objets ;

dessiner le fond du drapeau ;

dessiner la croix ;

régler les couleurs du fond et de la croix ;

enregistrer et exporter le dessin.

Procédure 1.1. Dessin du drapeau suédois

Page 5: Inkscape - legtux.orgsnoeck.legtux.org/www/images/Inkscape.pdf · Ce format est adapté aux dessins vectoriels et basé sur XML (eXtensible Markup Language : langage de balisage extensible)

1. Lancer Inkscape.

Le programme va ouvrir une seule fenêtre avec la taille de la page par défaut.

2. Réglez la taille de la page à la taille désirée du drapeau

Les proportions exactes du drapeau suédois sont de 16 sur 10. Nous allons régler la taille de

la page à une surface de 320 par 200 pixels (200x1.6=320). Ce qui est important ici est le

rapport. La taille du dessin lors de l'impression ou de l'export en image matricielle peut être

modifiée ultérieurement (par défaut, un pixel correspond à un pixel écran lors de l'export).

a. Ouvrez le dialogue des Préférences du document

Ouvrez le dialogue des Propriétés du document en sélectionnant Fichier →

Propriétés du document... (Maj+Ctrl+D).

b. Réglez la taille de la page

Dans la nouvelle fenêtre ouverte, réglez Dimensions personnalisées : Unités sur « px » (pixels) en utilisant le menu déroulant.

Réglez alors la taille du drapeau en modifiant Dimensions personnalisées : Largeur à 320px, et Hauteur à 200px. Ceci peut

être fait en saisissant les nombres dans les boîtes de saisie à côté des libellés (on pourrait utiliser les petites flèches vers

le haut et vers le bas pour modifier la valeur saisie, mais ça ne fonctionne pas si le nombre saisi doit être non entier). Notez

que lorsque vous saisissez de nouvelles valeurs, les changements ne prennent pas effet tant que vous n'avez pas appuyé sur

la touche Retour, cliqué dans une boîte de saisie différente ou déplacé le curseur du dialogue des Propriétés du document

vers une autre fenêtre d'Inkscape. L'orientation de la page changera automatiquement pour Paysage.

c. Ajustez la page à la surface de dessin

Page 6: Inkscape - legtux.orgsnoeck.legtux.org/www/images/Inkscape.pdf · Ce format est adapté aux dessins vectoriels et basé sur XML (eXtensible Markup Language : langage de balisage extensible)

La page est maintenant un petit rectangle en bas de la surface de dessin. Pour

ajuster la page à la surface de dessin, cliquez sur l'icône Ajuster la page à la

fenêtre dans la barre de commandes, ou utilisez le raccourci clavier : 5. La

fenêtre d'Inkscape devrait alors ressembler à ceci :

3. Réglez la grille :

Pendant que le dialogue des Propriétés du document est ouvert, nous allons faire une

modification de plus qui rendra le tracé du fond et de la croix plus facile. Une grille

est un ensemble de lignes (habituellement) horizontales et verticales qui procurent un

guide pour dessiner des objets. Facultativement, les objets vont « adhérer » à la

Grille lorsqu'ils seront dessinés ou déplacés, permettant un tracé précis. La Grille

n'apparaîtra pas lorsque le dessin est imprimé ou exporté en image matricielle.

a. Créez une grille

Sélectionnez l'onglet Grilles dans le dialogue des Propriétés du document. Sous la section Création, sélectionnez Grille rectangulaire dans le menu déroulant (si elle n'est pas déjà sélectionnée) et cliquez sur le bouton Nouveau. Vous devriez voir

une grille de lignes bleues sur le canevas. Si non, assurez-vous que les cases Activé et Visible sont toutes deux cochées dans

la section Grilles définies. Si elles sont cochées, ajustez l'affichage global des Grilles en utilisant la commande Affichage →

Grille (#).

b. Ajustez l'espacement de la grille

Vous pouvez maintenant ajuster la grille pour la faire correspondre à la croix. La dimension et la position de la croix est

donnée par la loi suédoise. La barre verticale doit être placée entre les 5/16èmes et les 7/16èmes de la largeur du drapeau,

tandis que la barre horizontale doit être placée entre les 4/10èmes et les 6/10èmes de la hauteur du drapeau.

Page 7: Inkscape - legtux.orgsnoeck.legtux.org/www/images/Inkscape.pdf · Ce format est adapté aux dessins vectoriels et basé sur XML (eXtensible Markup Language : langage de balisage extensible)

La grille par défaut possède des sous-divisions à chaque pixel et des divisions

principales tous les 5 pixels. Selon le niveau de zoom, toutes les divisions ne sont

pas affichées. Une Grille plus utile pour dessiner le drapeau comporterait des

divisions tous les 20 pixels, de sorte que les lignes de la Grille divisent la largeur

du drapeau en 16 parties et la hauteur en 10.

Pour modifier l'échelle de la grille, revenez à l'onglet Grilles de la fenêtre des

Propriétés du document.

Réglez à la fois l'espacement X et l'espacement Y sur 20.

Pour faciliter le tracé précis du dessin, nous allons activer l'adhérence des

nœuds aux lignes de la grille. Nous devrons nous assurer que le magnétisme

des nœuds (les coins d'un rectangle) aux lignes de la grille est activé.

4. Dessinez le fond du drapeau

Le drapeau possède un fond bleu clair. Il existe différentes manières de le réaliser ; nous utiliserons un rectangle plein.

a. Sélectionnez l'Outil Rectangle.

Cliquez sur l'icône de l'Outil Rectangle dans la Boîte à outils sur la gauche de la fenêtre d'Inkscape (ou utilisez le

raccourci clavier F4) pour sélectionner l'Outil Rectangle.

Infobulles

Une caractéristique agréable d'Inkscape est qu'il y a de très bonnes suggestions intégrées. Tandis que le pointeur de la

souris est au-dessus de l'icône de l'Outil Rectangle, vous voyez une Infobulle décrivant l'utilisation de l'Outil

Page 8: Inkscape - legtux.orgsnoeck.legtux.org/www/images/Inkscape.pdf · Ce format est adapté aux dessins vectoriels et basé sur XML (eXtensible Markup Language : langage de balisage extensible)

Rectangle. Cette propriété est présente pour la plupart des icônes et objets dans Inkscape. L'Infobulle inclut

généralement le raccourci clavier d'une icône, dans le cas présent (F4), indiquant que l'appui sur « F4 » peut être une

autre façon de sélectionner l'Outil Rectangle.

Une fois que vous avez sélectionné l'Outil Rectangle, déplacez le pointeur sur la surface de dessin. Le pointeur devient un

rectangle. Ceci signifie que vous êtes prêt(e) à dessiner un rectangle ou un carré. La petite croix en haut à gauche du

pointeur indique le point actif.

Zone de notification

En bas de la fenêtre se trouve une Zone de notification (dans la Barre d'état). Celle-ci vous indique les actions que vous

pouvez réaliser avec l'outil sélectionné. Notez que la zone n'est pas toujours assez large pour afficher toutes les

options. Le déplacement de la souris sur la zone provoque l'affichage d'une Infobulle présentant la totalité du contenu.

On peut aussi élargir la fenêtre d'Inkscape pour voir une plus grande partie de la zone. Quand l'Outil Sélection est

employé, la Zone de notification vous indique également le nombre et le type d'objets sélectionnés à ce moment.

b. Dessinez le rectangle du fond

Pour dessiner le rectangle du fond, suivez le conseil de la Zone de notification. Cliquez-tirez le pointeur d'un coin au coin

opposé de la surface de la page.

Notez comment les coins du rectangle adhèrent à la Grille. Si votre rectangle ne coïncide pas avec la taille de la page, vous

pouvez utiliser l'une des poignées de redimensionnement (petits carrés) en haut à gauche ou en bas à droite du rectangle

pour ajuster la taille du rectangle (le cercle du coin en haut à droite a une fonction différente. Il est utilisé pour arrondir

les quatre coins du rectangle). Lorsque vous tirez les carrés, ils adhèrent à la Grille.

Si vous faites une erreur, vous pouvez cliquer sur l'icône Annuler de la Barre de commandes, utiliser Édition →

Annuler (Ctrl+Z) dans la Barre de menus ou utiliser le raccourci clavier Ctrl+Z pour annuler la modification.

Page 9: Inkscape - legtux.orgsnoeck.legtux.org/www/images/Inkscape.pdf · Ce format est adapté aux dessins vectoriels et basé sur XML (eXtensible Markup Language : langage de balisage extensible)

Rectangle du fond.

La couleur de remplissage va devoir être modifiée. On pourrait le faire maintenant, mais il est plus facile d'attendre et de la

changer en même temps que le réglage de la couleur de la croix.

5. Dessinez la croix

La croix se compose d'une barre horizontale et d'une barre verticale.

Page 10: Inkscape - legtux.orgsnoeck.legtux.org/www/images/Inkscape.pdf · Ce format est adapté aux dessins vectoriels et basé sur XML (eXtensible Markup Language : langage de balisage extensible)

a. Dessinez la barre horizontale

Avec l'Outil Rectangle toujours sélectionné, créez une barre en commençant à six unités à gauche de la grille et en cliquant-

tirant le pointeur jusqu'à quatre unités vers la droite du drapeau. Notez que la couleur de Remplissage du rectangle est la

même que la couleur du fond, mais vous devriez quand-même voir la nouvelle barre. Appliquez les corrections nécessaires à la

taille et à la position du rectangle.

Si vous ne pouvez pas voir la barre horizontale... Pas de panique ! Inkscape utilise toujours le Style courant (attributs :

couleur, style de ligne etc.) pour dessiner les nouveaux objets. Le Style courant est réglé sur celui du dernier objet dont le

style a été modifié (incluant celui d'une session précédente d'Inkscape). Si la couleur du contour correspond à la couleur de

Remplissage du rectangle ou si l'affichage du contour a été désactivé, ET si la Transparence ou Alpha est réglée à 100% vous

serez dans la même situation qu'un ours polaire dans une tempête de neige. Il y a différentes solutions, mais la plus simple

est de modifier la couleur de la barre horizontale pour la différencier de la couleur du fond. Ceci peut être réalisé en

cliquant sur n'importe quel échantillon dans la Palette tandis que la nouvelle barre dessinée est encore sélectionnée (indiquée

par la ligne pointillée autour du périmètre). Si un échantillon de couleur de la Palette est cliqué alors qu'aucun objet n'est

sélectionné, le Style courant sera modifié pour utiliser cette couleur pour le Remplissage du prochain Rectangle dessiné.

b. Dessinez la barre verticale

La barre verticale doit s'inscrire entre les 5ème et 7ème unités à partir de la gauche.

Page 11: Inkscape - legtux.orgsnoeck.legtux.org/www/images/Inkscape.pdf · Ce format est adapté aux dessins vectoriels et basé sur XML (eXtensible Markup Language : langage de balisage extensible)

L'affichage après le tracé des barres horizontale et verticale. Les lignes de contour montrent le chevauchement entre les

rectangles.

c. Fusionnez les barres en une croix

On pourrait s'arrêter là. Après suppression des bordures des barres, on a la croix désirée. Mais il serait préférable (et en

tout cas plus pédagogique) de fusionner les barres en une croix, de façon à ce que la croix soit un objet unique plutôt que

deux.

i. Sélectionnez les deux rectangles à la fois

Les deux barres doivent être sélectionnées ensemble. Ceci peut être réalisé avec l'Outil Sélection et la touche Maj.

Activez l'Outil Sélection en cliquant sur l'icône dans la Boîte à outils ou en utilisant l'un des raccourcis clavier F1

ou S.

Après changement pour l'Outil Sélection (indiqué par la modification du pointeur en une flèche au-dessus du canevas

ou en flèches croisées au-dessus d'un objet), cliquez sur l'un des rectangles de la croix, puis, tout en maintenant la

touche Maj enfoncée, cliquez sur l'autre rectangle de la croix. Les deux rectangles doivent être sélectionnés, comme

indiqué par leurs bordures pointillées. Notez que le rectangle du fond n'est pas entouré d'une bordure pointillée, et

que la Zone de notification indique que deux objets sont sélectionnés.

Page 12: Inkscape - legtux.orgsnoeck.legtux.org/www/images/Inkscape.pdf · Ce format est adapté aux dessins vectoriels et basé sur XML (eXtensible Markup Language : langage de balisage extensible)

Les deux rectangles qui forment la croix sont sélectionnés.

Page 13: Inkscape - legtux.orgsnoeck.legtux.org/www/images/Inkscape.pdf · Ce format est adapté aux dessins vectoriels et basé sur XML (eXtensible Markup Language : langage de balisage extensible)

ii. Fusionnez les chemins

Les deux rectangles peuvent être combinés en fusionnant leurs chemins (ici, le Chemin est le contour du rectangle).

Pour fusionner les deux rectangles sélectionnez Chemin → Union (Ctrl++) dans la Barre de menus. Les rectangles

sont maintenant fusionnés en un seul objet.

La croix après fusion des deux rectangles.

La croix n'est plus faite d'objets Rectangle mais désormais définie comme un Chemin.

6. Réglez les couleurs du fond et de la croix

L'étape suivante consiste à ajuster les couleurs du fond et de la croix aux couleurs du drapeau suédois. Nous utiliserons le dialogue

Remplissage et contour afin de régler précisément les couleurs correctes.

a. Affichez le dialogue Remplissage et contour

Ouvrez le dialogue Remplissage et contour en cliquant sur l'icône Remplissage et contour dans la Barre de commandes, en

cliquant sur la partie Remplissage de l'Indicateur de style dans la Barre d'état ou en utilisant le raccourci clavier

Maj+Ctrl+F.

Page 14: Inkscape - legtux.orgsnoeck.legtux.org/www/images/Inkscape.pdf · Ce format est adapté aux dessins vectoriels et basé sur XML (eXtensible Markup Language : langage de balisage extensible)

Par défaut, le dialogue est attaché sur la droite dans la fenêtre d'Inkscape. Si vous avez la place, détachez le dialogue en

tirant sa barre supérieure (la barre grise portant l'inscription Remplissage et contour). Tirez le dialogue à l'extérieur de la

fenêtre d'Inkscape. Tapez 5 pour recentrer le dessin dans la fenêtre principale (ou utilisez le Bouton du milieu de la souris

pour ramener le dessin au centre).

Le dialogue Remplissage et contour.

Assurez-vous que l'onglet Remplissage est sélectionné en haut de la fenêtre, si non cliquez sur cet onglet. Les paramètres du

dialogue Remplissage et contour s'appliquent aux objets dessinés de la sélection courante.

Page 15: Inkscape - legtux.orgsnoeck.legtux.org/www/images/Inkscape.pdf · Ce format est adapté aux dessins vectoriels et basé sur XML (eXtensible Markup Language : langage de balisage extensible)

b. Réglez la couleur de Remplissage du fond

Sélectionnez le rectangle du fond en cliquant dessus avec l'Outil Sélection. La Zone de notification devrait indiquer qu'un

seul rectangle est sélectionné et l'Indicateur de style présenter la couleur de Remplissage et la couleur de Contour du

rectangle. L'icône Aplat de couleur devrait être sélectionnée. Si non, cliquez dessus.

Il y a différentes façons de spécifier la couleur de Remplissage désirée. Nous utiliserons le mode Rouge-Vert-Bleu (RVB) (sélectionnez l'onglet RVB s'il ne l'est déjà). Dans ce mode, une couleur est spécifiée en réglant le niveau de chacune des

trois couleurs primaires. L'échelle s'étend de 0 à 255. On peut changer le niveau de chaque couleur primaire en faisant

glisser les petits triangles de droite et de gauche dans les barres libellées R, V et B ou en modifiant les valeurs dans les

boîtes à droite des barres (par saisie ou en utilisant les flèches haut et bas). Pour le drapeau suédois, la couleur du fond est

spécifiée par la norme colorimétrique NCS 4055-R95B, équivalant aux valeurs : Rouge : 0, Vert : 90, Bleu : 173. La quatrième

entrée est l'Alpha (A) ou transparence, qui détermine l'opacité de l'objet. Nous voulons que notre drapeau ait un fond plein,

non translucide, donc l'Alpha doit être réglé à 255 (l'étendue va de 0 à 255). De même, le curseur d'Opacité globale devrait

être réglé à 100%.

Une étape supplémentaire consiste à désactiver toute couleur de Contour (bordure). Dans le dialogue Remplissage et

contour, sélectionnez l'onglet Remplissage du contour et cliquez sur l'icône Pas de remplissage pour désactiver le

contour.

c. Réglez la couleur de Remplissage de la croix

Sélectionnez la croix et changez la couleur de Remplissage en suivant les indications précédentes. Lorsque la croix est

sélectionnée, la Zone de notification indique qu'un Chemin avec 12 nœuds est sélectionné. Vous devrez sélectionner de

nouveau l'onglet Remplissage. Cette fois, réglez les couleurs à R : 255, V : 194 et B : 0. Désactivez également la bordure

comme ci-dessus.

7. Enregistrez et exportez votre travail

Page 16: Inkscape - legtux.orgsnoeck.legtux.org/www/images/Inkscape.pdf · Ce format est adapté aux dessins vectoriels et basé sur XML (eXtensible Markup Language : langage de balisage extensible)

Il est temps maintenant d'enregistrer votre travail. Sélectionnez Fichier → Enregistrer sous... (Maj+Ctrl+S). Le dialogue qui

apparaît dépend de votre système d'exploitation. Sélectionnez le dossier ou le répertoire dans lequel le dessin doit être

enregistré, et donnez au dessin un nom approprié. Terminez en cliquant sur le bouton Enregistrer.

Une dernière étape consiste à exporter votre fichier en image matricielle au format PNG (Portable Network Graphic), qui peut

être utilisé par d'autres logiciels de dessin ou sur une page Internet.

Affichez le dialogue Exporter en bitmap : (Fichier → Exporter en bitmap... (Maj+Ctrl+E)).

Le dialogue Exporter en bitmap.

Il y a quatre options de choix de la surface à exporter : Page, Dessin, Sélection et Personnalisée. Dans notre cas, les surfaces Page

et Dessin sont identiques. Sélectionnez-en une puis saisissez ou sélectionnez un nom de fichier en bas et cliquez sur le bouton

Exporter pour enregistrer le dessin au format PNG.

Ouvrez votre travail (le fichier en .png) pour vérifier qu’il est bien conforme.

Page 17: Inkscape - legtux.orgsnoeck.legtux.org/www/images/Inkscape.pdf · Ce format est adapté aux dessins vectoriels et basé sur XML (eXtensible Markup Language : langage de balisage extensible)

Activité 2

Le drapeau européen — Un exemple plus élaboré

Nous utiliserons Inkscape pour dessiner un drapeau plus complexe, celui de l'Union Européenne (UE). Ce tutoriel abordera l'utilisation de

l'Outil Étoile pour dessiner une étoile régulière, l'utilisation des Lignes de guide pour le positionnement, la création de copies ou clones

d'un objet, et le déplacement précis de ces copies vers leurs emplacements respectifs.

Drapeau de l'Union Européenne.

Les étapes sont :

régler les paramètres de base du dessin (taille du drapeau, grille, couleur du fond) ;

ajouter des Lignes de guide ;

dessiner une seule étoile ;

dupliquer l'étoile et positionner les répliques.

Procédure 1.2. Dessin du drapeau de l'Union Européenne

1. Réglez le dessin

Page 18: Inkscape - legtux.orgsnoeck.legtux.org/www/images/Inkscape.pdf · Ce format est adapté aux dessins vectoriels et basé sur XML (eXtensible Markup Language : langage de balisage extensible)

Pour commencer, lancez Inkscape. La taille de la page doit être ajustée aux proportions correctes du drapeau européen, dont le

rapport entre la largeur et la hauteur est de 3 pour 2. Nous utiliserons une surface de 270 par 180 pixels (180x3/2=270). Ceci

facilitera le dessin et le positionnement des étoiles selon les spécifications de l'UE.

Suivez les instructions données dans l'exemple du drapeau suédois pour régler la taille de la page et créer une grille, mais réglez la

largeur du drapeau à 270 et la hauteur à 180 pixels. Réglez également l'espacement de la grille à 5 pixels plutôt qu'à 20 (ainsi le

centre du drapeau peut aisément être localisé). Activez l'adhérence des nœuds à la grille dans l'onglet Magnétisme.

Dessinez pour le fond du drapeau un rectangle qui couvre entièrement la page. Utilisez ensuite le dialogue Remplissage et contour

(Objet → Remplissage et contour... (Maj+Ctrl+F)) pour régler la couleur du fond selon la couleur RVB prescrite officiellement :

0, 51, 153. Vérifiez que la valeur de l'Alpha (A) est de 255 et l'opacité globale de 100%.

2. Ajoutez des Lignes de guide

Pour positionner les étoiles, il est plus facile de dessiner la première étoile au centre du drapeau (135, 90). Vous pouvez alors

utiliser de simples translations pour déplacer les étoiles vers leurs positions finales. Vous pouvez le faire plus facilement en

conservant la trace du point central par l'ajout de Lignes de guide. Les Lignes de guide sont des lignes horizontales et verticales

qui, comme la Grille, ne font pas partie du dessin effectif.

Pour ajouter une Ligne de guide, cliquez-tirez en partant d'une Règle et en terminant au point désiré du canevas (si vous

commencez près d'un bord, une Ligne de guide sera créée en diagonale). La Ligne de guide peut être déplacée en la sélectionnant

(avec l'Outil Sélection) et en la tirant. Faites attention à ne pas déplacer le fond ! Si non, annulez simplement le déplacement (

ou Ctrl+Z). Pour positionner précisément la Ligne de guide, double-cliquez dessus à l'aide de l'Outil Sélection. Un dialogue s'ouvre,

dans lequel vous pouvez saisir la position exacte requise.

Page 19: Inkscape - legtux.orgsnoeck.legtux.org/www/images/Inkscape.pdf · Ce format est adapté aux dessins vectoriels et basé sur XML (eXtensible Markup Language : langage de balisage extensible)

Le dialogue Ligne de guide.

Les Lignes de guide peuvent être activées et désactivées à l'aide de l'icône Ligne de guide ( ) de la Barre de magnétisme

(version 0.47) ou dans l'onglet Guides du dialogue Propriétés du document (Fichier → Propriétés du document... (Maj+Ctrl+D)

dans la version 0.46) ou par la commande Affichage → Guides (|). Cocher la case Aimanter les guides en déplaçant dans l'onglet

Guides permettra aux Lignes de guide d'adhérer à la Grille.

Ajoutez une Ligne de guide horizontale à y = 90 px et une Ligne de guide à x = 135 px.

3. Dessinez une étoile

Nous devons dessiner une étoile à cinq branches, qui sera dupliquée pour créer les 12 étoiles du drapeau. Pour éviter de dessiner

une étoile bleue sur un fond bleu, cliquez à côté du dessin pour désélectionner le rectangle du fond, puis cliquez sur l'une des

couleurs de la Palette. Lorsqu'aucun objet n'est sélectionné, cliquer sur une couleur de la Palette règle le Remplissage par défaut

sur cette couleur.

a. Sélectionnez l'Outil Étoile et réglez les paramètres de l'étoile

Page 20: Inkscape - legtux.orgsnoeck.legtux.org/www/images/Inkscape.pdf · Ce format est adapté aux dessins vectoriels et basé sur XML (eXtensible Markup Language : langage de balisage extensible)

Pour dessiner une étoile, sélectionnez l'Outil Étoile (raccourci clavier *) dans la Boîte à outils. Conformément aux

spécifications du drapeau européen, les étoiles du drapeau ont cinq branches, dont une vers le haut. La façon la plus simple

de donner à l'étoile sa forme exacte est d'utiliser les Contrôles d'outils.

Les Contrôles d'outils de l'Outil Étoile.

Dans les Contrôles d'outils, réglez le nombre de sommets à 5. Sélectionnez l'icône Étoile ( ) pour permettre le dessin

d'une étoile. Le ratio des rayons est le rapport du rayon de la base des branches sur le rayon des sommets de l'étoile

(R2/R1). Pour une étoile « régulière » à cinq branches, il doit être de 0,382. Les autres entrées des Contrôles d'outils :

Arrondi et Hasard, doivent être à zéro (accessibles en cliquant sur la flèche orientée vers le bas à droite des Contrôles d'outils).

Les dimensions de l'étoile.

b. Dessinez l'étoile

Le rayon (R1) de l'étoile, spécifié pour le drapeau européen, est de 1/18ème de la hauteur du drapeau, soit 10 pixels avec la

taille de notre drapeau. Commencez avec la souris à l'intersection des Lignes de guide, cliquez-tirez de 10 pixels. Vous

devrez déplacer le curseur de la moitié de la distance à la ligne suivante de la grille avant de voir une étoile. Le point

supérieur va adhérer à la Grille.

Ajustez la couleur de l'étoile aux valeurs RVB (255, 204, 0). Assurez-vous que l'Alpha (A) est à 255 et l'opacité globale à

100%.

Page 21: Inkscape - legtux.orgsnoeck.legtux.org/www/images/Inkscape.pdf · Ce format est adapté aux dessins vectoriels et basé sur XML (eXtensible Markup Language : langage de balisage extensible)

Après le tracé de la première étoile et l'ajustement de la couleur.

Page 22: Inkscape - legtux.orgsnoeck.legtux.org/www/images/Inkscape.pdf · Ce format est adapté aux dessins vectoriels et basé sur XML (eXtensible Markup Language : langage de balisage extensible)

4. Dupliquez et placez les 12 étoiles

a. Clonez une étoile

Cliquez sur l'icône dans la Barre de commandes ou utilisez Édition → Cloner → Créer un clone (Alt+D) pour créer un

Clone de l'étoile. Un Clone est une copie liée à l'original, de sorte que si vous modifiez l'original, le Clone est également

modifié. Ceci est commode lorsque vous devez réaliser un réglage commun à toutes les étoiles (modifier la couleur, agrandir

etc.).

b. Positionnez une étoile clonée

Le drapeau de l'U.E. spécifie que les étoiles doivent être uniformément réparties sur un cercle d'1/3 de la hauteur du

drapeau, et aux positions correspondant aux heures d'une pendule. La façon la plus facile de placer les étoiles correctement

est d'utiliser les paramètres de déplacement dans l'onglet Déplacement de la boîte de dialogue Transformer (Objet →

Transformer... (Maj+Ctrl+M)). Ouvrez le dialogue, et si vous avez la place, tirez-le hors de la fenêtre d'Inkscape. Pour

déplacer l'étoile clonée vers la position de 12 heures, réglez la direction verticale (y) à 60 pixels. Assurez-vous que la case

Déplacement relatif est cochée et que les unités sont réglées sur pixels (px), puis cliquez sur le bouton Appliquer.

Le dialogue Transformer, réglé pour déplacer la première étoile clonée vers son emplacement.

Page 23: Inkscape - legtux.orgsnoeck.legtux.org/www/images/Inkscape.pdf · Ce format est adapté aux dessins vectoriels et basé sur XML (eXtensible Markup Language : langage de balisage extensible)

Ensuite, sélectionnez l'étoile originale et faites un nouveau Clone. Cette fois, déplacez le Clone de 60 pixels vers le bas

(−60). Répétez l'opération dans la direction horizontale (x). Pour le reste des étoiles, utilisez les huit permutations de x(y) =

±30 et y(x) = ±52 pixels (respectivement 60 fois le sinus et le cosinus de 30°).

Après le placement des 12 étoiles, vous pouvez supprimer l'étoile originale. Les liens entre les clones et l'étoile originale sont

automatiquement rompus.

Enregistrez votre travail et exportez-le en image matricielle comme pour le drapeau suédois.