Figure 6.3: Possibilité d exprimer son talent

Transcription

1 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

2 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 ( 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

3 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 «Ligne et remplissage». Elle est accessible à partir du menu : «Affichage»µ«Barres d outils»µ«ligne et 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

4 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. Vous pouvez accéder aux options d alignement à partir du menu : «Modifier»µ«Alignement» (figure 6.12). 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

5 Figure 6.11: Objets non alignés menu «Affichage» «Barres d outils» «Aligner» Figure 6.12: Options d alignement 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 correspondent aux points de contrôle, nous allons en ajouter deux grâce au bouton. après avoir appuyer sur ce 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

6 menu «Affichage» «Barres d outils» «Editer les points» Figure 6.15: 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 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 pour scinder le polygone en deux; la flèche de l extrémité sera automatiquement crée. 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

7 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. Pour aligner les objets sur la grille, il faut activer le bouton. Nous verrons plus tard le bouton qui permet de capturer aux coins de l objet (très utile pour relier deux lignes entre elles). 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 puis aller dans le menu «Edition»µ«Dupliquer». 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

8 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

9 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

10 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: 1ère copie : «Modifier»µ«Refléter»µ«À la verticale». 2ème copie : «Modifier»µ«Refléter»µ«À l horizontale». 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

11 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

12 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 et accédez aux fonctions d exportation à partir de «Fichier»µ«Exporter...». 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