COM1560 - Illustrator 1 Aude Dufresne

1. COM1560 - Illustrator 1Aude Dufresne Opérations de base dans Illustrator. Menus, couleurs, dégradés, courbes de bezier et Textes

2. PLAN DU COURS • Raccourcis clavier • Adobe Illustrator CS5 • Les Objets Vectoriels • Interface Illustrator • Outils • Palettes fonctionnelles • Introduction aux Courbes de Bezier • Tracer un dessin

3. 300% 800% 300% 800% IMAGES VECTORIELLES VS. BITMAP

4. ADOBE ILLUSTRATOR CS • Adobe Illustrator est un logiciel d’illustration vectorielle qui vous permet de réaliser des dessins simples (logotypes, graphiques, plans, formes élémentaires) ou des dessins complexes (affiches, volants, dépliants, etc.) • Illustrator est un outil de production d’art graphique professionnel pour l’imprimé, le multimédia et le Web. • Le logiciel vous offre un haut niveau de contrôle et de précision sur vos dessins. • Les images vectorielles produites par Illustrator, sont constituées de lignes et de courbes définies par des objets mathématiques appelés vecteurs.

5. LES OBJETS VECTORIELS • Les images créées avec Illustrator sont composées d’objets vectoriels, obtenus de différentes façons (tracés ouverts, formes fermées,superposées, composées...) • Les objets vectoriels peuvent être déplacés, transformés en forme, taille et couleur sans perte de qualité de l’image obtenue. • Les images vectorielles ont une résolution indépendante. Elles ne sont pas définies par un nombre de pixels fixe mais par leur définition mathématique. • Illustrator utilise des points d’ancrage pour former les objets qui composent vos images. • Ces points d’ancrage sont reliés entre eux par des tracés calculés, appelés courbes de Bézier, qui produisent la forme de l’objet. • Ces tracés sont calculés à partir de l’état des deux vecteurs (indépendants) qui sont associés à chaque point d’ancrage.

6. FONCTIONNEMENT DES VECTEURS • Les vecteurs permettent de générer les images, selon leurs caractéristiques géométriques, qui permettent de calculer les courbes de Bézier. • Un vecteur est caractérisé par son point de départ, sa longueur (ou intensité) et sa direction. • Dans illustrator, les points d’ancrage disposent de deux vecteurs, artéfacts qui ressemblent à des petits leviers • Dans Illustrator, lorsque l’on pose un point (sommet), ses vecteurs ont une longueur nulle. Deux sommets sont ainsi reliés par un segment (morceau de droite) • Pour créer des courbes, on joue sur les vecteurs. On obtient alors un point d’inflexion.

7. INTERFACE ADOBE ILLUSTRATOR CS Les Menus apprenez à bien connaître les menuset leur contenu Le menu Fenêtres vous montre tous les groupes d’outils pour faire votre dessin. Il permet d’ouvrir les différentes palettes spécifiques comme par exemple..les couleursles formes, les dégradés, les symboles, les textes..etc.

8. INTERFACE ADOBE ILLUSTRATOR CS Menus Outils de sélection de plume de transformation etc. La couleur de Remplissage et de contour

9. L’ESPACE DE TRAVAILDANS ILLUSTRATOR - Les Calques L’espace de travail d’Illustrator est une feuille blanche, sur laquelle vous dessinez en plusieurs calques ou couches,sur lesquelles vous placerez les parties du dessin. • Comme dans Photoshop, l’espace est structuré en calques, mais : • Tous les objets peuvent se trouver sur un même calque • Les objets sont empilés selon un ordre visible dans la palette calque • L’ordre d’empilement des objets commande leur visibilité • On peut ainsi déplacer un calque et les objets qu’ils contient vers le dessus ou le fond du dessin. • Les calques sont des outils d’organisation • Ils permettent de rendre visible ou non • modifiables ou non les éléments.

10. ILLUSTRATOR CS Menus Fenêtres Outils • Palettesfonctionnelles Remplissaged’affichage

11. PALETTES FONCTIONNELLES • Adobe Illustrator CS contient plus d’une vingtaine de palettes fonctionnelles qui vous permettent de contrôler des tâches spécifiques dont voici les plus importantes: alignement, apparence, couleur, dégradés, nuancier, calques, navigateur, contour, transformation, pathfinder, symboles, formes et caractère.

12. OUTILS DE SÉLECTION • Les outils de sélection vous permettent de sélectionner soit un objet (flèche noire), une partie d’un objet (flèche blanche) ou un objet dans un groupe (flèche blanche +) • Pour sélectionner plusieurs objets ou points appuyer sur la touche SHIFT du clavier et cliquez. Sélection d’objets Sélection de points et courbes Flèche noireFlèche blancheFlèche blanche +

13. soustraire point Sommets (Points d’inflexion) ajouter point OUTILS DE CRÉATION • Les outils de création se trouvent dans la partie supérieure de votre barre d’outils. • La plume est l’outil le plus important du logiciel car elle vous permet de créer des points et des courbes. plume texte Traits formes pinceau crayons • Le crayon et le pinceau vous permettent de créer des objets à main levée.

14. rectangle arrondi grillle rect. polygone rectangle arc spirale grille polaire étoile trait point lumineux ellipse FORMES ÉLÉMENTAIRES • Les formes élémentaires sont, pour la plupart, des formes géométriques simples. Les deux figures principales sont le rectangle et l’ellipse. • Pour créer des formes proportionnelles utilisez l’outil en appuyant sur la touche SHIFT de votre clavier.

15. Quelques raccourcis clavier Illustrator NB sur IBM pour z il faut utiliser CTRL

16. Essayez la plume et les commandes • Faite les carreaux • Faites la grille • Utiliser Majuscule pour tracer en ligne droite ou pour faire des carrés.option pour déplacer en copiantet la commande répéter transformation z D

17. OUTILS DE TRANSFORMATION • Tout objet créé par Illustrator ou importé par celui-ci peut être transformé. La transformation peut être manuelle ou automatique. • Pour faire une transformation il faut sélectionneravec le bouton droit et choisir une transformationcomme ici déplacer l’objet en miroir, simple ou comme une copie de l’originale

18. échange ligne/remplissage remplissage ligne couleurs par défaut couleur dégradé aucun CONTRÔLE DES COULEURS • Pour sélectionner la couleur que vous voulez utiliser, cliquez sur le bouton de remplissage ou sur le bouton de ligne et faites votre choix dans la palette fonctionnelle de couleurs ou d’échantillons. • Les couleurs par défaut sont généralement le blanc en remplissage et le noir en ligne • Vous pouvez sélectionner un dégradé de couleurs pour le remplissage de votre objet.

19. PALETTES FONCTIONNELLES • Adobe Illustrator CS contient plus d’une vingtaine de palettes fonctionnelles qui vous permettent de contrôler des tâches spécifiques dont voici les plus importantes: alignement, apparence, couleurs, dégradés, nuancier, calques, navigateur, lignes, transformation, pathfinder, symboles, formes et caractère. • Créez un nouveau dégradé.

20. Exercice • Essayez de faire la marguerite • Créez un dégradé.. Et appliquez le aux pétales • Créez un calque et dessinez un décor

21. Couleurs • Vous pouvez créer de nouvelles couleurs, que vous gardez dans votre palette de couleur (Swatches) • Voyons un exemple de création de couleur simple et de dégradé.

22. Exercice • Essayez les différents outils de dessins et les transformations • En utilisant les dégradés,les superpositionset le Menu 3D • Essayez les.

23. Les courbes de Bézier (un mathématicien) • Une courbe de Bézier est constituée par une ligne qui passe par des points d’ancrage. Pour contrôler l’aspect de la courbe, des poignées situées sur la tangente du point d’ancrage nous permettent de faire varier la forme et la longueur de la courbe. • Une tangente, par définition, doit être perpendiculaire au rayon de la courbe. • Pour créer une courbe cliquez un premier point d'ancrage et glissez dans la direction de la courbe en étirant la poignée. Cliquez au nouveau point d'ancrage et glissez pour étirer la poignée du nouveau point d'ancrage. • Plus la poignée est loin de son point d’ancrage, plus il y aura de matière à ligne entre deux points d’ancrage. • L’angle de la tangente donne une forme différente à la courbe. Il y a donc deux facteurs qui influencent les courbes faites: l'angle de la tangente et sa longueur. • Les courbes de Bézier peuvent être remaniées en déplaçant leurs points d’ancrage ou la courbe elle-même, en les cliquant avec la flèche blanche. • Pour continuer une courbe, cliquez sur une des extrémités et glissez pour définir la poignée de ce point d'ancrage, puis continuez votre courbe.

24. Dessinez les courbes - quelques règles 1 La règle du tiers. Il faut avoir une tangente qui a la longueur approximative du tiers de la longueur totale de la partie de la courbe situéentre deux points d’ancrage. 2 La règle de la bosse Il ne faut pas placer de points d’ancrage sur le haut d’une courbe, sur son apex. Il vaut mieux placer ces points sur les points d'inflexion de la courbe. 3 La règle de la valse Il faut s’efforcer de placer le moins de points d'ancrage sur la courbe possible. Comme lorsque l'on patine accompagn� d'une valse. 4 La règle de la tangente La tangente doit toujours êre situéedu côté� convexe de la courbe. C.A.D. que la tangente ne doit jamais traverser la courbe. 5 La règle de la direction On doit toujours faire glisser la poignéedans la direction où� la courbe s'oriente.

25. Corriger les courbes ATTENTION pour Modifier une courbe, il faut laisser la plume si non votre dessin continue. Double cliquez au dernier point. UN TRUC Cliquez z la flèche noire apparaîtet cliquez dans le fond de la feuille. Pour corriger 1 Une façon simple est d’utiliser Défaire z Z • Avec la flèche blanche vous pouvez cliquer la courbe et la déplacer ou sélectionner une poignée et modifier la longueur de l’Angle, • On peut retirer un point avec la plume - • On peut ajouter un point avec la plume + 5 On peut changer un point d’ancrage en cliquant sur le point ou sur la poignée avec l’outil comme un V • On peut couper une courbe avec le ciseau ou la scie. 7 On peut joindre deux bouts avec la commande Outil/Tracé/Joindre • Et il y a beaucoup d’autres possibilités …

26. Modifiez les points d’ancrage • Pour reprendre une courbe de Bézier cliquez le point d'ancrage du bout et si vous voulez que le point de jonction soit: • un point de courbe, vous cliquez en étirant. • un point d'angle, vous cliquez sans étirer. • Pour modifier un point d'une courbe de Bézier, vous devez le sélectionner avec la flèche blanche pour faire apparaître les poignées et les points d'ancrage puis prendre l'outil de modification des points d'ancrageou Alt clic sur un point d’ancrage ou une poignée • Pour avoir une courbe et une droite (comme le côté droit de la tasse et le dessus qui est courbe), créez un point d'angle afin de séparer les deux poignées, puis repliez une des poignées sur son côté de courbe. Ce côté devient une droite.

27. Exercice • Essayez de faire la pomme en utilisant un rond et en changeant l’ ancrage du haut pour un ancrage à angle. • Créez un dégradé rouge pour la colorer. • Dessinez la queue et une feuille

28. Quelques raccourçis clavier Illustrator

29. Autres raccourçis clavier dans Illustrator

30. Exercice Pratiquez vous à faire des courbes rondes Et des courbes avec des angles comme ces vagues

31. fin