DESSIN VECTORIEL SIMPLE

Transcription

1 2nde AMA SÉQUENCE 1

2 L environnement d illustrator Les formes géométriques Les différents modes de sélections La déformation d objet 2

3 L environnement d illustrator 3

4 INTRODUCTION w Adobe Illustrator est un logiciel qui va vous permettre de créer des illustrations, dessins et logos de types «vectoriels». Ce terme désigne le mode de travail de ce logiciel ; à savoir des droites et des courbes calculées de façon mathématique. Illustrator ne permet pas le rendu photographique des images. Cela n empêche pas de pouvoir réaliser des dessins très réalistes. Le principe de fonctionnement d illustrator est simple. On place des points de construction (appelés point d ancrage). Illustrator calcule les droites ou les courbes entre chaque point en fonction de la direction donnée par la souris. L avantage des tracés mathématiques (les vecteurs), c est avant tout une très grande pureté des lignes. Vous verrez donc, au fur et à mesure de votre progression, que vos dessins y gagneront en précision et en justesse. Une des règles de base étant qu il faut limiter au maximum le nombre de points. 4

5 5

6 CRÉATION D UN NOUVEAU DOCUMENT L INTERFACE GÉNÉRALE Illustrator fait partie d une gamme de logiciel fabriqués par ADOBE. De ce fait vous retrouverez dans cette gamme toujours la même interface. Si vous ne retrouvez pas une palette ou une option vérifiez correctement dans tous les menus (ils sont rangés de manière logique) et éventuellement dans l aide. À l ouverture du logiciel, vous avez 2 cas de figure. Soit une fenêtre s ouvre automatiquement vous demandant si vous voulez ouvrir ou créer un document et le type de document à créer (dans ce cas là il faut choisir document à imprimer). Soit celle-ci a été désactivée et vous devrez aller dans le menu fichier pour ouvrir ou créer un document. Quelque soit la méthode choisie, vous devrez paramétrer les options suivantes : nom du document taille du document (en millimètres de préférence) mode colorimétrique en CMJN (obligatoire pour l impression) Une fois ces options validées une page de travail s ouvre avec les palettes utilisées lors de la dernière utilisation. 6

7 6 1 2 Exercice 5 w On demande Créez les documents demandés en tenant compte des réglages donnés. 3 4 w On donne > les formats : A4 : 21 / 29,7 cm carte postal : 10,5/14,85 cm A3 : 297 / 420 mm > le mode colorimétrique : CMJN > la manière de nommer les fichiers : nommez les fichiers avec leur taille Attention pour le moment pas d enregistrement! > le temps : 10 min 7

8 L enregistrement Lors de l enregistrement, pour éviter les mauvaises surprises il faut vérifier 3 points clés : Le dossier d enregistrement Le nom du fichier Le format d enregistrement 1 choix du nom de fichier (attention à ne pas laisser sans titre) 2 chemin d accès (toujours vérifier que l on est dans son dossier) 3 Le format d enregistrement (choisir adobe illustrator ou adobe eps) 1 2 La palette d outils Par défaut, elle se situe à gauche de l écran lors de l ouverture du logiciel. Les outils qu elle contient permettent de réaliser, transformer, modifier et sélectionner vos dessins et textes. Si votre palette n apparaît pas, allez dans le menu Fenêtre/Afficher la palette d outils. Tous les outils avec un petit triangle noir à droite contiennent un outils optionnel. C est à dire le même outil avec des fonctions en plus. Selon la version du logiciel la barre peut faire une ou deux colonnes. LES PALETTES FLOTANTES Ce sont les palettes situées à droite de l espace de travail. Elles se masquent et s affiche. Si jamais une palette disparaît il est toujours possible d aller la chercher dans le menu fenêtre. Exercice w On demande Recherchez les outils et les palettes suivante, testez les et expliquez leur fonctionnement. > le temps : 20 min 3 8

9 Outil sélection w Outil texte w Palette caractère w Outil plume w Outil rotation w Outil rectangle w Outil mise à l échelle w Palette nuancier w Outil pipette w Palette couleur w Outil main w 9

10 Exercice wo n demande Sur une feuille de dessin, faites des recherches puis une réalisation pour une mascotte d une marque de vêtements pour les enfants. Cette mascotte devra-être un animal souriant. wo n donne > le temps : 1h > le nombre de recherches : 3 minimum > le nombre de finalisation : 1 > les contraintes : travaillez uniquement à base de formes géométrique de base (rond, carré, triangle, rectangle). Les recherches devront laisser apparaître TOUTES les formes géométrique > les exemples : 10

11 Les formes géométriques 11

12 INTRODUCTION Les objets à angles w Les objets à «angle» sont uniquement composés de points d ancrage. Le logiciel trace directement le segment entre chaque point. w Avant même d e commencer, il faut comprendre que tous les objets que vous créerez seront dotés d un contour ou d un fond ou les deux. Vérifiez donc bien qu il y ait bien une couleur de fond et/ou de contour dans votre palette d outils. Le dernier objet dessiné est toujours l objet de premier plan. C est à dire que si vous superposez vos objets le dernier créé sera devant. Attention donc lors de la réalisation de dessins complexes, réfléchissez à l ordre des objets avant de les réaliser. Les objets dessinés sont construits à partir de : Les objets arrondis w Les objets «arrondis» ont des points directeurs qui permettent de déplacer les lignes directrices. ATTENTION : pour utiliser correctement illustrator vous aurez besoin de maîtriser 3 touches : shift : alt : Déplacement du point w Si on déplace le point directeur cela change la longueur et/ou la direction de la ligne directrice. Il est possible aussi de déplacer le point d ancrage. L objet est déformé. cmd : 12

13 LES TRACÉS MANUELS LES RECTANGLES Il existe plusieurs types de rectangles dans Illustrator. Les rectangles à angles droits et à angles arrondis. Pour les faire apparaître, effectuez un clic maintient sur l icône de rectangle dans la palette d outils. Vous verrez s afficher une suite d outils optionnels. TRACER UN RECTANGLE 1. Commencez par sélectionner l outil rectangle dans la palette d outils. 2. Dès que vous avez sélectionné cet outil, votre curseur change d aspect pour devenir une croix 3. Effectuez ensuite un appuyé/tiré sur le bouton de votre souris et descendez en diagonale. Un cadre bleuté, représentant votre futur rectangle, doit à présent suivre votre souris. 4. Une fois le rectangle dessiné relâchez la souris. Votre rectangle apparaîtra cette fois-ci avec 4 petits points placés aux angles et un contour bleuté s affiche par-dessus l objet. Ce contour vous indique que votre objet est actuellement sélectionné. Attention! Il y a une différence fondamentale entre un appuyé/tiré et clic! Appuyé/tiré = pression sur la souris, déplacement de la souris, relâchement de la souris. Clic = pression et relâchement instantané et sur place. 13

14 RECTANGLE VERS CARRÉ 1. Sélectionnez votre outil rectangle et appuyez sur la touche Shift de votre clavier. 2. Commencez un tracé comme précédemment. 3. Une fois tracé, relâchez d abord la souris puis ensuite la touche. DÉBUTER UN RECTANGLE PAR SON CENTRE Lorsque vous tracez un rectangle, celui-ci commence toujours par un de ses angles. Vous pouvez également commencer à tracer un rectangle en le débutant par son centre. 1. Sélectionnez votre outil rectangle. 2. Appuyez sur la touche alt de votre clavier. Votre curseur se change sous forme de cadre 3. Tracez un rectangle en effectuant un appuyé/tiré en diagonale. 4. Relâchez d abord la souris puis votre touche alt sinon aucune modification ne sera effectuée. LES ELLIPSES Sélectionnez l outil ellipse et utilisez la même technique que le tracé des rectangles (appuyé/tiré et déplacez la souris en diagonale). Comme précédemment avec les rectangles, votre ellipse deviendra un cercle, si vous utilisez la touche Shift et vous pourrez débuter son tracé à partir du centre si vous appuyez sur la touche alt. Il vous sera également possible de combiner les touches. Si vous souhaitez par exemple créer un cercle qui débute par son centre, utilisez les touches Shift et alt puis tracez un cercle. Exemple à reproduire : Tracez 4 carrés au coin d un grand carré. Attention vos carrés doivent être parfaitement positionnés par le centre. Pensez à zoomer Exemple à reproduire : Réalisez un œil en utilisant les outils et touches adéquats. 14

15 LE RECTANGLE ET L ELLIPSE LES TRACÉS PARAMÉTRÉS Une autre façon de créer des formes de base est possible en utilisant la fonction de tracé paramétré. Cette fonction permet de rentrer des valeurs choisies pour avoir des objets à la taille désirées sans erreurs possible. Cette fonction est applicable à toutes les formes géométriques : rectangle, ellipse, polygone Les tracés paramétrés combinés à la touche alt vous permettront de dessiner des formes prédéfinies par leur centre. 1. Sélectionnez votre outil, puis faites un simple clic sur le plan de travail. Une boite de dialogue apparaît. 2. Vous devez spécifier les valeurs de largeur et de hauteur de votre rectangle. Pour passer de l une à l autre, utilisez votre touche tabulation. 3. Cliquez sur OK ou appuyez sur la touche Entrée de votre clavier. LE RECTANGLE ARRONDI Dans la palette d outil se trouve le rectangle arrondi (seconde icône dans la palette). Comme pour les autres tracés, vous pouvez dessiner vous-même votre rectangle, mais celui-ci aura des angles non paramétrés. Utilisez le simple clic pour dessiner un rectangle arrondi dont vous choisissez le rayon d angle. Une boite de dialogue s affiche vous demandant de spécifier un rayon pour les angles de votre rectangle (attention à l unité de mesure). Exemple à reproduire : Réalisez un rectangle de 80 mm de large et de 4 cm de haut. Couleur de fond blanche et contour noir 1 point. Exemple à reproduire : Réalisez un rectangle à bords arrondis de 60 mm de large, 30 de haut et 4 mm de rayon. Exemple à reproduire : Réalisez le modèle suivant en utilisant les fonctions et touches adéquats. Pour modifier le rayon d un rectangle arrondi, allez dans le menu effet>convertir>rectangle arrondi. Dans la fenêtre de dialogue ne pas mettre de taille supplémentaire en largeur et hauteur et modifiez le rayon. 15

16 LE POLYGONE Il s agit du quatrième outil dans la palette optionnelle. Comme plus haut, vous avez la possibilité de dessiner soit en faisant appuyé/tiré soit avec la boite de dialogue. Faites un simple clic sur le plan de travail pour faire apparaître la boite de dialogue. Vous devrez spécifier le rayon : la distance entre le centre de votre polygone et son sommet. Les côtés qui représentent le nombre de sommets du polygone. L ÉTOILE Comme pour les autres outils, vous pourrez passer par la souris pour la dessiner ou par la boite de dialogue. Le rayon 1 : Il s agit de la distance entre le centre de votre étoile et le début de la branche. Le rayon 2 : Il s agit de la valeur entre le centre de l étoile et la fin de la branche. Le nombre de points correspond au nombre de branches de l étoile. Si vous donnez une valeur nulle à un des rayons, vous réaliserez une sorte d étoile écrasée en forme de flocon de neige. LE REDIMENSSIONEMENT D OBJET Sélectionnez un objet avec la flèche noire, enfoncez la touche shift, et faites appuyé/ tiré avec la souris. Vous pouvez ainsi agrandir ou diminuer un objet en gardant ses proportions. Attention toujours lacher la souris en premier sinon ça vous déformerez votre objet! Exemple à reproduire : Réalisez un polygone de 60 mm à 5 côté. Exemple à reproduire : Réalisez les polygones suivants. Exemple à reproduire : Réalisez une étoile de rayon 1 : 40, rayon 2 : 30, 5 points. Exemple à reproduire : Réalisez les étoiles suivantes. 16

17 Quizz Exercice w On demande Réalisez les objets demandés conformément aux contraintes données. w On donne > le temps : 50 min > l enregistrement : exo forme1+votre nom (format adobe illustrator) > les contraintes : un rectangle paramétré de 50 x 20 mm un carré paramétré de 50 x 50 mm un rectangle à bords arrondis paramétré de 50 x 30 mm (rayon : 4 mm) un carré à bords arrondis de 45 x 45 mm (R : 5 mm) une ellipse paramétrée de 40 x 40 mm des polygones paramétrés à 3, 4, 5, 6, 7 et 8 côtés (rayon : 20 mm) des étoiles paramétrées à 5, 6, 7 et 8 points (R1 : 20 mm / R2 : 10 mm) un triangle en utilisant l outil étoile un flocon de neige en utilisant l outil étoile de rayon 20 mm un œil (ellipse fond blanc contour noir et rond fond noir contour aucun) une maison ou un personnage géométrique avec les outils que vous connaissez Exercice w On demande À partir de votre dessin préparatoire, réalisez votre mascotte en utilisant les outils abordés. w On donne > le temps : 1 h > l enregistrement : mascotte+votre nom (format adobe illustrator) à rendre sur clé usb w On demande Répondez aux questions suivantes. À quoi sert la flèche noire? Comment dessiner un carré? Comment dessiner un rectangle paramétré? Quand je réalise une illustration je dois commencer par le premier plan ou l arrière plan? Que dois je faire pour faire tourner un objet? Sur quelle touche dois-je appuyer pour dupliquer un objet? 17

18 Évaluation wo n demande Sur feuille dessinez un robot (en couleur) dans un décor au choix. Celui-ci ainsi que le décor devront être réalisés à partir de formes géométriques. Une fois le dessin effectué vous passerez à la réalisation informatique. wo n donne > les critères d évaluation : dessin : propreté, originalité réalisation informatique : respect du dessin, qualité de la réalisation, difficultés techniques > le temps : 3 h 30 > les dégradés (facultatif) : menu fenêtre > bibliothèque de nuance > dégradés wo n exige > le rendu du dessin, et du fichier informatique 18

19 Les différents modes de sélection 19

20 LES OUTILS DE SÉLECTION Il existe 3 outils pour réaliser des sélections : L outil sélection (la flèche noire) L outil sélection direct (la flèche blanche) L outil sélection indirect (la flèche blanche plus) Si vous n avez pas de besoins spécifiques, utilisez toujours la flèche noire. C est celle qui est la plus simple a utiliser. Il suffit d un clic sur le fond ou le contour d un objet pour le sélectionner. Sélectionner un objet est assez simple si il est en premier plan. Pour sélectionner un objet derrière un autre il est souvent pratique de changer le mode d affichage. Par défaut vous êtes en mode «aperçu». En faisant le raccourci «pomme+y» l ordinateur n affiche que les tracés. Il suffit de cliquer alors sur l objet désiré et de se remettre en «aperçu» en faisant le même raccourci. Les sélections multiples Quand une illustration comporte beaucoup d objets, il est pratique de pouvoir les sélectionner en même temps. L outil de base reste la flèche noire. Pour sélectionner en même temps plusieurs objets il faut cliquer sur les objets désirés en utilisant la flèche noire et en enfonçant la touche shift. À chaque clic vous rajoutez un objet à la sélection. Attention si vous souhaitez déplacé le groupe d objets, vous ne devez pas faire de clic sur le dernier objet, mais un appuyé tiré. En effet si vous faites un clic sur un objet et que vous recliquez dedans pour le déplacer en fait vous le déselectionnez. Grouper des objets Pour ne pas avoir à recommencer cette opération à chaque fois, il est nécessaire de grouper les objets entre eux. Ainsi il suffira de faire un clic sur le groupe d objets pour le sélectionner. Pour cela il faut d abord sélectionner tous les objets désirés (méthode de sélections multiples), puis aller dans le menu édition et choisir l option «associer» (pomme + G). Pour dégrouper les objets il suffit d aller dans le menu édition et choisir «dégrouper» (shift+pomme+g). Il suffira de cliquer sur un objet pour sélectionner le groupe ou de déplacer un objet pour déplacer le groupe. Les sélections par type d objets Il peut être pratique de sélectionner tous les objets qui ont les mêmes attributs (par exemple la même couleur) pour les modifier tous ensembles en même temps. Pour cela il existe une fonction qui se trouve dans le menu sélection. Une fois dans ce menu il faut choisir «identique» et décider le mode de sélection (contour et fond, couleur de fond, couleur de contour ). Cette option existe aussi directement dans la barre de contrôle. Elle est symbolisée par une flèche noire qui survole 2 objets. Sélectionner un objet dans un groupe Une fois que vos objets ou illustrations sont groupés, il se peut que vous désiriez déplacer ou supprimer un élément. Pour éviter de tout dégrouper, il suffit de cliquer avec la «flèche blanche +» sur l objet désiré. Si vous avez groupé des groupes, la flèche blanche + sélectionnera 1 objet puis le groupe auquel il appartient si vous cliquez une seconde fois. 20

21 Exercice Exercice w On demande Suivez les consignes données en haut de chaque fichier informatique. Respectez l ordre de numérotation des fichiers. w On donne > les fichiers : exo 1, exo 2, exo 3, exo 4, exo 5 > le temps : 30 min w On demande En vous inspirant des modèles donnés, créez votre interface de jeux pour PACMAN. Vous ferez dans un premier temps des recherches sur papier puis vous passerez à la réalisation informatique w On donne > les exemples > le temps : 3 h > l assistance du professeur w On exige > le rendu du dessin > le respect des consignes > le rendu sur clé usb 21

22 La déformation d objet 22

23 Déformation d un objet w Ici le point a été déplacer en utilisant la flèche blanche. Déformer un objet Tous les objets vectoriels sont composés de points d ancrage. Il est possible de sélectionner et déplacer ces points, ou les segments entre ces points. L outil nécessaire pour cette opération est la flèche blanche. Quand on approche la flèche blanche d un objet (non sélectionné) un petit carré apparaît à côté de la flèche quand elle survole le point à sélectionner. À partir de là vous pouvez déplacer le point comme vous voulez. Si vous faites ça sur un segment, vous déplacerez tout le segment. Cette flèche permet aussi de déplacer les points directeurs ou les lignes directrices d un objet arrondi. Elle permet enfin de supprimer un segment entre 2 points en cliquant sur celui-ci et en appuyant sur la touche suppr. Astuce Quand on déplace un segment un point directeur ou une ligne directrice en enfonçant la touche alt, ceux-ci se déplacent de manière contrainte (o, 45, 90 ) Déformation d un objet w Ici on a déplacé le segment entre les deux points en utilisant la flèche blanche. Déformation d un objet w Ici le point a été déplacer en utilisant la flèche blanche. Il est possible de déplacer les lignes directrices pour changer la forme des courbes. Déformation d un objet w Exemple d une déformation en jouant sur les points d ancrages et les lignes directrices. 23

24 Exercice w On demande Suivez les consignes données en haut de chaque fichier informatique donné. Respectez l ordre de numérotation des fiichiers. w On donne > les fichiers : exo 6, exo 7 > le temps : 20 min Exercice w On demande Sur le fichier informatique donné, reproduisez à l identique les illustrations en les dessinant par dessus les modèles. w On donne > les fichiers : chipsters, carton > le temps : 1 h Évaluation séquence w On demande Sur le fichier informatique donné, suivez les consignes et reproduisez les objets demandés. w On donne > les critères d évaluation : qualité de la réalisation, nombre d objets réalisés > le temps : 3 h > le chemin d accès pour activer des dégradés (facultatif) : menu fenêtre > bibliothèque de nuance > dégradés On exige > le rendu : sur clé usb 24

25 Cet espace est prévu comme un carnet de notes, vous pouvez y laisser des remarques ou noter des manipulations. Observation : Cet espace est prévu que vous notiez les raccourcis claviers qui vous semblent importants. Raccourcis : 25