(rectangle, rectangle arrondi et losange).

S ÉANCE
6
Création de schémas
6.1
Présentation du logiciel
«Draw» est un logiciel de dessin vectoriel et de PAO (Publication Assistée par Ordinateur). Avec ce logiciel,
il vous est possible de créer divers objets comme les segments, les formes, les courbes, etc. (figures 6.2 et
6.3). Vous pouvez aussi relier les objets entre eux par des connecteurs (figure 6.1).
6.2
Exemples de schéma et de dessin
Figure 6.2: De nombreuses formes à disposition
Figure 6.1: Organigramme
Figure 6.3: Possibilité d’exprimer son talent
6.3
Objectifs des Travaux Pratiques
Créer des schémas (formes géométriques avec texte, traits, flèches et connecteurs, disposition en profondeur, groupes d’objets, export sous forme d’image).
1
CHAPTER 6. CRÉATION DE SCHÉMAS
6.4
Réalisation d’un organigramme
Un organigramme correspond à une représentation schématique des liens fonctionnels, organisationnels
et hiérarchiques d’un organisme (http://fr.wikipedia.org/wiki/Organigramme).
6.4.1 Organigramme 1 : La voiture ne démarre pas
Nous allons ici réaliser l’organigramme de la résolution d’un problème. Il s’agit ici de mettre en évidence
les différentes étapes du problème et de sa résolution.
Figure 6.4: Organigramme : La voiture ne démarre pas
✌
cet organigramme n’est là qu’à titre d’exemple, il ne constitue aucunement une procédure réelle de résolution d’un tel problème
Les points suivants vont être vu lors de la réalisation de cet exercice :
➠ Création de formes de base (rectangle, rectangle arrondi et losange).
➠ Ajout de texte dans les formes.
➠ Changement de l’épaisseur des traits.
➠ Utilisation des connecteurs (connecteurs avec flèche).
2
CHAPTER 6. CRÉATION DE SCHÉMAS
➠ Alignement groupé d’objet (centré horizontalement ou centré verticalement).
➠ Groupement d’objets.
➠ Avancé : conversion des connecteurs en polygone.
➠ Avancé : ajout de points dans un polygone.
➠ Avancé : conversion de segments en courbes.
➠ Avancé : utilisation du fractionnement de polygones.
Création de formes, ajout de texte et épaisseur de traits
Il existe des formes prédéfinies que nous pouvons utiliser pour construire notre organigramme. Ces formes
sont accessibles à partir de la barre d’outils «Dessin». Par défaut, cette barre d’outils est activée, elle est
accessible à partir du menu : «Affichage»
«Barres d’outils»
«Dessin».
)
)
Figure 6.5: Barre d’outils «Dessin»
Selon la version du logiciel, vous pourrez trouver cette barre d’outils à gauche ou en bas de l’écran. Il vous
est possible de personnaliser la position de cette barre outils.
Faites apparaître le menu des formes de bases à partir de la barre d’outils. Selon les versions, il vous faut
appuyer au moins 2 secondes sur l’icône «Formes de bases» ou bien simplement cliquer juste à droite de
l’icône de la forme sélectionnée (triangle tourné vers le bas, pointé par la flèche rouge).
Figure 6.6: Formes de bases
Lorsqu’un objet est sélectionné, son icône remplace celui du précédent objet dans la barre d’outils. Ainsi,
sur la figure 6.6, l’objet courant correspond au rectangle; si vous Sélectionnez un losange, celui-ci va devenir l’objet courant et son icône va remplacer le rectangle dans la barre d’outils comme dans la figure
6.5. Le principe est le même pour toutes les autres fonctionnalités de la barres d’outils.
Sélectionnez la forme «Rectangle, arrondi»; l’icône correspondant devient actif dans la barre d’outils et
vous pouvez dessiner cette forme dans la zone de dessin. Si besoin, modifiez la couleur de remplissage de
l’objet (bleu ou blanc par défaut, selon les versions).
L’épaisseur du trait n’est peut être pas satisfaisante et vous pouvez la régler à partir de la barre d’outils
«Barres d’outils»
«Ligne et
«Ligne et remplissage». Elle est accessible à partir du menu : «Affichage»
remplissage»
)
)
Figure 6.7: Barres d’outils «Ligne et remplissage»
L’épaisseur du trait est réglée par défaut à «0,00cm», vous pouvez l’augmenter à «0,10cm».
Pour ajouter du texte dans une forme, il vous suffit de sélectionner la forme et de taper directement le
texte. Finissez de créer toutes les formes et ajouter le texte correspondant à chaque forme. Nous allons
maintenant voir les connecteurs.
3
CHAPTER 6. CRÉATION DE SCHÉMAS
Figure 6.8: «Rectangle, arrondi» (traits à 0,00cm et à 0,10cm)
Les connecteurs
Les connecteurs permettent de relier, avec des traits, deux objets entre eux. La puissance des connecteurs
réside dans le fait qu’ils sont toujours liés aux objets, même quand ceux là sont déplacés.
Parmi les connecteurs proposés, nous allons sélectionner le «Connecteur avec flèche». L’origine du connecteur est un trait simple, l’autre extrémité est une flèche.
Figure 6.9: Connecteurs
Après avoir sélectionné le connecteur, dirigez la souris vers l’objet que vous souhaitez relier. Un objet disposent de quelques points de connections (quatre dans le cas de la figure 6.10). L’objet approché par un
connecteur peut avoir deux réactions :
➠ Si la souris s’approche d’un point de connections, c’est ce point de connections qui sera utiliser pour
relier cet objet à un autre.
➠ Si la souris entre dans l’objet, le point de connections le plus proche de la souris sera alors automatiquement sélectionné.
Figure 6.10: Réaction de l’objet à l’approche d’un connecteur
Vous pouvez dés maintenant relier toutes les formes avec les connecteurs comme sur l’exemple proposé
à la figure 6.4. Un connecteur n’intègre pas plusieurs flèches pour relier deux objets, ne tenez pas compte
des différences que vous pourriez avoir avec l’exemple par rapport à ça. Nous verrons plus tard comment
remplacer un connecteur par plusieurs flèches.
Le connecteur qui relie «La batterie est chargée» à «Aller voir le garagiste» est différent, réalisez pour pour
l’instant un connecteur simple.
Alignement des objets
Nous allons maintenant réaliser un petit exercice qui met en oeuvre l’alignement vertical et horizontal. Vous
pouvez utiliser une nouvelle page ou bien temporairement utiliser le bas de votre page de dessin actuelle.
L’exemple ci-dessous montre des objets non alignés horizontalement et verticalement. Nous allons réaliser
l’alignement horizontal des objets A1 et A2 puis des objets B1 et B2, nous ferons ensuite l’alignement vertical
de A1 et B1 puis de A2 et B2.
)
«Alignement» (figure 6.12).
Vous pouvez accéder aux options d’alignement à partir du menu : «Modifier»
Vous pouvez aussi utiliser la barre d’outils «Aligner» (non présente par défaut) accessible à partir de :
Sélectionnez en même temps A1 et A2 puis cliquez sur l’icône «Milieu», ces deux objets vont se retrouver
centrés par rapport à l’axe horizontal. Faites de même pour les objets B1 et B2.
4
CHAPTER 6. CRÉATION DE SCHÉMAS
Figure 6.12: Options d’alignement
Figure 6.11: Objets non alignés
! menu «Affichage»
! «Barres d’outils»
! «Aligner»
,
,
,
Figure 6.13: Barres d’outils «Alignement»
Figure 6.14: Objets alignés
Sélectionnez ensuite A1 et B1 puis cliquez sur l’icône «Centré», ces deux objets vont se retrouver centrés par
rapport à l’axe vertical. Faites de même pour les objets A2 et B2. Vous devriez obtenir le résultat suivant :
Vous pouvez maintenant utiliser l’alignement pour ajuster convenablement la position de vos objets sur
l’organigramme de la voiture.
Réalisation d’un petit pont pour marquer une intersection
Dans notre organigramme, il y a deux connecteurs qui se croisent. Pour éviter d’interpréter une fusion, nous
allons réaliser un petit pont. Pour modifier la structure du connecteur, il faut le convertir en polygone. Faites
un clic droit sur le connecteur puis sélectionnez l’option «Convertir» puis «En Polygone».
Vous disposez maintenant d’un polygone qui a plusieurs points de contrôle. Ces points correspondent par
défaut aux changements de direction et aux extrémités mais vous pouvez en rajouter autant que vous le
souhaitez. Nous allons en ajouter deux au niveau de l’intersection pour réaliser le petit pont.
Il nous faut utiliser la barre d’outils «Editer les points» accessible à partir de :
Activez l’édition de points à partir du bouton
puis cliquez sur le polygone. Les carrés bleus correspon-
. après avoir appuyer sur ce
dent aux points de contrôle, nous allons en ajouter deux grâce au bouton
bouton, placez les deux points de contrôle autour du point d’intersection du connecteur et du polygone.
Sélectionnez maintenant un des deux nouveaux points de contrôle et appuyer sur le bouton
. Un petit
rond bleu vient d’apparaître et il va vous permettre de transformer le segment entre les deux points de
contrôle en courbe. Déplacez ce rond vers le haut et ajustez le pour obtenir le même résultats que dans
l’exemple.
Ajout de flèches dans un connecteur
Pour rendre plus agréable la lecture de l’organigramme, on peut ajouter des flèches aux longs connecteurs. Il y a deux manière de faire :
➠ soit fractionner les polygones à chaque changement de direction (clic droit sur le polygone puis
«Fractionner»
5
CHAPTER 6. CRÉATION DE SCHÉMAS
! menu «Affichage»
! «Barres d’outils»
! «Editer les points»
,
Mode édition de points
,
Déplacer des points
,
Inserer des points
Supprimer des points
Scinder la courbe
Convertir en courbe
Figure 6.15: Barres d’outils «Editer les points»
Point d’inflexion
Jonction lisse
Jonction symétrique
Fermer bezier
Réduire les points
➠ soit ajouter un point de contrôle à l’endroit où l’on souhaite voir la flèche sur le polygone. Sélectionnez
ensuite ce point de contrôle et appuyez sur le bouton
de l’extrémité sera automatiquement crée.
pour scinder le polygone en deux; la flèche
Dans les deux cas, le connecteur doit être convertit en polygone.
6.5
Dessin avancé
Nous allons réaliser maintenant un dessin en utilisant plusieurs fonctionnalités proposées dans ce logiciel.
Figure 6.16: Dessin à réaliser
Les points suivants vont être vu lors de la réalisation de cet exercice :
➠ Utilisation de la grille de capture et de la capture aux points de l’objet.
➠ Création de lignes.
6
CHAPTER 6. CRÉATION DE SCHÉMAS
➠ Ajout de texte dans les formes.
➠ Rotation et reflet d’objet.
➠ Duplication des objets.
➠ Connexion de lignes.
➠ Remplissage par dégradé.
➠ Disposition en profondeur.
Avant de commencer à dessiner, nous allons activer la grille de capture. Vous pouvez accéder aux options
de capture à partir du menu : «Affichage»
«Grille». Vous pouvez aussi utiliser la barre d’outils «Options»
(non présente par défaut) accessible à partir de :
)
! menu «Affichage»
! «Barres d’outils»
! «Options»
,
,
,
Figure 6.17: Barre d’outils «Options»
Mode rotation aprés clic sur l’objet
Afficher la grille
Afficher les règles
Répères lors du déplacement
Aligner sur la grille
Aligner aux repères
Capturer aux marges
Capturer au cadre de l’objet
Capturer aux points de l’objet
Pour afficher la grille de capture, il faut activer le bouton
. Nous verrons plus tard le bouton
le bouton
pour relier deux lignes entre elles).
. Pour aligner les objets sur la grille, il faut activer
qui permet de capturer aux coins de l’objet (très utile
Commençons par tracer une ligne horizontale de 5 unités. Vous pouvez vous aider des règles pour les
dimensions.
Figure 6.18: Règle horizontale
Une fois la ligne créée, nous allons créer une copie et lui applique une rotation de 30 degrés. Pour la copie
d’objet, nous pouvons utiliser le simple Copié/Collé (CTRL+C / CTRL+V); pour la rotation de la copie, il suffit
de faire un clic droit sur la copie et de sélectionner «Position et taille...».
Vous pouvez, à partir de ce menu, modifier les propriétés de l’objet : sa position, sa taille, etc... Nous allons
utiliser l’onglet «Rotation» pour modifier l’orientation de l’objet.
Nous allons maintenant voir une autre façon de copier les objets et de leur appliquer une rotation. Vous
pouvez effacer la copie que vous venez de créer, nous allons dupliquer la ligne en 3 copies et appliquer
des rotations aux copies, tout cela en une seule opération. Pour dupliquer un objet, il faut le sélectionner
«Dupliquer».
puis aller dans le menu «Edition»
)
Nous réglons l’angle de rotation à 30 degrés, c’est à dire que chaque copie aura un angle de rotation de
30 degrés par rapport à la précédente copie.
7
CHAPTER 6. CRÉATION DE SCHÉMAS
Figure 6.19: Menu à partir
du clic droit sur l’objet
Figure 6.20: Menu «Position et taille» de l’objet
Figure 6.22: Rotation de la copie
Figure 6.21: Menu «Rotation» de l’objet
Figure 6.24: Copies avec rotation
Figure 6.23: Menu «Dupliquer» de l’objet
8
CHAPTER 6. CRÉATION DE SCHÉMAS
Pour tracer la ligne de 5 unité, nous avons utilisé la grille de capture. Nous allons maintenant la désactiver
(il faut désenclencher le bouton
) et passer en mode «capturer aux coins de l’objet» avec le bouton
.
Nous allons déplacer une par une les copies et positionner leur extrémité inférieure sur l’extrémité gauche
de la ligne horizontale.
Figure 6.25: Ajustement des copies
Figure 6.26: Création de nouveaux points
Nous allons ensuite créer des triangles en ajoutant de nouveaux points.
Pour pouvoir remplir un objet avec de la couleur ou un motif, il faut que cet objet soit complètement
fermé. Pour fermer un objet, il faut que toutes ses lignes ou courbes soient connectées entre elles. On
utilise généralement l’outil de connexion permet de relier deux lignes/polylignes/courbes entre elles.
Nous allons maintenant travailler sur le triangle du bas et relier la polyligne à la ligne du bas. Après avoir
sélectionné ces deux objets (maintenir MAJ pour la sélection multiple) et fait un clic droit sur ces objets, le
menu suivant apparaît:
Vous pouvez remarquer que lorsque vous connectez toutes les lignes d’un objet, celui-ci se retrouve remplit
automatiquement. Pour connecter les autres triangles, nous allons devoir ruser car la connexion d’une ligne
à un objet fermer ne marche pas; chaque triangle ne doit pas avoir ses cotés partagés avec d’autres
triangles, il nous faut donc ajouter des lignes pour fermer entièrement les triangles.
Nous allons maintenant réaliser le dégradé de couleur. Sélectionnez le triangle du bas, faites un clic droit
et choisissez l’option «Remplissage». Dans la fenêtre remplissage, choisissez l’onglet «Dégradé».
9
CHAPTER 6. CRÉATION DE SCHÉMAS
Nous allons utiliser un dégradé «Linéaire» avec comme première couleur un «Orange 2» et comme deuxième couleur, du «Remplissage». Nous allons aussi régler l’angle du dégradé à 30 degrés, cela aura pour
effet de déplacer le dégradé du bas à droite vers le haut à gauche.
Vous pouvez ensuite réaliser les remplissages avec les couleurs/dégradés ou hachures de votre choix. Nous
allons ensuite grouper les triangles pour ne plus considérer qu’un seul objet, c’est très pratique, notamment
pour le déplacement de groupe d’objet en une opération.
Figure 6.27: Les trois triangles
Figure 6.28: Groupe de triangles
Pour grouper les triangles, il faut les sélectionner puis faire un clic droit et choisir la fonction «Grouper».
Cette fonction est également accessible à partir du menu : «Modifier»
«Grouper». Nous allons maintenant réaliser des copies de ce groupe de triangles et utiliser la fonction «Refléter» pour créer les 3 parties
manquantes de notre objet. Commencez par faire 3 copies et affecter leur les reflets suivant:
)
) «Refléter» )«À la verticale».
➠ 2ème copie : «Modifier» ) «Refléter» )«À l’horizontale».
➠ 1ère copie : «Modifier»
➠ 3ème copie : Refléter à la verticale, puis refléter à l’horizontale.
Ajustez ensuite la position de chaque groupe de triangles pour avoir le dessin suivant:
10
CHAPTER 6. CRÉATION DE SCHÉMAS
Figure 6.29: Assemblage des groupes de triangles
Groupez chaque partie pour n’obtenir qu’un seul objet plus facile à manipuler. Nous pouvons maintenant
créer la deuxième partie du dessin; il s’agit d’un rectangle avec un dégradé linéaire (Noir/Blanc) qui
intègre le texte «Dessin» positionné en bas à droite.
Figure 6.30: Couleurs dégradées
Figure 6.31: Problème de profondeur des objets
Les objets ont une caractéristique de profondeur, c’est à dire que les derniers objets créer vont toujours
apparaître devant les objets plus vieux. Dans notre cas, le rectangle été crée après le premier dessin, il va
donc apparaître au premier plan, devant les autres objets.
Figure 6.32: Outils de disposition
Tout à l’avant
Vers l’avant
Vers l’arrière
Tout à l’arrière
Devant l’objet
Derrière l’objet
Inverser
Pour faire apparaître le premier dessin au premier plan, vous avez deux possibilités :
➠ soit vous sélectionnez le premier objet et vous le faites passer au premier plan avec le bouton
.
11
CHAPTER 6. CRÉATION DE SCHÉMAS
➠ soit vous sélectionnez le rectangle et vous le faites passer à l’arrière avec le bouton
.
Vous obtenez finalement le résultat suivant:
Figure 6.33: Résultat final
Vous avez la possibilité d’exporter votre dessin au format que vous souhaitez. Par exemple, vous pouvez
convertir votre dessin en image JPG, PNG, GIF, BMP, etc. Pour cela, sélectionnez les objets que vous désirez
«Exporter...».
exporter et accédez aux fonctions d’exportation à partir de «Fichier»
)
Les formats JPG et PNG sont les mieux adaptés par rapport à ce type d’image, ils intègrent une compression de données sans pour autant perdre beaucoup d’informations de couleur. Le format BMP conserve
l’intégralité des couleurs mais la taille du fichier image est très importante.
12