COM1560 - Illustrator 1 Aude Dufresne COM-1560 • Communication Informatisée 1 COM1560 - Illustrator 1 Aude Dufresne Opérations de base dans Illustrator. Menus, couleurs, dégradés, courbes de bezier et Textes COURS 9

COM-1560 • Communication Informatisée 1 PLAN DU COURS Raccourcis clavier Adobe Illustrator CS5 Les Objets Vectoriels Interface Illustrator Outils Palettes fonctionnelles Introduction aux Courbes de Bezier Tracer un dessin COURS 9

IMAGES VECTORIELLES VS. BITMAP COM-1560 • Communication Informatisée 1 IMAGES VECTORIELLES VS. BITMAP 300% 800% 300% 800% COURS 9

COM-1560 • Communication Informatisée 1 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. COURS 9

COM-1560 • Communication Informatisée 1 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. Les points d’encrage peuvent être des sommets ou des points d’inflexion. Il est possible de passer de l’un à l’autre en tout temps, à l’aide de l’outil « conversion de point directeur », (dernier outil de la sous-palette des « plumes ») COURS 9

FONCTIONNEMENT DES VECTEURS COM-1560 • Communication Informatisée 1 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. COURS 9

INTERFACE ADOBE ILLUSTRATOR CS COM-1560 • Communication Informatisée 1 INTERFACE ADOBE ILLUSTRATOR CS Les Menus apprenez à bien connaître les menus et 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 couleurs les formes, les dégradés, les symboles, les textes..etc. COURS 9

INTERFACE ADOBE ILLUSTRATOR CS COM-1560 • Communication Informatisée 1 INTERFACE ADOBE ILLUSTRATOR CS Menus Outils de sélection de plume de transformation etc. La couleur de Remplissage et de contour COURS 9

L’ESPACE DE TRAVAIL DANS ILLUSTRATOR - Les Calques COM-1560 • Communication Informatisée 1 L’ESPACE DE TRAVAIL DANS 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. Il est toujours possible de travailler ailleurs que dans les limites de la feuille. COURS 9

COM-1560 • Communication Informatisée 1 ILLUSTRATOR CS Menus Fenêtres Outils Palettes fonctionnelles Remplissaged’affichage COURS 9

PALETTES FONCTIONNELLES COM-1560 • Communication Informatisée 1 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. COURS 9

COM-1560 • Communication Informatisée 1 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 Si vous sélectionnez un point de votre objet celui-ci apparaîtra en couleur et les reste des points exposeront seulement leur bordure. Flèche noire Flèche blanche Flèche blanche + COURS 9

COM-1560 • Communication Informatisée 1 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. ajouter point soustraire Sommets (Points d’inflexion) COURS 9

COM-1560 • Communication Informatisée 1 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. grille polaire trait grillle rect. arc rectangle arrondi étoile point lumineux spirale polygone ellipse Pour créer des formes centrées utilisez l’outil en appuyant sur la touche ou ALT de votre clavier. COURS 9

Quelques raccourcis clavier Illustrator COM-1560 • Communication Informatisée 1 Quelques raccourcis clavier Illustrator majuscule Déplace en ligne droite Déplace à angle droit Sélection multiple z espace Zoom in z Alt espace Zoom out Alt en déplaçant une figure Copie la figure sélectionnée z D Duplique opération de transformation (Rotation, agrandissement z Z Annule dernière opération z S Enregistre z G Groupe NB sur IBM pour z il faut utiliser CTRL COURS 9

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 copiant et la commande répéter transformation z D

OUTILS DE TRANSFORMATION COM-1560 • Communication Informatisée 1 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électionner avec le bouton droit et choisir une transformation comme ici déplacer l’objet en miroir, simple ou comme une copie de l’originale COURS 9

COM-1560 • Communication Informatisée 1 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. remplissage échange ligne/remplissage couleurs par défaut ligne couleur dégradé aucun COURS 9

PALETTES FONCTIONNELLES COM-1560 • Communication Informatisée 1 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é. COURS 9

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

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é.

COM-1560 • Communication Informatisée 1 Exercice Essayez les différents outils de dessins et les transformations En utilisant les dégradés, les superpositions et le Menu 3D Essayez les. COURS 9

Les courbes de Bézier (un mathématicien) COM-1560 • Communication Informatisée 1 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. COURS 9

Dessinez les courbes - quelques règles COM-1560 • Communication Informatisée 1 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ée du 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ée dans la direction où� la courbe s'oriente. COURS 9

COM-1560 • Communication Informatisée 1 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ît et 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 … COURS 9

Modifiez les points d’ancrage COM-1560 • Communication Informatisée 1 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'ancrage ou 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. COURS 9

COM-1560 • Communication Informatisée 1 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 COURS 9

Quelques raccourçis clavier Illustrator COM-1560 • Communication Informatisée 1 Quelques raccourçis clavier Illustrator majuscule Déplace en ligne droite Déplace à angle droit Sélection multiple z espace Zoom in z Alt espace Zoom out Alt en déplaçant une figure Copie la figure sélectionnée z D Duplique opération de transformation (Rotation, agrandissement z Z Annule dernière opération z S Enregistre z G Groupe COURS 9

Autres raccourçis clavier dans Illustrator COM-1560 • Communication Informatisée 1 Autres raccourçis clavier dans Illustrator majuscule Trace en ligne droite z Fait apparaître la flèche z clic dans le fond Désélectionne, Arrête un trait de plume z sur un point d’ancrage Permet de changer le type de point d’ancrage (courbe, angle aigu ou droite) z J Joint deux extrémités de tracé z G Groupe deux objets z 2 Verrouille z 3 Masquer COURS 9

COM-1560 • Communication Informatisée 1 Exercice Pratiquez vous à faire des courbes rondes Et des courbes avec des angles comme ces vagues COURS 9

COM-1560 • Communication Informatisée 1 fin COURS 9