Création et modification de formes

Les formes sont la pierre angulaire des illustrations vectorielles. Beaucoup d'entre vous vont les découvrir en utilisant Illustrator CC. Dans cette vidéo, vous apprendrez à dessiner des formes simples, comme un cercle et un rectangle. Vous allez aussi apprendre à modifier ces formes et découvrir les formes dynamiques. Après avoir lancé la dernière version d'Illustrator CC, si vous voulez suivre le tutoriel, ouvrez ce fichier d'exemple téléchargeable. Avec le document ouvert, choisissez Affichage > Ajuster le plan de travail à la fenêtre pour voir toute l'illustration. Cliquez sur l'outil Sélection dans le panneau à gauche, puis sur le triangle blanc pour le sélectionner. Vous allez apprendre à dessiner différentes formes simples, comme ce triangle, et à la fin de la vidéo, vous saurez en ajouter sur le robot à droite. Si le cadre avec des poignées ne s'affiche pas par défaut autour du triangle, choisissez Affichage > Afficher le cadre de sélection. L'option Masquer le cadre de sélection doit maintenant apparaître. Dans le panneau Outils à gauche, cliquez sur l'outil Rectangle. Placez votre pointeur dans la fenêtre de document. Vous allez commencer par créer un rectangle. Déplacez le pointeur sur le document. Des lignes magenta s'affichent pour vous aider à aligner le contenu que vous créez avec celui qui existe déjà. Il s'agit de repères commentés. En partant de cette ligne en pointillés, tracez un rectangle à l'aide de la souris. Pendant cette opération, une petite fenêtre grise vous indique des mesures comme la largeur et la hauteur. Elle peut être très pratique pour réaliser des tracés précis. Relâchez le bouton de la souris pour créer le rectangle. La plupart des formes dessinées sont dynamiques : vous pouvez les redimensionner et les repositionner sans changer d'outil. Placez le pointeur sur un angle du rectangle. Quand le pointeur change, redimensionnez la forme pour qu'elle ait à peu près la taille des repères en pointillés en dessous. Faites glisser l'angle jusqu'à ce que le repère magenta de diagonale — qui indique un carré — s'affiche. Relâchez alors le bouton de la souris pour convertir le rectangle en carré. Vous pouvez aussi appuyer sur la touche Maj. pendant le tracé pour obtenir un carré parfait. Notez ces petits widgets à chaque angle de la forme. En les déplaçant avec la forme sélectionnée, vous arrondissez les angles. Pour ce faire, il suffit de les faire glisser vers le centre de la forme. La plupart des formes que vous dessinez offrent des options comme ces widgets d'angle. Essayons une autre forme. Cliquez longuement sur l'outil Rectangle dans le panneau Outils à gauche pour afficher d'autres formes. Sélectionnez l'outil Polygone. En partant à peu près du centre du triangle en pointillés, créez une forme à l'aide de la souris. Quand la forme atteint à peu près cette taille, maintenez la touche Maj. enfoncée pour la redresser. Relâchez le bouton de la souris, puis la touche Maj. Les polygones disposent d'options de forme comme les rectangles. Par exemple, ce widget contrôle le nombre de côtés du polygone. Faites-le glisser vers le haut jusqu'à ce que la forme ait 3 côtés. Ensuite, pour déplacer la forme, faites-la glisser en partant du centre — ce petit cercle — pour la positionner sur les repères, si nécessaire. Le dernier type de forme à créer est un cercle. Cliquez longuement sur l'outil Polygone dans le panneau, puis sélectionnez l'outil Ellipse. Tracez un cercle ici. Cherchez à obtenir ce réticule indicateur, qui indique un cercle parfait. Relâchez alors le bouton de la souris. Le cercle doit faire à peu près cette taille. Pour finir, vous allez créer ce triangle par copier-coller. Cliquez sur l'outil Sélection dans le panneau à gauche, puis sur le triangle que vous avez créé. Choisissez Édition > Copier, puis Édition > Coller. Déplacez le triangle vers le bas. Pour le redimensionner, faites glisser le point droit vers la gauche pour que le triangle soit plus étroit. Ramenez ensuite le point supérieur vers le bas pour réduire la hauteur. Enfin, placez la forme sur les repères en pointillés. Maintenant que vous savez dessiner des formes dans Illustrator CC, vous allez pouvoir en créer d'autres pour ce robot, notamment des rectangles, des cercles et des polygones. Utilisez les repères en pointillés pour déterminer les formes à créer. Ces formes rondes se composent de deux cercles, un petit et un plus grand juste au-dessus. Le petit a une couleur de fond rouge. Vous découvrirez comment changer la couleur des formes dans une prochaine vidéo. Enregistrez une copie du fichier en choisissant Fichier > Enregistrer sous. Modifiez le nom du fichier pour éviter d'écraser l'original. Cliquez sur Enregistrer, puis sur OK.

Dans ce tutoriel, vous allez apprendre à tracer un trait avec l'outil Trait. Vous découvrirez de quoi se compose un tracé, puis comment modifier un trait avec l'outil Modelage. Dans la dernière version d'Illustrator CC, pour suivre ce tutoriel, ouvrez le fichier d'exemple que vous avez téléchargé. Choisissez ensuite Affichage > Ajuster le plan de travail à la fenêtre pour voir toute l'illustration. Sélectionnez l'outil Trait dans le panneau Outils à gauche. Placez votre pointeur sur le document. Vous allez ajouter des branches et un tronc à cet arbre. Pour tracer un trait, il suffit de cliquer et de faire glisser l'outil dans le sens souhaité. Cliquez dans l'arbre, puis faites glisser l'outil vers le bas. Vous pouvez aller dans n'importe quelle direction pour créer le trait. La fenêtre grise indiquant la distance et l'angle est le libellé des dimensions et vous aide à gagner en précision. Lorsque le trait ressemble à ceci, relâchez le bouton de la souris. Dans Illustrator CC, ce trait correspond à un tracé. Un tracé se compose d'au moins 2 points d'ancrage — un à chaque extrémité — et d'un trait les reliant. On peut créer toutes sortes de tracés dans Illustrator CC, notamment des tracés rectilignes et incurvés. Après avoir dessiné ce trait, vous pouvez facilement le modifier sans changer d'outil. Cliquez à l'extrémité inférieure du trait, puis faites glisser le point d'ancrage pour le déplacer. Pendant cette opération, maintenez la touche Maj. enfoncée pour faire pivoter le trait par angle de 45 degrés. Une fois le trait bien vertical, relâchez la souris et la touche Maj. Pour modifier l'épaisseur du trait, vous pouvez modifier l'épaisseur du contour depuis le panneau Propriétés à droite du document. Définissez le contour sur 2 en cliquant sur la flèche Haut. Vous allez maintenant créer les branches de l'arbre. Placez votre pointeur sur la partie du trait située dans l'arbre, puis tracez un petit trait comme celui-ci. Les repères commentés, représentés par ces lignes magenta, indiquent quand les objets sont raccordés et alignés entre eux. Tracez un autre trait pour avoir deux branches. Copiez maintenant l'un des traits sous les bâtiments. Activez l'outil Sélection, puis cliquez pour sélectionner le premier trait tracé, qui correspond au tronc de l'arbre. Choisissez Édition > Copier, puis Édition > Coller. Placez votre pointeur à côté d'une extrémité du trait. Dès que vous voyez une petite flèche incurvée, cliquez et faites pivoter le trait. Ce trait doit être parfaitement horizontal. Nous allons le positionner en dessous de ces bâtiments. Une fois le trait parfaitement horizontal, relâchez le bouton de la souris. Cliquez au centre du trait, et faites-le glisser vers cette zone située en dessous des bâtiments. Étirez l'extrémité droite pour allonger le trait. Les repères commentés s'affichent. Ils vous indiquent que vous allongez seulement le trait, autrement dit, que vous l'étirez. Avec ce trait sélectionné, définissez le contour sur 16 dans le panneau Propriétés à droite en choisissant cette valeur dans le menu. À présent,changez la couleur du trait en modifiant celle du contour. Cliquez sur la couleur du contour dans le panneau Propriétés. Cliquez sur ce bouton Nuancier pour être certain de voir les couleurs enregistrées avec le document. et choisissez une nuance orange. Pour finir, vous allez remodeler un trait, en l'occurrence une ligne droite comme l'une des trois branches, et la courber à l'aide de l'outil Modelage. Cliquez sur un trait dans l'arbre pour le sélectionner. Cliquez sur Affichage > Zoom avant à plusieurs reprises pour agrandir un peu la zone. Dans le panneau Outils à gauche, cliquez longuement sur l'outil Mise à l'échelle, puis sélectionnez l'outil Modelage. Cliquez sur la ligne que vous avez sélectionnée, puis faites-la glisser pour la courber. Pour voir l'ensemble de l'illustration, choisissez Affichage > . Ajuster le plan de travail à la fenêtre. Maintenant que vous savez créer et modifier des traits, vous allez pouvoir peaufiner ces bâtiments. Essayez d'ajouter des lignes sur cette fenêtre et de modifier la couleur des contours. Pour éviter de modifier le fichier original, choisissez Fichier > Enregistrer sous, renommez le fichier et cliquez sur Enregistrer, puis sur OK.
 

Dans Illustrator CC, les formes et tracés simples servent souvent de base pour élaborer des illustrations plus complexes, et peuvent être associées de différentes façons. Dans cette vidéo, vous allez apprendre à associer ces formes à l'aide de l'outil Concepteur de forme pour créer l'illustration finale présentée à droite. Dans la dernière version d'Illustrator CC, ouvrez le fichier d'exemple que vous avez téléchargé afin de pouvoir suivre le tutoriel. Choisissez ensuite Affichage > Ajuster le plan de travail à la fenêtre pour voir toute l'illustration. Vous allez commencer par créer la forme principale. Ce cercle chevauche un rectangle. Il est indispensable de les associer pour obtenir cette forme dans l'illustration finale. Pour associer des formes, il faut d'abord les sélectionner. Activez l'outil Sélection, puis faites-le glisser sur les deux formes pour les sélectionner. S'il y avait une autre illustration en dessous, vous pourriez étendre la sélection en maintenant la touche Maj. enfoncée. Sélectionnez l'outil Concepteur de forme dans le panneau Outils à gauche, puis faites-le glisser sur les deux formes pour les associer. Vous pouvez repérer les éléments qui seront associés grâce aux hachures qui s'affichent. De plus, le contour rouge vous indique la forme finale qui sera créée. Relâchez le bouton de la souris pour associer les formes. Outre l'association de formes, vous pouvez supprimer des parties avec l'outil Concepteur de forme pour créer des formes complexes à partir de formes plus simples. Cliquez sur l'outil Sélection, puis tracez un cadre autour de ces deux cercles pour les sélectionner. Nous allons supprimer les parties supérieure et inférieure pour créer une forme d'œil à partir de la zone de chevauchement, comme vous le voyez dans l'illustration finale. Les formes étant sélectionnées, cliquez sur l'outil Concepteur de forme dans le panneau Outils. Maintenez enfoncée la touche Option sous Mac ou Alt sous Windows. Un signe moins s'affiche alors dans le pointeur. Quand vous cliquerez, la partie grisée sera supprimée. Cliquez sur la partie supérieure, puis sur la partie inférieure pour les supprimer. Relâchez maintenant la touche Option ou Alt. Vous allez à présent placer l'œil sur les autres formes. Cliquez sur l'outil Sélection dans le panneau Outils, puis faites glisser l'œil sur la première forme associée. Vous allez maintenant créer la petite lune que vous voyez dans l'illustration finale. Tracez un cadre de sélection autour des deux petits cercles et activez l'outil Concepteur de forme dans le panneau Outils. Pour supprimer certaines parties des cercles, maintenez la touche Option ou Alt enfoncée, puis faites glisser votre pointeur de droite à gauche jusqu'à la partie chevauchante pour supprimer ces éléments et obtenir un croissant de lune. Relâchez le boutons de la souris, puis la touche. Cliquez de nouveau sur l'outil Sélection. Pour terminer l'illustration, vous allez maintenant assembler toutes ces formes. Pour agrandir légèrement, choisissez Affichage > Zoom avant à plusieurs reprises. Le croissant de lune étant toujours sélectionné, faites-le glisser sur ce cercle noir. Sélectionnez les deux formes en traçant un cadre de sélection, puis placez-les sur l'œil. Pour terminer, faites glisser cette forme bleue sur le reste. Pour voir l'illustration en entier, choisissez Affichage > Ajuster le plan de travail à la fenêtre. Maintenant que vous savez associer des formes de différentes manières avec l'outil Concepteur de forme, entraînez-vous sur vos propres fichiers et créez des illustrations pour des logos, des affiches, etc. Enregistrez une copie du fichier en choisissant Fichier > Enregistrer sous. Pensez à la renommer pour ne pas écraser le fichier d'exemple original. Dans Illustrator CC, les formes et tracés simples servent souvent de base pour élaborer des illustrations plus complexes, et peuvent être associées de différentes façons. Dans cette vidéo, vous allez apprendre à associer ces formes à l'aide de l'outil Concepteur de forme pour créer l'illustration finale présentée à droite. Dans la dernière version d'Illustrator CC, ouvrez le fichier d'exemple que vous avez téléchargé afin de pouvoir suivre le tutoriel. Choisissez ensuite Affichage > Ajuster le plan de travail à la fenêtre pour voir toute l'illustration. Vous allez commencer par créer la forme principale. Ce cercle chevauche un rectangle. Il est indispensable de les associer pour obtenir cette forme dans l'illustration finale. Pour associer des formes, il faut d'abord les sélectionner. Activez l'outil Sélection, puis faites-le glisser sur les deux formes pour les sélectionner. S'il y avait une autre illustration en dessous, vous pourriez étendre la sélection en maintenant la touche Maj. enfoncée. Sélectionnez l'outil Concepteur de forme dans le panneau Outils à gauche, puis faites-le glisser sur les deux formes pour les associer. Vous pouvez repérer les éléments qui seront associés grâce aux hachures qui s'affichent. De plus, le contour rouge vous indique la forme finale qui sera créée. Relâchez le bouton de la souris pour associer les formes. Outre l'association de formes, vous pouvez supprimer des parties avec l'outil Concepteur de forme pour créer des formes complexes à partir de formes plus simples. Cliquez sur l'outil Sélection, puis tracez un cadre autour de ces deux cercles pour les sélectionner. Nous allons supprimer les parties supérieure et inférieure pour créer une forme d'œil à partir de la zone de chevauchement, comme vous le voyez dans l'illustration finale. Les formes étant sélectionnées, cliquez sur l'outil Concepteur de forme dans le panneau Outils. Maintenez enfoncée la touche Option sous Mac ou Alt sous Windows. Un signe moins s'affiche alors dans le pointeur. Quand vous cliquerez, la partie grisée sera supprimée. Cliquez sur la partie supérieure, puis sur la partie inférieure pour les supprimer. Relâchez maintenant la touche Option ou Alt. Vous allez à présent placer l'œil sur les autres formes. Cliquez sur l'outil Sélection dans le panneau Outils, puis faites glisser l'œil sur la première forme associée. Vous allez maintenant créer la petite lune que vous voyez dans l'illustration finale. Tracez un cadre de sélection autour des deux petits cercles et activez l'outil Concepteur de forme dans le panneau Outils. Pour supprimer certaines parties des cercles, maintenez la touche Option ou Alt enfoncée, puis faites glisser votre pointeur de droite à gauche jusqu'à la partie chevauchante pour supprimer ces éléments et obtenir un croissant de lune. Relâchez le boutons de la souris, puis la touche. Cliquez de nouveau sur l'outil Sélection. Pour terminer l'illustration, vous allez maintenant assembler toutes ces formes. Pour agrandir légèrement, choisissez Affichage > Zoom avant à plusieurs reprises. Le croissant de lune étant toujours sélectionné, faites-le glisser sur ce cercle noir. Sélectionnez les deux formes en traçant un cadre de sélection, puis placez-les sur l'œil. Pour terminer, faites glisser cette forme bleue sur le reste. Pour voir l'illustration en entier, choisissez Affichage > Ajuster le plan de travail à la fenêtre. Maintenant que vous savez associer des formes de différentes manières avec l'outil Concepteur de forme, entraînez-vous sur vos propres fichiers et créez des illustrations pour des logos, des affiches, etc. Enregistrez une copie du fichier en choisissant Fichier > Enregistrer sous. Pensez à la renommer pour ne pas écraser le fichier d'exemple original.

Illustrator CC est idéal pour les illustrations vectorielles et permet aussi d'ajouter des images pixellisées dans vos créations. Les images pixellisées comme les fichiers JPEG et PNG sont des groupes de pixels alignés sur une grille pour former une image. Lorsqu'elles sont redimensionnées, les images pixellisées perdent rapidement en qualité. Pour mettre à l'échelle ou modifier l'illustration d'une image pixellisée dans Illustrator CC, vous pouvez vectoriser l'image pour créer des tracés modifiables. Ce projet va vous apprendre à vectoriser des images pixellisées pour créer mais aussi modifier une illustration vectorielle, que vous insérerez ensuite dans le design de droite. Dans la dernière version d'Illustrator CC, ouvrez le fichier d'exemple que vous avez téléchargé pour pouvoir suivre le tutoriel. Pour voir tous les éléments, choisissez Affichage > Tout ajuster à la fenêtre. Vérifiez que l'outil Sélection est activé dans le panneau Outils, puis cliquez sur l'image de gauche pour la sélectionner. L'image pixellisée est un dessin issu d'un carnet de croquis. Pour capturer simplement le croquis du robot et l'ajouter sur la carte d'anniversaire à droite, vous allez vectoriser l'image pour la convertir en objet vectoriel. L'image étant sélectionnée, cliquez sur le bouton Vectorisation de l'image dans le panneau Propriétés à droite et choisissez (Par défaut) dans le menu qui s'affiche. Ce mode est très pratique pour vectoriser du contenu et le séparer de l'arrière-plan, par exemple. Lorsque vous vectorisez une image, vous pouvez définir plusieurs options en fonction du résultat souhaité. Cliquez sur l'option Paramètre prédéfini dans le panneau Propriétés à droite, puis choisissez Photo basse fidélité dans le menu. La couleur étant rétablie, le résultat est plus proche de l'image d'origine. Choisissez Esquisse dans le même menu pour repérer les principales formes nécessaires. D'autres options permettent de peaufiner la vectorisation dans le panneau Vectorisation de l'image, mais le résultat est satisfaisant en l'état. Même si l'image a été convertie en illustration vectorielle, elle n'est pas encore modifiable. Une fois la vectorisation terminée, il faut décomposer l'illustration pour pouvoir la modifier. Une fois l'illustration décomposée, vous ne pouvez plus tester les paramètres de vectorisation. La décomposition valide en quelque sorte la vectorisation. Cliquez sur Décomposer dans le panneau Propriétés pour valider la vectorisation et pouvoir modifier l'illustration. Pour sélectionner simplement le robot, activez l'outil Lasso dans le panneau Outils et tracez un trait autour de la tête du robot pour la sélectionner. Si vous sélectionnez d'autres éléments, recommencez. Choisissez Édition > Copier, puis Édition > Coller. Pour que les différentes parties de la tête restent ensemble et soient traitées comme un seul objet, nous allons les associer. Choisissez Objet > Associer. Cliquez sur l'outil Sélection, puis placez le robot ici. Pour qu'elle tienne dans cette forme bleue, faites glisser un angle de l'illustration sélectionnée pour la diminuer légèrement. Maintenez la touche Maj enfoncée pendant toute l'opération pour conserver les proportions de l'image. La taille étant maintenant satisfaisante, vous pouvez relâcher la souris et la touche. Faites ensuite glisser l'image pour qu'elle soit à peu près au centre de la forme bleue. Pour modifier la couleur de la tête du robot, cliquez sur la couleur de fond dans le panneau Propriétés à droite. Vérifiez que le Nuancier est activé et sélectionnez le blanc. Vous pouvez ensuite choisir Sélection > Désélectionner pour voir le résultat final. Maintenant que vous savez vectoriser des images pixellisées dans Illustrator CC et les convertir en illustrations vectorielles modifiables, vous pouvez vectoriser des images pour ajouter d'autres illustrations vectorielles dans vos créations : textures photo à ajouter comme arrière-plans texturés dans Illustrator CC, lettrages manuscrits créés par vos soins, etc. Enregistrez une copie du fichier en choisissant Fichier > Enregistrer sous et renommez-la pour ne pas écraser le fichier d'exemple original.