Dessin avec l'outil Plume

Transcription

1 Spécialité : Tronc Commun Matière : Atelier Logiciel Mention : TI 1.1, 2, 3, 4, 5, 6,7 Enseignants : Equipe Pédagogique 09/10 Dessin avec l'outil Plume Grâce à l'outil Plume, Adobe Illustrator vous offre la possibilité de dessiner des lignes droites, des courbes de Bézier et des formes complexes. L'outil Crayon est plus simple à utiliser pour tracer et modifier des lignes, mais l'outil Plume est nettement plus précis. Ces exercices vous permettront de vous familiariser avec l'outil Plume en créant une illustration représentant une poire. Au cours de cette leçon, vous apprendrez à effectuer les opérations suivantes : Dessiner des lignes droites ; Définir l'aspect des extrémités des segments de tracés et diviser des lignes ; Tracer des lignes courbes ; Sélectionner des segments de courbes et modifier leur forme ; Dessiner différents types de courbes, lissées et crénelées ; Modifier des courbes en lissant des courbes crénelées, et inversement. Page 1 sur 14

2 Mise en route Le but de cette Tp est de créer une illustration représentant une poire traversée par une flèche. 1. Avant de commencer, vous devez ouvrir le fichier contenant l'illustration finale pour avoir une idée de ce que vous allez créer. 2. Démarrez Adobe Illustrator. 3. Choisissez Fichier > Ouvrir et sélectionnez le fichier contenant l'illustration terminée, Tp_plume_fin.ai 4. Si vous le désirez, choisissez Affichage > Zoom arrière pour réduire la taille de l'image, afin de la garder à l'écran pendant que vous travaillez. (Servez-vous de l'outil Main pour placer l'image à un autre endroit de l'écran.) Si vous ne souhaitez pas conserver l'image à l'écran, choisissez Fichier > Fermer. 5. Vous allez maintenant ouvrir le fichier de travail dont vous aurez besoin pour cette leçon. Choisissez Fichier > Ouvrir et sélectionnez le fichier de travail, Tp_plume.ai 6. Choisissez Fichier > Enregistrer sous, changez le nom du fichier en Poire.ai et cliquez sur Enregistrer. 7. Maintenez la touche Maj. enfoncée et appuyez sur la touche Tab pour masquer toutes les palettes. (La combinaison de touches Maj.+Tab permet d'afficher et de masquer alternativement les palettes. La touche Tab seule a pour effet de masquer ou d'afficher la palette d'outils.) Page 2 sur 14

3 Création de lignes droites Pour dessiner des lignes droites avec l'outil Plume, il suffit de définir deux points d'ancrage, un au début de la ligne et l'autre à la fin. Vous pouvez tracer des lignes droites verticales, horizontales ou en diagonale en maintenant la touche Maj. enfoncée pendant que vous cliquez avec l'outil Plume. Cette technique permet d'appliquer des contraintes à l'outil. Ce fichier contient un calque qui vous servira de modèle pour tracer les figures de cette TP. Pour commencer, vous allez dessiner la ligne droite pour la flèche. 1. Choisissez Affichage > Ligne droite pour obtenir une vue agrandie du coin supérieur gauche du modèle. Dans ce document, nous avons créé des vues agrandies de différentes zones du modèle et nous les avons ajoutées au menu Affichage. (Vous pouvez définir des vues personnalisées à l'aide de la commande Affichage > Nouvelle vue. 2. Sélectionnez l'outil Plume de la palette d outils et déplacez le pointeur vers la ligne en pointillés de l'illustration. Vous constaterez qu'un petit x apparaît à côté du pointeur. Ce symbole indique que si vous cliquez, vous commencez un nouveau tracé. 3. Cliquez sur le point A à l'extrémité gauche de la ligne pour créer le point d'ancrage de départ (qui se présente sous la forme d'un petit carré plein). 4. Cliquez sur le point B à l'extrémité droite de la ligne pour définir le point d'ancrage de fin. Lorsque vous cliquez une deuxième fois, un accent circonflexe (^) apparaît à côté du pointeur. Ce symbole indique que vous pouvez transformer le point d'ancrage et créer la Page 3 sur 14

4 ligne de direction d une courbe, en faisant glisser l'outil Plume à partir de ce point d'ancrage. Le symbole disparaît dès que vous éloignez le pointeur du point d'ancrage. Avant de dessiner d'autres lignes non reliées à ce point d'ancrage, vous devez terminer le tracé. 5. Pour terminer le tracé, employez l'une des méthodes suivantes : a. Maintenez la touche Ctrl (Windows ) enfoncée pour activer l'outil Sélection et cliquez en dehors du tracé pour le désélectionner. b. Choisissez Edition > Tout désélectionner. c. Cliquez sur l'outil Plume dans la palette d'outils. Vous allez maintenant rendre la ligne droite plus visible en changeant son épaisseur. 6. Activez l'outil Sélection ( ) dans la palette d outils et cliquez sur la ligne droite pour la sélectionner 7. Choisissez Fenêtre > Afficher Contour pour faire apparaître la palette correspondante. 8. Dans la palette Contour, tapez 3 points dans la zone Epaisseur et appuyez sur la touche Entrée ou Retour pour appliquer cette modification. Division d'un tracé Pour continuer le dessin de la flèche pour cette illustration, vous allez diviser le tracé de la ligne droite à l'aide de l'outil Ciseaux et modifier la longueur des segments. 1. Assurez-vous que la ligne droite est toujours sélectionnée, puis activez l'outil Ciseaux dans la palette d outils et cliquez au milieu de la ligne pour la diviser. Les coupures effectuées avec l'outil Ciseaux doivent se trouver sur une ligne ou une courbe et non au niveau d'une extrémité. Un nouveau point d'ancrage sélectionné apparaît à l'endroit où vous avez cliqué. En réalité, l'outil Ciseaux crée deux points d'ancrage à chaque fois que vous cliquez. Pour l'instant, vous n'en voyez qu'un, car ils sont placés l'un sur l'autre. 2. Activez l'outil Sélection directe de la palette d outils et placez le pointeur sur la coupure. Le petit carré vide indique que le pointeur se trouve sur le point d'ancrage. Cliquez sur le nouveau point d'ancrage sans relâcher le bouton de la souris et faitesle glisser vers le haut pour augmenter l'espace entre les deux segments. Page 4 sur 14

5 Ajout de pointes de flèche Adobe Illustrator propose plusieurs types de pointes et d'empennes de flèches prédéfinies, accessibles à l'aide de l'un des filtres Spécial. Vous allez maintenant ajouter une pointe à l'extrémité de l'un des segments et une empenne à l'extrémité de l'autre segment. 1. Sélectionnez le segment supérieur, puis choisissez Filtre > Spécial > Flèche 2. Dans la boîte de dialogue Flèche, cliquez sur un bouton fléché et sélectionnez le style de flèche numéro 2 (une image miniature de ce style de flèche apparaît dans la boîte de dialogue). Choisissez Fin dans le menu déroulant, si nécessaire, puis cliquez sur OK. Illustrator ajoute alors la pointe de flèche à l'extrémité de la ligne (au niveau du dernier point d'ancrage défini avant la division de la ligne.) 3. A l'aide de l'outil Sélection directe, sélectionnez le segment inférieur et choisissez Filtre > Flèche pour afficher à nouveau la boîte de dialogue. Sélectionnez le style de flèche numéro 18, choisissez Début dans le menu déroulant et cliquez sur OK pour ajouter l'empenne au début de la ligne. Vous pouvez appliquer le même filtre à d'autres objets sélectionnés en choisissant Filtre > Flèche. 4. Choisissez Edition > Tout désélectionner pour désélectionner l'ensemble de l'illustration, puis choisissez Fichier > Enregistrer. Page 5 sur 14

6 Création de courbes Au cours de cet exercice, vous allez apprendre à tracer des courbes lissées à l'aide de l'outil Plume. Dans les programmes de dessin vectoriel comme Adobe Illustrator, pour tracer une courbe (il s'agit de courbes de Bézier), vous devez créer des points d'ancrage et faire glisser le pointeur pour définir la forme de la courbe. Cette technique exige un peu de pratique, mais elle vous donne plus de contrôle et de souplesse. Vous allez maintenant dessiner la poire, sa queue et une feuille. Pour commencer, vous examinerez une courbe simple, puis vous dessinerez une série de courbes reliées, en vous aidant du modèle. Sélection d'une courbe 1. Choisissez Affichage > Courbe pour activer la vue représentant une ligne courbe du modèle 2. A l'aide de l'outil Sélection directe, cliquez sur l'un des segments de la ligne courbe pour afficher ses points d'ancrage et les lignes de direction qui partent de ces points. L'outil Sélection directe vous permet de sélectionner et de modifier chaque segment de la courbe. Comme leur nom l'indique, les points d'ancrage servent à fixer les segments de la courbe et les lignes de direction déterminent l'orientation de cette courbe. Vous pouvez faire glisser les lignes de direction ou leur extrémité, appelée point directeur ou poignée, pour changer la forme de la courbe. Les points d'ancrage, les points directeurs et les lignes de direction vous permettent de contrôler l'aspect des courbes. Ils apparaissent toujours dans la couleur du calque actif (en l'occurrence, en bleu). Les points d'ancrage sont des petits carrés pleins lorsqu'ils sont sélectionnés et vides lorsqu'ils sont désélectionnés. Les points directeurs sont des petits cercles. Ces lignes et points ne sont pas visibles sur la sortie imprimée de l'illustration. En sélectionnant la courbe, vous mémorisez également ses attributs de dessin et la prochaine ligne que vous tracerez aura les mêmes attributs. Page 6 sur 14

7 Création de la feuille Vous allez maintenant dessiner la première courbe de la feuille. 1. Choisissez Affichage > Feuille ou faites défiler l'illustration vers le bas pour visualiser les repères intitulés Feuille étape 1 sur le modèle. Vous n'allez pas à proprement parler tracer la courbe en faisant glisser l'outil Plume, mais définir son point de départ et sa direction. Lorsque vous relâcherez le bouton de la souris, le point de départ de la courbe sera visible à l'écran, ainsi que deux lignes de direction. Vous devrez ensuite faire glisser l'outil Plume pour terminer la première courbe et définir le point de départ et la direction de la courbe suivante. 2. Sélectionnez l'outil Plume et placez le pointeur sur le point A du modèle. Maintenez le bouton de la souris enfoncé et faites glisser le pointeur du point A jusqu'au point rouge. Relâchez le bouton de la souris. Vous allez ensuite définir le deuxième point d'ancrage et ses lignes de direction. 3. Maintenez le bouton de la souris enfoncé et faites glisser le pointeur du point B jusqu'au point rouge suivant. Relâchez le bouton de la souris. Illustrator relie alors les deux points d'ancrage par une courbe qui suit les lignes de direction que vous avez créées. Vous constaterez que si vous changez de direction pendant que vous faites glisser l'outil, vous modifiez la forme de la courbe. Si vous faites une erreur pendant que vous dessinez, vous pouvez revenir sur les dernières opérations effectuées en choisissant Edition > Annuler. Par défaut, Adobe Illustrator vous permet d'annuler une série d'opérations (le nombre dépend de la mémoire disponible sur votre ordinateur) en choisissant Edition > Annuler autant de fois que vous le désirez. (Pour définir le nombre minimum d'annulations, choisissez Fichier > Préférences > Unités & Annulation.) 4. Pour terminer le tracé de la ligne courbe, faites glisser l'outil Plume du point C du modèle jusqu'au dernier point rouge, puis relâchez le bouton de la souris. 5. Maintenez la touche Ctrl enfoncée et cliquez en dehors de la ligne pour arrêter le tracé. (Vous devez indiquer au programme que le tracé est terminé. Pour cela, vous Page 7 sur 14

8 pouvez aussi cliquer sur l'outil Plume dans la palette d outils ou choisir Edition > Tout désélectionner.) Création de différents types de courbes Vous allez maintenant terminer le dessin de la feuille en ajoutant un segment de courbe à ceux qui existent déjà. Lorsque vous arrêtez un tracé, vous avez toujours la possibilité d'y relier d'autres segments par la suite. La touche Alt vous permet de définir le type de courbe à dessiner. 1. Faites défiler le modèle vers le bas pour atteindre les instructions intitulées Feuille étape 2. Vous allez ajouter un sommet au tracé, pour pouvoir changer la direction de la courbe. En revanche, un point lissé vous permettrait de tracer une courbe continue. 2. Placez le pointeur de l'outil Plume sur l'extrémité de la ligne, au niveau du point A. La barre oblique affichée à côté du pointeur indique que vous allez continuer le tracé de cette ligne au lieu d'en commencer une nouvelle. 3. Maintenez la touche Alt enfoncée et vous constaterez que la barre d'état dans le coin inférieur gauche de la fenêtre indique que vous allez créer un sommet à l'aide de l'outil Plume. Gardez la touche Alt/Option enfoncée et faites glisser l'outil du point d'ancrage jusqu'au point rouge. Relâchez ensuite le bouton de la souris. Toutes les courbes que vous avez créées jusqu'à présent étaient des tracés ouverts. Vous allez maintenant dessiner un tracé fermé, en définissant le dernier point d'ancrage sur le premier. (Les ellipses et les rectangles sont des exemples de tracés fermés.) Vous fermerez le tracé avec un point lissé. 4. Placez le pointeur sur le point d'ancrage B du modèle. Un petit cercle apparaît à côté du pointeur pour indiquer que si vous cliquez, vous fermez le tracé. Maintenez le bouton de la souris enfoncé et faites glisser le pointeur jusqu'au deuxième point rouge. Page 8 sur 14

9 Observez les lignes de direction à l'endroit où vous fermez le tracé. Au niveau d'un point lissé, les lignes de direction sont orientées selon le même angle, de part et d'autre du point. 5. Maintenez la touche Ctrl enfoncée et cliquez en dehors de la ligne, puis choisissez Fichier > Enregistrer. Transformation d'une courbe continue en sommet et inversement Vous allez maintenant dessiner la queue de la poire en modifiant un tracé courbe. Pour cela, vous convertirez un point lissé de la courbe en un sommet et transformerez un sommet en un point lissé. 1. Choisissez Affichage > Queue pour obtenir une vue agrandie de la queue de la poire. 2. Activez l'outil Sélection directe de la palette d outils, placez le pointeur sur le point A en haut de la courbe (un carré vide doit apparaître à côté du pointeur), puis cliquez sur le point d'ancrage pour le sélectionner et afficher ses lignes de direction (en bleu). 3. Sélectionnez l'outil Conversion de point directeur ( ) dans le même groupe que l'outil Plume dans la palette d'outils. (Lorsque l'outil Plume est actif, vous pouvez aussi passer à l'outil Conversion de point directeur en appuyant sur la touche Alt) 4. A l'aide de l'outil Conversion de point directeur, cliquez et maintenez le bouton de la souris enfoncé sur le point directeur de la ligne de direction gauche (sur le point rouge), puis faites-le glisser jusqu'au point doré sur le modèle et relâchez le bouton de la souris. Page 9 sur 14

10 En faisant glisser le point directeur à l'aide de l'outil Conversion de point directeur, vous transformez le point d'ancrage lissé en sommet et modifiez l'angle de la ligne de direction gauche. 5. A l'aide de l'outil Conversion de point directeur, cliquez et maintenez le bouton de la souris enfoncé sur le point d'ancrage inférieur, puis faites-le glisser du point B jusqu'au point rouge pour transformer le sommet en point lissé et arrondir la courbe. Relâchez ensuite le bouton de la souris. Le point d'ancrage comporte maintenant deux lignes de direction, puisqu'il s'agit à présent d'un point lissé. Voici quelques conseils pour utiliser correctement l'outil Conversion de point directeur : Faites glisser l'outil à partir du point d'ancrage de la courbe pour obtenir un point lissé et une courbe continue. Cliquez sur le point d'ancrage de la courbe ou faites glisser une poignée (point directeur) pour obtenir un sommet et une courbe discontinue. 6. Choisissez Fichier > Enregistrer. Création de la poire Vous allez maintenant dessiner un objet continu comportant des points lissés et des sommets. Lorsque vous voudrez changer la direction de la courbe au niveau d'un point, vous devrez maintenir la touche Alt (Windows) ou Option (Macintosh) enfoncée pour définir un sommet. 1. Choisissez Affichage > Poire pour obtenir la vue agrandie de la poire. Page 10 sur 14

11 Pour commencer, vous allez dessiner la partie mordue de la poire, en créant des sommets et en changeant la direction des segments de courbe. 2. Sélectionnez l'outil Plume dans le même groupe que l'outil Conversion de point directeur Faites glisser l'outil Plume du point A du modèle jusqu'au point rouge pour définir le point d'ancrage de départ et la direction de la première courbe. Relâchez le bouton de la souris. 3. Faites glisser l'outil Plume du point B du modèle jusqu'au point rouge (mais ne relâchez pas le bouton de la souris), puis maintenez la touche Alt enfoncée et faites glisser la poignée de direction du point rouge jusqu'au point doré. Relâchez le bouton de la souris. 4. Continuez à tracer les courbes s'arrêtant au niveau des points C et D en commençant par faire glisser l'outil du point d'ancrage jusqu'au point rouge, puis en maintenant la touche Alt/Option enfoncée et en faisant glisser la poignée de direction du point rouge vers le point doré. Au niveau des sommets B, C et D, vous devez d'abord faire glisser l'outil pour poursuivre le segment en cours, puis maintenir la touche Alt enfoncée et faire glisser l'outil pour définir la direction du segment suivant. Pour le reste de la poire, vous allez créer des points lissés. 5. Faites glisser l'outil jusqu'aux points rouges pour créer les différentes courbes des points E à J, puis cliquez sur le point d'ancrage K pour fermer le tracé. Vous constaterez qu'un petit cercle vide apparaît à côté du pointeur lorsque vous Page 11 sur 14

12 maintenez celui-ci sur le point d'ancrage K. Ce symbole indique qu'il suffit de cliquer pour fermer le tracé. 6. Maintenez la touche Ctrl enfoncée et cliquez en dehors du tracé pour le désélectionner, puis choisissez Fichier > Enregistrer. Modification de courbes Pour changer la forme des courbes que vous avez tracées, vous pouvez faire glisser leurs points d'ancrage ou leurs lignes de direction. Vous avez également la possibilité de déformer une courbe en déplaçant la ligne. 1. Activez l'outil Sélection directe et cliquez sur le contour de la poire. En cliquant avec l'outil Sélection directe, vous faites apparaître les lignes de direction de la courbe et vous pouvez alors modifier la forme des différents segments qui la composent. En revanche, si vous cliquez à l'aide de l'outil Sélection, vous sélectionnez la totalité du tracé. 2. Cliquez sur le point d'ancrage G (en haut à droite) pour le sélectionner et modifiez la forme du segment en faisant glisser la poignée de direction supérieure, comme le montre l'illustration. 3. Sélectionnez à présent l'outil Plume et faites-le glisser pour dessiner sur la poire la petite courbe à l'endroit où la flèche la traversera. (Suivez la ligne en pointillés qui figure sur le modèle.) Page 12 sur 14

13 Mise en place de l'image Pour achever l'illustration de la poire, vous allez assembler les différents éléments, leur appliquer des couleurs et placer la flèche de sorte qu'elle donne l'impression de traverser la poire. Assemblage des éléments 1. Cliquez deux fois sur l'outil Main pour adapter les dimensions de l'illustration à celles de la fenêtre. 2. Choisissez Fenêtre > Afficher Calques pour faire apparaître la palette correspondante. 3. Pour masquer le modèle, dans la palette Calques, cliquez sur l'icône située sous l'icône de l oeil, à côté du calque Modèle. 4. Activez l'outil Sélection dans la palette d outils, puis maintenez la touche Maj. enfoncée et cliquez pour sélectionner les deux lignes courbes indépendantes dont vous n'avez plus besoin pour la feuille. Appuyez sur la touche Retour Arrière les effacer. pour Vous allez maintenant réduire la taille de la queue et de la feuille et faire pivoter légèrement ces deux éléments, à l'aide des commandes du sous-menu Transformation. 5. Sélectionnez la queue et choisissez Objet > Transformation > Mise à l'échelle. Tapez 50% dans la zone Echelle, activez l'option Epaisseur et cliquez sur OK. 6. Choisissez Objet > Transformation > Rotation, tapez 45 degrés dans la zone Angle et cliquez sur OK. Page 13 sur 14

14 7. Sélectionnez la feuille et choisissez Objet > Transformation > Mise à l'échelle. Gardez les valeurs proposées dans la boîte de dialogue et cliquez sur OK pour réduire la feuille à 50%. Choisissez ensuite Objet > Transformation > Rotation, tapez 15 degrés dans la zone Angle et cliquez sur OK Vous pouvez également vous servir des outils Mise à l échelle et Rotation ou encore effectuer les deux opérations simultanément, à l'aide de l'outil Transformation manuelle. 8. Placez la queue et la feuille en haut de la poire. 9. Placez les parties de la flèche sur la poire de façon à donner l'impression que la flèche la traverse. Dans l'illustration, la disposition des objets respecte leur ordre de création, le plus récent étant affiché au premier plan. 10. Sélectionnez la partie inférieure de la flèche et choisissez Objet > Disposition > Premier plan pour la placer devant la poire. Coloration de l'illustration Vous pouvez maintenant appliquer aux objets les couleurs de votre choix. Nous avons supprimé le contour de la feuille, de la queue et de la poire, et nous avons coloré le fond de ces objets à l'aide de dégradés personnalisés appelés Feuille de poire, Queue de poire et Fruit poire. Nous avons ensuite coloré la flèche en bleu foncé et ajouté des nervures sur la feuille, des lignes sur la queue et un reflet sur la partie ronde de la poire, à l'aide des outils Pinceau et Plume. 1. Choisissez Fenêtre > Afficher Nuancier pour faire apparaître la palette correspondante. 2. Sélectionnez un objet, puis cliquez sur un échantillon dans la palette Nuancier pour colorer l'objet (il peut s'agir d'une couleur unie, d'un motif ou d'un dégradé). 3. Dans la palette Couleur, faites glisser le bouton Sans vers la case Contour pour supprimer le contour de l'objet sélectionné sans désactiver la case Fond. Page 14 sur 14