Les bases du logiciel

Les bases du logiciel Je vous en recommande donc une lecture avec grande attention, et vous souhaite un bon apprentissage de ce magnifique logiciel! Sommaire 1 - L'interface du logiciel 2 - La palette d'outils 3 - Création simple : un logo 4 - Utilisation de l'outil plume 5 - Création d'une illustration 6 - Accélérer son travail Notes de fin Jean Claver MOUTOH Helmut 1

Chapitre 1 : L'interface du logiciel Votre espace de travail. En haut, les menus : - Vous en aurez grandement besoin, ils donnent accès à beaucoup de fonctionnalités, notamment pour les illustrations plus complexes. À votre gauche, la palette d'outils : - Pour choisir l'outil dont vous avez besoin pour créer votre illustration. Au centre, votre document de travail : - Affiche votre illustration. À droite, plusieurs palettes : - La palette des caractères, pour régler toutes les options de textes (polices, centrage,...), - la palette de navigation vous aide à vous déplacer dans un document, - la palette d'infos affiche les coordonnées et les dimensions de la figure sélectionnée, - la palette de couleurs, pour choisir votre couleur de fond ou de contour, - la palette de nuancier, avec un choix de couleurs à utiliser, vous pouvez également ajouter des couleurs ou des dégradés a cette palette, - la palette contour sert à régler l'épaisseur du contour et d'autres options les concernant, - la palette des dégradés de couleurs sert à régler les options relatives aux dégradés, Jean Claver MOUTOH Helmut 2

- la palette de transparence sert à régler l'opacité de votre forme, ainsi que son mode de fusion, - la palette des calques, affiche quant à elle toutes les formes que contient votre illustration et sert à les organiser facilement, - la palette transformation sert à régler la position et la taille de votre forme, - la palette d'alignement sert à aligner proprement plusieurs formes, - le pathfinder sert à associer, soustraire ou découper deux formes entre elles. Chapitre 2 : La palette d'outils Les outils les plus utilisés Les outils de sélection Ils servent à sélectionner un objet entier, ou seulement des points de cet objet. Jean Claver MOUTOH Helmut 3

La flèche noire, par exemple, va sélectionner la forme entière, alors que la flèche blanche, elle, ne sélectionnera que des vecteurs de celle-ci. Les outils de création de formes L'outil Plume sert à créer une forme complexe, par exemple pour la création d'un logo, ou d'un objet. Avec cet outil, on crée point par point la forme voulue, et on la modifie à volonté. L'outil Texte sert à écrire dans votre document, en "vectorisant" votre texte, vous pouvez alors le modifier point par point avec les outils de sélection. L'outil Trait sert... à créer un trait droit. Avec cet outil, vous avez aussi à disposition un outil "Arc", "Outil spirale", ou encore "Grille rectangulaire" qui permet de créer un tableau par exemple. Les outils de rectangle, ellipse, polygone, étoile,... L'outil pinceau... L'outil crayon est un peu similaire à l'outil pinceau. Avec celui-ci, vous trouverez l'outil gomme et l'outil "arrondi", qui permet d'arrondir un angle d'une forme. Les outils de transformation L'outil de rotation sert à... faire tourner une forme. L'outil de mise à l'échelle sert à modifier la taille d'une forme. Les outils de déformation sont très utiles pour déformer une forme rapidement en suivant un style particulier. L'outil de transformation manuelle sert, comme l'outil de mise à l'échelle, à déformer votre forme, mais en vous servant des poignées autours de celle-ci. Les outils de formes L'outil de pulvérisation de symboles sert à projeter des formes déjà créées dans le document. L'outil de création de graphiques sert à créer des graphiques dans votre illustration. Jean Claver MOUTOH Helmut 4

Les outils de couleurs et dégradés L'outil filet sert à appliquer un dégradé complexe à votre forme, il est assez dur à utiliser, mais permet de créer des objets d'un réalisme époustouflant! L'outil de dégradés sert à déterminer le point de départ et le point de fin d'un dégradé appliqué à une (ou plusieurs) formes. L'outil pipette permet de récupérer dans votre couleur de fond ou de contour une couleur déjà utilisée dans votre document. L'outil de dégradé de formes sert à créer une interpolation entre deux formes, voici un exemple: Nous partons d'un rond, pour arriver progressivement à une étoile. Les outils de document L'outil tranche permet de "découper" des portions de votre illustration, très utile notamment pour la création d'interfaces de sites web. Les outils ciseaux et cutter permettent de découper en deux une forme. Par conséquent, cela ajoute des points vecteurs à votre forme. L'outil main sert à se déplacer dans votre document, et l'outil page permet de définir les zones d'impression de votre document. Enfin, l'outil zoom sert à zoomer/dézoomer sur votre document. Pour finir, une précision sur ces trois petites icônes en dessous de vos couleurs de fond/contour. Le carré plein détermine que votre couleur est un aplat. Le carré avec un dégradé dit que votre couleur est un dégradé de couleur. Jean Claver MOUTOH Helmut 5

Et le carré blanc, barré de rouge, indique que votre couleur ne contient rien, elle est transparente. Chapitre 3 : Création simple - un logo Prenez votre outil de rectangle arrondi. Commencez à tracer un rectangle, mais ne relâchez pas le clic de la souri, appuyez sur les flèches "haut" et "bas" de votre clavier, cela à pour influence de rêgler l'angle des arrondis de votre rectangle. En maintenant également la touche "Shift" enfoncée, vous allez tracer un carré au lieu d'un rectangle. Tracez donc un rectangle à bords arrondis comme ceci: Affichez votre palette de contours et réglez le contour de ce rectangle. Nous voulons un rectangle avec un contour un peu épais. Nous allons également changer la couleur de celui-ci. Double cliquez sur votre couleur de contour dans la palette d'outils et sélectionnez une couleur de votre choix. Nous avons maintenant délimité un contour a notre logo. travaillons maintenant l'intérieur de celui-ci, nous allons dessiner une petite maison à l'intérieur. Pour ne pas être gêné par le contour, nous allons le verrouiller. Dans la palette des calques, vous avez ainsi un élément nommé "Tracé". Double cliquez dessus pour le renommer "contour". Cliquez également à droite du petit oeil d'affichage du calque, ce qui a pour effet de verrouiller cet élément, vous ne pourrez donc plus le sélectionner tant qu'il sera verrouillé. Prenez votre outil de création de forme "étoile". Commencez à tracer votre étoile, mais, comme pour le rectangle à bords arrondis, appuyez sur la flèche "bas" de votre clavier pour réduire le nombre de branches de l'étoile, jusqu'à obtenir Jean Claver MOUTOH Helmut 6

un triangle. En maintenant la touche Shift enfoncée, vous pouvez également obtenir un triangle qui aura un coté à l'horizontale. Tracez donc un triangle comme ci-dessous, de façon à former le toit de notre maison. Le toit dépasse forcément de notre carré [ 1 ]. Le triangle comporte 6 points [ 1 ], alors que nous n'avons besoin que de trois points. Prenez l'outil plume et cliquez sur les points superflus pour les supprimer. [ 2 ] Avec l'outil de sélection directe, sélectionnez le point du haut du triangle. le point sélectionné est rempli, tandis que les deux autres points en bas sont creux, ils ne sont pas sélectionnés. En appuyant sur la flèche "bas" de votre clavier, vous pouvez descendre ce point tout doucement jusqu'à obtenir un angle qui vous convient. [ 3 ] Tracez ensuite un gros rectangle pour former la maison, puis un plus petit, allongé en hauteur, pour tracer la porte de la maison. Nous allons soustraire cette porte à la forme principale de la maison, vous pouvez donc faire dépasser la porte vers le bas, cela ne nous dérangera pas. Les trois éléments formant la maison ne sont pas vraiment alignés. Affichez votre palette d'alignement, sélectionnez les trois éléments de la maison (le toit, les murs et la porte) et appuyez sur le bouton "alignement horizontal au centre". Maintenant, sélectionnez le toit et les murs, et affichez votre palette du pathfinder. Appuyez sur le bouton "Ajout à la forme", puis "Décomposer", cela a pour effet de réunir les deux formes en une seule. Jean Claver MOUTOH Helmut 7

Sélectionnez donc maintenant la maison et la porte, puis appuyez sur le bouton "Soustraction de la forme" du Pathfinder, puis sur "Décomposer". La forme soustraite est toujours au dessus dans votre palette des calques. Ainsi nous obtenons le dessin ci-contre. Voilà une illustration très simple qui nous a permis de voir plusieurs fonctions d'illustrator. Nous pouvons créer une illustration présentant celle-ci... Créer un Logo sous Illustrator Commencez par ouvrir un nouveau document et avec l'outil texte, tapez le texte du logo. Si la fenêtre des propriétés du texte n'est pas affichée, allez dans le menu "Fenetre" / "Texte" / "Caractère". Sur cette palette d'outils vous pouvez sélectionner la police, la taille du texte etc... Jean Claver MOUTOH Helmut 8

Permutez les couleurs pour que le texte soit détouré en noir. Maintenant, vu qu'on est sous Illustrator, nous allons vectoriser ce texte pour pouvori le modifier. Faites clic droit sur le texte / vectoriser. faites à nouveau clic droit / Dissocier. Maintenant votre texte est éditable lettre par lettre. Arrangez les lettres comme vous le souhaitez, modifiez les formes etc. Vous pouvez vous aider à modifier les formes et à les arranger entre elles à l'aide de la palette d'outil "PathFinder". Ces outils permettent par exemple de fusionner des formes, d'en soustraire etc. Indispensable. Pour mettre en couleur une forme, sélectionnez-la et choisissez sa couleur de remplissage. Jean Claver MOUTOH Helmut 9

Vous pouvez aussi appliquer des dégradés... Pour terminer, vous pouvez appliquer divers effets, par exemple une ombre portée. Sélectionnez le texte et allez dans le menu "Effet" / "Special" / "Ombre portée". Voilà, le texte du logo vous plait? Ornez-le de motifs et formes au choix, ajoutez le logo graphique qui va avec, et le tour est joué! Jean Claver MOUTOH Helmut 10

Chapitre 4 : Utilisation de l'outil plume Un des plus importants outils de dessin dans Illustrator est l'outil Plume. Sa précision et son utilisation fine et précise en fond un outil de tracé puissant. Voyons ensemble comment celui-ci marche-t-il. Sélectionnez donc cet outil, puis placez une série de points n'importe où dans votre document. Vous créer une forme à angles très nets. Le dernier point que vous avez placé est rempli (sélectionné) et les autres sont simplement entourés (désélectionnés). Si vous cliquez sur le premier point que vous avez placé, vous fermez votre tracé. points. Essayez maintenant de créer un nouveau tracé. Placez votre premier point, mais ne relâchez pas votre clic. Deux poignées apparaissent de chaque côté du point, elles correspondent à l'angle d'arrondissement de la courbe que vous allez tracer entre deux Essayez de reproduire une forme simple comme celle ci-contre à droite. Maintenant, placez un point (sans le faire glisser), puis placez en un deuxième, en lui donnant une courbure. cliquez une seule fois sur le dernier point que vous avez placé. Celà a pour effet de "casser" l'angle donné à notre point précédemment. De la sorte, vous pouvez continuer à dessiner votre tracé sans être influencé par le dernier point que vous avez créé. Essayez ceci: Faites maintenant divers essais, essayez de reproduire en toute simplicité un logo, un élément simple, ou un motif, dans le seul but de vous entraîner, jusqu'à comprendre le principe d'utilisation de la plume. Sachez que pour créer des tracés plus doux, moins vous placez de points, mieux ça sera. Prenez bien 5 à 10 minutes pour faire des essais divers avec cet outil, puis, si vous le sentez, passez à la leçon suivante! :-) Jean Claver MOUTOH Helmut 11

L'outil Graphe Dans la multitude des possibilités de Illustrator, il y a l'outil graphe qui comment son nom l'indique permet d'organiser des données / statistiques sous forme de graphiques. Le cour est en trois parties : découverte de l'outil graphe, faire une présentation basique et enfin faire une présentation un peu plus poussée. L'outil graphe se trouve ici, près du Pulvérisateur de symboles. Pour l'utiliser il faut choisir le graphe que nous voulons puis de créer un rectangle dans le plan de travail, tout simplement. Ici, par exemple, je vais utiliser l'outil graphe à barres horizontales. Sur mon plan de travail je vois mon graphe se faire, avec une fenêtre qui s'ouvre. Il suffit de rentrer vos valeurs et de cliquer sur l'icône en V (tout à droite) pour voir votre graphe se modifier. Ici, j'ai mis ce tableau et j'ai eu ce graphe : Jean Claver MOUTOH Helmut 12

Mais ça marche bien sûr avec des tableau plus compliqués : Vous pouvez noter au passage qu'illustrator m'a automatiquement fait une légende à droite et que pour dire à Illustrator que c'est du texte, on met entre guillemets (les dates 2008 2009 et 2010 n'ont pas été pris comme chiffres). Quand vous avez terminé, vous pouvez fermer cette fenêtre. Si jamais vous voulez changez ces valeurs, sélectionnez votre graphe et faites un clique droit Jean Claver MOUTOH Helmut 13

puis "Données...". Vous remarquez au passage, juste au dessus, l'option Attribut qui permet de changer le type de graphe, d'ajouter une ombre portée, etc... A présent nous allons voir plusieurs types de graphe. Pour cela je garde les données de tout à l'heure (avec 2008; Donnée 1, etc...) qui sont, je ne dit, fausses (elles n'ont aucune signification). Graphe à barres verticales empilées : Graphe à barres horizontales : Jean Claver MOUTOH Helmut 14

Graphe à barres horizontales empilées : Graphe linéaire : Jean Claver MOUTOH Helmut 15

Graphe à couches : Graphe en nuage de points : Jean Claver MOUTOH Helmut 16

On remarque ici que toutes les données ne sont pas traités, et qu'on a un graphe un peu bizarre : les données n'étaient pas adaptées. Graphe sectoriel : Graphe radar : Jean Claver MOUTOH Helmut 17

Voilà qui nous fait pas de choix pas vrai? Bien évidemment, selon vos données vous aurez un graphe qui correspond. Par exemple, pour mes données je préférerai plutôt un graphe linéaire car on a une chronologie sur x et les valeurs sur y. Pour un graphe à barres, ce sera plus pour parler en chiffre (tant d'habitant par exemple). Avec un graphe à barres empilées, on compare souvent la part que prend telle donnée au cours du temps par exemple. Le graphe sectoriel, ou camembert est très apprécié sur le web, et il est souvent utilisé pour des pourcentages. Enfin, le graphe radar est quasi tout le temps utilisé pour parler des performances de quelqu'un (force, endurance, etc...) pour un sportif, ou plus simplement dans des jeux vidéos comme Wii Sport. Vous savez maintenant mettre en forme votre graphe ; ) Une présentation simple Maintenant, nous allons voir comment nous pouvons utiliser Illustrator pour des exposés, des documents Word, des comptes rendus, etc... Je vais faire un graphe de référence : il vous suffit de reporter ce que je fais sur votre graphe. Voici mes données : Jean Claver MOUTOH Helmut 18

Peut-être que ça vous dit quelque chose? Ce sont les résultats des JO 2008 à Beijing, en Chine. Je sélectionne mon graphe et je vais dans Objet > Dissocier. Faites ensuite Ok. Maintenant, notre graphe est décomposé en plusieurs calques, ce que va nous permettre de l'éditer précisément! Néanmoins, on ne peut plus changer l'attribut et les données de notre graphe. Soyez sur de vos valeurs avant de dissocier votre graphique! Je vous conseille vivement de renommer quelques groupes pour vous y retrouver plus rapidement : Première chose que je change : la légende. Dans la plupart des graphe, elle est assez grosse. Ainsi, je sélectionne les formes dans la palette des calques et je réduis et déplace. Jean Claver MOUTOH Helmut 19

Maintenant je change les couleurs de chaque barre. Je sélectionne le calque dont je veux changer la couleur, par exemple le groupe Or, puis je double clique sur le carré de couleur (dans la barre d'outil à gauche). Enfin, petite astuce, pour avoir des belles couleurs, allez voir le nuancier qui vous simplifiera la vie ; ) Jean Claver MOUTOH Helmut 20

Je sélectionne ensuite le groupe "Couleurs+Légende" et je met un contour blanc de un pixel. Pour changer le contour je double clique sur le rectangle de contour dans la palette des outils, et pour modifier le contour, je vais dans la fenêtre "Contour". Comme on ne voit pas le contour blanc, j'ajoute un fond un peu vert derrière (je créé un nouveau calque avec ma forme rectangulaire, puis je la passe tout en bas de la palette de calque). On a finit notre travail! Jean Claver MOUTOH Helmut 21

Si vous êtes dans une présentation (comme un exposé, un powerpoint, etc...), faites attention à bien choisir vos couleurs. Si vous voulez pousser un peu plus votre travail, vous pouvez mettre des dégradés, c'est aussi beau. Jean Claver MOUTOH Helmut 22

Par contre, pour une présentation Word, ça sera peut-être un peu trop coloré je pense. Faites bien comme vous le sentez, mais (et je pense que vous l'avez vu) il faut savoir doser les effets. Si vous voulez donner un air sérieux, vous allez avoir des couleurs moins fortes que si vous faisiez un graphique qui prime l'esthétique. Quelque chose de plus design Nous attaquons la dernière partie de notre cour sur les graphique, où nous allons cette fois-ci faire quelque chose de beau, qui ai un peu plus de style. Ca peut être très sympathique à mettre pour présenter les statistiques d'un site (tant de visiteurs utilisent tel navigateur par exemple), ou encore pour un logo (tout simplement : ). Cette fois-ci, je vais prendre le graphe sectoriel, ou plus communément appelé le camembert :) De plus, ici, nous n'auront qu'une seule série de donnée. Ca me donne un tableau de ce style : Comme ce sont de fausses données, je n'ai pas mis de légendes. Jean Claver MOUTOH Helmut 23

Comme tout à l'heure, nous allons sélectionner notre graphe et faire Objet > Dissocier. Nous allons décaler un peu chaque partie, comme ceci : Au niveau des couleurs, choisissez une couleur par partie (comme tout à l'heure) mais ne mettez aucun contour (c'est important pour la suite). On baisse l'opacité de ces 3 calques, à 70% par exemple (attention, il faut baisser l'opacité des calques un par un, et par les 3 d'un coup). Jean Claver MOUTOH Helmut 24

Maintenant sélectionnez les trois parties, et faites Effet > 3D > Extrusion et biseautage. Nous allons pouvoir mettre en relief notre camembert! Il existe un tutoriel sur la 3D dans Illustrator, n'hésitez pas à aller le voir si vous avez du mal à comprendre ce que je vais faire ou si vous voulez en savoir plus sur les possibilités de 3D pour améliorer vous même votre graphe. Si ce n'est pas fait, cocher la case Aperçu. Pour la position du camembert, je choisi Isométrique haut, ce qui correspond à ( 45 ; 35 ; - 30 ). Vous pouvez rajouté une perspective si vous voulez, c'est au goût de chacun. Paramètre suivant : toujours pour faire plus "classe", on ajoute un biseau. Vous pouvez mettre par exemple un Classique, comme moi, mais mettez bien celui que vous préférez ; ) Attention par contre au ralentissement de la machine, rappelez-vous du mode filaire si votre ordinateur Jean Claver MOUTOH Helmut 25

devient trop lent. Dans plus d'option, cochez "Dessiner les faces masquées". Jouez un peu avec la lumière (ici ce n'est pas simple je vous l'accorde, on a du mal a bien ressortir les couleurs et l'ombrage en même temps. Mais passez y du temps ça vaut le coup ;) ). Maintenant vous pouvez étoffer ça avec photoshop, à votre goût! L'outil graphe est un outil très utilisé dans le vectoriel, et il permet d'éviter le problème du "vieux graphique d'excel 2003". Bien sûr, ce n'est pas avec Illustrator que vous allez faire votre courbe d'étalonnage de scientifique, néanmoins c'est vraiment une solution pour vos projets qui ont besoin d'un peu plus de charme. Jean Claver MOUTOH Helmut 26