L3 SSS présentation - TP6 : dessin vectoriel

Transcription

1 L3 SSS présentation - TP6 : dessin vectoriel Jean-Baptiste Lamy / 1 Les formats d image (rappels pour le C2I) Il existe deux grands types d image : Les images vectorielles : ces images sont composées d un ensemble de forme géométrique (cercle, ligne, flèche, etc). Elles peuvent être agrandies sans perte de qualité. Ce type d image comprend notamment les schémas, les dessins styles cartoon, les cliparts,... Les images en mode point ou matricielles : ces images sont composées d un tableau de petit carré (ou pixel), chaque pixel ayant une couleur différente. La qualité de l image diminue lorsqu on l agrandit. Ce type d image comprend notamment les photos et les copies d écran. Voici les principaux formats d images : Type Formats (extension) Logiciels associés Avantages et inconvénients Mode point Image PNG (.png) Gimp, OpenOffice, Word,... Compression sans perte de données Image JPEG (.jpeg /.jpg) Gimp, OpenOffice, Word,... Compression avec perte de données Image GIMP (.xcf) Gimp Enregistre toutes les options de GIMP, sans perte de données Utilisation type Copie d écran, icône, logo, image avec fond transparent Photo Image en cours de traitement avec GIMP Vectoriel Image SVG (.svg) Clipart, dessin, Image WMF schéma,... ( métafichier,.wmf) Image PostScript Encapsulé (EPS) Dessin OpenOffice (.odg) OpenOffice 1.1 Conversion d image Deux types de conversions sont possibles : image vectorielle rasterisation image en mode point image en mode point vectorisation image vectorielle La rastérisation ne pose pas de problème particulier, mais il faut indiquer la taille de l image en mode point que les désire obtenir. La vectorisation est plus délicate. Elle ne fonctionne que pour des images en mode point qui se prêtent bien à une représentation vectorielle (par exemple un dessin style BD, mais pas une photo de paysage). 2 Le dessin vectoriel Dans les présentations, le dessin vectoriel est souvent utilisé pour faire des schémas et des illustrations. 2.1 Formes géométriques de base Plusieurs outils permettent de créer des formes géométriques : dans l ordre : ligne, flèche, rectangle et ovale. Pour obtenir un carré ou un cercle, il faut tracer un rectangle ou un ovale tout en appuyant sur la touche Shift (= la touche avec une flèche vers le haut située à en bas à gauche du clavier). De même, appuyer sur la touche Shift permet de tracer des lignes ou des flèches horizontales, verticales ou à 45. Des formes plus complexes sont disponibles via les icônes suivantes. Pour chaque catégorie, la dernière forme utilisée est proposée par défaut ; pour voir les autres il faut cliquer sur le petit triangle noir à droite de l icône. 1

2 2.2 Déplacement et redimensionnement Il est possible de sélectionner une forme en cliquant dessus. Plusieurs formes peuvent être sélectionner en même temps : soit en appuyant sur Shift et en cliquant sur chaque forme à sélectionner, soit en cliquant sur le fond de l écran et en traçant un rectangle avec la souris englobant toutes les formes à sélectionner. Lorsqu une ou plusieurs formes sont sélectionnées, on peut les déplacer en cliquant dessus puis en déplaçant la souris en maintenant le bouton enfoncé. On peut aussi redimensionner la forme en déplaçant les poignées (= les petits carrés bleu ou vert qui apparaissent autour de la forme). Pour redimensionner sans déformation (= sans étirement vertical ou horizontal), il faut appuyer sur Shift lors de redimensionnement. Certaines formes de base proposent des poignées supplémentaires (en jaune) qui permettent de modifier la forme. 2.3 Grille magnétique Lorsque la grille magnétique est active, toutes les formes sont automatiquement alignées sur la grille, c est-à-dire qu il n est pas possible de déplacer ou de redimensionner les formes en-dehors des multiples permis par la grille (par exemple 0cm, 0,5cm, 1cm, 1,5cm mais pas 0,352cm). Pour activer / désactiver la grille, cliquer sur le menu Affichage>grille>Activer la grille. Pour désactiver temporairement la grille pendant que l on déplace une forme, appuyer sur la touche Alt lors du déplacement. Indépendamment de son état actif / inactif, la grille peut être visible ou non ; pour changer sa visibilité, cliquer sur le menu Affichage>grille>Afficher la grille. Exercice 1 1. Télécharger le fichier TP6 base.odp présent sur le campus virtuel et l ouvrir. Puis réaliser l image suivante à partir des formes de base. 2.4 Rotations L outil permet de faire tourner la ou les formes sélectionnées. Pour cela il faut (1) sélection la forme, (2) cliquer sur cette icône et (3) déplacer les poignées rouge qui apparaissent au coin de la forme. Si l on appuie sur Shift pendant la rotation, celle-ci se fera à un angle multiple de Réflections La réflexion permet de modifier une forme comme si elle était vue dans un miroir. Pour cela, sélectionner la forme, puis cliquer dessus avec le bouton droit et cliquer sur le menu Refléter->Horizontalement ou Refléter->Verticalement selon l effet voulu. 2

3 Exercice 2 : le Tangram (jeu chinois traditionnel) 1. Ajouter une nouvelle diapo et créer les 7 formes suivantes (en essayant de respecter leurs dimensions relatives). 2. Pour chacune des 4 figures ci-dessous : (a) Dupliquer la diapo obtenue à la question 1 (menu Insertion->Dupliquer la diapo). (b) Reconstruire la figure à l aide des 7 pièces du Tangram, en déplaçant les pièces et en faisant des rotations et / ou des réflections. 2.6 Polygones L outil polygone (ci-dessous) permet de créer des polygones. Une fois l outil sélectionné, cliquer à l endroit où l on veut placer le premier points du polygone, puis maintenir le bouton de la souris enfoncé, déplacer la souris jusqu au second point et relâcher le bouton. Puis cliquer sur chacun des points suivants. Double-cliquer pour terminer le polygone. L outil permet de modifier le polygone après sa création. Il affiche une poignée pour chaque point du polygone, qui permet de déplacer le point. Une barre d outils spéciale apparaît alors ; elle comprend des outils pour ajouter de nouveaux points ou convertir le polygone en courbe ( Jonction lisse ). 2.7 Courbes ( Courbe de Bézier ) L outil polygone (juste à gauche de l outil polygone) permet de créer des formes arrondies. Il fonctionne de manière similaire à l outil polygone, sauf qu après avoir ajouté un point, il est possible d indiquer la direction de la courbe à ce point, en déplaçant la souris (tout en maintenant le bouton enfoncé). Avec l outil, ces directions peuvent être modifiées : lorsque l on clique sur la poignée correspondant à un point, deux nouvelles poignées rondes apparaissent pour cela. 2.8 Dessin à main levée L outil dessin à main levée (deux cases à droite de l outil polygone) permet de dessiner à la souris : cliquer à l endroit où commence le dessin, déplacer la souris en effectuant le dessin tout en maintenant le bouton de la souris enfoncée, puis relâcher le bouton lorsque le dessin est terminé. Exercice 3 3

4 1. Ajouter une nouvelle diapo et dessiner un polygone en forme de main (cf exemple ci-dessous à gauche). 2. Essayer de dessiner une main avec l outil courbe, puis avec l outil dessin à main levée. NB : ces outils sont très difficiles à manier donc ce n est pas grave si le résultat est décevant! Mais essayez quand même! 3. Prendre la main la plus réussie, éditer les points et la convertir en courbe si nécessaire (en sélectionnant tous les points et en cliquant sur l icône Jonction lisse dans la barre d outil d édition des points). Essayer ensuite d améliorer la main en déplaçant les poignées des courbes de Bézier (cf exemple ci-dessous à droite). 2.9 Alignement Les outils d alignement (ci-dessous) permettent de déplacer les formes sélectionnées pour les aligner entre elles. Les trois icônes du haut déplacent horizontalement les formes pour aligner leurs bords gauche, leurs centres ou leurs bords droit. Les trois icônes du bas déplacent verticalement les formes pour aligner leurs bords supérieurs, leurs centres ou leurs bords inférieurs Groupes de formes Il est possible de grouper plusieurs formes ensembles, ce qui permet ensuite de les déplacer, de les redimensionner, de les faire tourner, etc, comme s il s agissait d une seule forme. Pour cela, sélectionner les formes à grouper, cliquer sur le bouton droit et cliquer sur le menu Grouper. Pour mettre fin au groupe et dissocier les formes qui ont été groupée, il faut sélectionner le groupe, cliquer sur le bouton droit et cliquer sur le menu Dissocier. Pour dissocier temporairement les formes, il faut double-cliquer sur le groupe. Il est ensuite possible de déplacer séparément les formes composant le groupe. Enfin, lorsque l on double-clique sur le fond de la page, le groupe est reconstitué. Exercice 4 1. Réduire la taille de la main, puis créer un bras au-dessus à l aide de la main. 2. Grouper le bras et la main ensemble. 3. De la même manière, dessiner un pied et une jambe, et les grouper ensemble. 4. En utilisant le copier-coller, créer un deuxième bras et une deuxième jambe. 5. Dessiner une tête avec deux yeux, une bouche et éventuellement nez et cheveux, et grouper les formes composant la tête ensemble. 6. Dessiner un corps. 4

5 2.11 Disposition (= lorsque deux formes se chevauchent, laquelle passe devant l autre?) Lorsque deux formes se chevauchent, l une passe devant l autre. Les outils de disposition permettent de déplacer les formes vers l avant ou vers l arrière (les formes situées en avant passent devant celles situées en arrière). De gauche à droite, les outils de la rangée du haut permettent de : déplacer la forme sélectionnée devant toutes les autres, déplacer la forme sélectionnée d un cran vers l avant, déplacer la forme sélectionnée d un cran vers l arrière, déplacer la forme sélectionnée derrière toutes les autres. Exercice 5 1. Assembler les deux bras, les deux jambes, la tête et le corps pour former un personnage. Utiliser les outils de disposition pour placer les formes correctement (= un bras devant le corps, l autre bras derrière, etc). 2. Grouper l ensemble des formes composant le personnage Conversions OpenOffice permet de convertir les images d un format à l autre, et notamment entre les formats vectoriel et mode point. Pour cela, il faut cliquer avec le bouton droit sur la forme (ou le groupe de forme) à convertir, puis cliquer sur le menu Convertir et choisir le format voulu. Exercice 6 1. Copier le personnage créer dans les exercices précédents, et le convertir en image en mode point (menu Convertir>En Bitmap). 2. Agrandir le personnage en mode point et le personnage originel (=en format vectoriel). Que remarquez-vous? Quel format vous paraît le plus intéressant pour cette image? Exercice 7 1. Rechercher sur Internet les recommandations hygiéno-diététiques à destination des patients diabétiques, portant sur le régime alimentaire, l activité sportive, etc. 2. Illustrer 4 de ces recommandations sous forme de bande-dessiné, en utilisant : le personnage créé précédemment, que vous pourrez animer en faire tourner les bras ou les jambes, en changeant son sourire, etc, des bulles de texte contenant les recommandations, que l on créera avec les formes pré-définies de bulles, des éléments de décor (arbre, nourriture, etc) que l on créera avec les différents outils étudiés lors du TP. si nécessaire, d autres personnages que vous créerez en copiant le premier personnage et en changeant les couleurs. 5

6 6