Création et modification de formes

La création et la modification de formes sont essentielles dans Illustrator CC. Dans cette vidéo, vous apprendrez à dessiner des formes simples. Pour suivre, ouvrez ce fichier d'exemple que vous avez téléchargé. Une fois le document ouvert, pour voir toute l'illustration, choisissez Affichage > Ajuster le plan de travail à la fenêtre. Vous allez d'abord sélectionner une forme. 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, vous saurez additionner des formes pour créer le robot à droite. Un cadre doit s'afficher autour du triangle. Il s'agit du cadre de sélection. Il est utile pour modifier les formes et doit être activé par défaut. Si vous ne le voyez pas, choisissez Affichage > Afficher le cadre de sélection. L'option Masquer le cadre de sélection doit apparaître. Vous allez maintenant dessiner un rectangle. Dans le panneau Outils à gauche, cliquez sur l'outil Rectangle. Placez votre pointeur dans la fenêtre de document et déplacez-le. Des lignes magenta doivent s'afficher. Il s'agit des repères commentés qui vous aident à aligner le contenu. Si vous ne les voyez pas, choisissez Affichage > Repères commentés. En partant de cette ligne en pointillés, tracez un rectangle à l'aide de la souris. Pendant cette opération, avec les repères commentés affichés, une petite fenêtre grise vous indique les mesures, comme la largeur et la hauteur, de la forme que vous créez. 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 déplacer sans changer d'outil. Par exemple, pour redimensionner votre rectangle, placez le pointeur sur un de ses angles. 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 jusqu'à ce que le repère magenta de diagonale — qui indique un carré — s'affiche. Relâchez alors le bouton de la souris pour obtenir un carré. Vous pouvez aussi appuyer sur Maj pendant le tracé pour obtenir un carré. Notez ces petits widgets à chaque angle de la forme. En les déplaçant avec la forme sélectionnée, vous arrondissez les angles. Faites glisser un widget vers le centre de la forme pour arrondir les angles. La plupart des formes que vous dessinez offrent des options comme ces widgets d'angle. Passons à une autre forme. Pour afficher d'autres outils de forme, cliquez longuement sur l'outil Rectangle dans le panneau à gauche. Un menu s'affiche. 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. Avec cet outil, on dessine les formes en partant du centre. 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. Pour déplacer une forme avec un outil de dessin actif, faites-la glisser en partant du centre — ce petit cercle — pour la positionner où vous le souhaitez. 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. Faites glisser le nouveau 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, vous allez pouvoir en créer d'autres pour ce robot, composé de rectangles, de cercles et de 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 apprendrez à changer la couleur des formes dans une prochaine vidéo.  

Dans cette vidéo, vous allez apprendre à tracer un trait avec l'outil Trait et découvrir de quoi se compose un tracé. Pour suivre, ouvrez ce document inclus dans les fichiers d'exemple. Vous allez ajouter des branches et un tronc à cet arbre. Pour tracer des traits, vous allez sélectionner l'outil Trait dans le panneau. Cliquez longuement sur l'outil de forme affiché dans le panneau. Ici, je vois l'outil Ellipse, mais il y en a d'autres. Sélectionnez l'outil Trait. Placez votre pointeur sur le document. Pour tracer un trait, cliquez et faites glisser l'outil dans le sens souhaité. Cliquez dans la forme d'arbre, puis faites glisser 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. Elle vous aide à gagner en précision. Lorsque le trait ressemble à ceci, relâchez le bouton de la souris. Si la fenêtre grise ne s'affiche pas, choisissez Affichage > Repères commentés. 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. Dans Illustrator, on peut créer toutes sortes de tracés, notamment rectilignes ou incurvés. Après avoir dessiné ce trait, vous pouvez facilement le modifier sans changer d'outil. Pour modifier la direction et la longueur du trait, cliquez sur son extrémité inférieure, puis faites glisser le point d'ancrage pour le déplacer. Pendant cette opération, appuyez sur Maj pour faire pivoter le trait par angles de 45 degrés. Une fois le trait bien vertical, relâchez le bouton de la souris et la touche Maj. Pour modifier l'épaisseur du trait, vous pouvez modifier l'épaisseur du contour via 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. Tracez un autre trait pour avoir deux branches. Vous allez maintenant copier un trait et le placer en dessous des bâtiments. Activez l'outil Sélection, puis cliquez pour sélectionner le premier trait tracé, qui correspond au tronc de l'arbre. Pour le copier, choisissez Édition > Copier, puis Édition > Coller. Ce trait doit être parfaitement horizontal. Nous allons le positionner en dessous de ces bâtiments. Pour le faire pivoter, placez votre pointeur à côté d'une extrémité. Quand vous voyez une petite flèche incurvée, cliquez et faites pivoter le trait. Une fois le trait parfaitement horizontal, relâchez le bouton de la souris. Pour déplacer un trait, faites-le glisser en partant du centre. Placez-le en dessous des bâtiments. Pour allonger le trait, étirez l'extrémité droite. Les repères commentés s'affichent. Ils vous indiquent que vous allongez seulement le trait, autrement dit, que vous l'étirez. Vous allez maintenant modifier l'épaisseur et la couleur du trait. Avec le trait toujours sélectionné, définissez le contour sur 16 dans le panneau Propriétés à droite en choisissant cette valeur dans le menu. Pour changer la couleur du trait, cliquez sur la couleur du contour dans le panneau Propriétés, puis sur le bouton Nuancier pour afficher les nuances disponibles, puis choisissez un orange. 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 et l'épaisseur des contours dans le panneau Propriétés.  

Dans Illustrator, les formes et tracés simples servent souvent de base pour élaborer des illustrations plus complexes, et peuvent être associés de différentes façons. Dans cette vidéo, vous allez apprendre à combiner ces formes à l'aide de l'outil Concepteur de forme pour créer l'illustration finale présentée à droite. Pour suivre, ouvrez ce document issu des fichiers d'exemple. Pour voir toute l'illustration, choisissez Affichage > Ajuster le plan de travail à la fenêtre. 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 cliquez en maintenant la touche Maj. enfoncée pour étendre la sélection. Pour associer les formes, vous allez utiliser l'outil Concepteur de forme. Sélectionnez-le dans le panneau à 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 de forme avec l'outil Concepteur de forme. Dans ces formes, 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. Vous allez d'abord sélectionner les formes. Cliquez sur l'outil Sélection dans le panneau, puis tracez un rectangle sur les deux cercles. Cliquez sur l'outil Concepteur de forme. Pour supprimer les parties souhaitées, maintenez enfoncée la touche Option sur Mac ou Alt sous Windows. Un signe moins s'affiche dans le pointeur. Quand vous cliquerez, la partie grisée sera supprimée. Avec la touche Option ou Alt enfoncé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 pour les assembler. Cliquez sur l'outil Sélection dans le panneau, puis faites glisser l'œil sur la première forme associée. Vous allez maintenant créer la lune que vous voyez dans l'illustration finale à partir de ces deux petits cercles. Tracez un cadre de sélection dessus. Pour mieux voir, choisissez Affichage > Zoom avant. Activez l'outil Concepteur de forme dans le panneau. 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 bouton de la souris, puis la touche. Vous allez maintenant assembler toutes les formes pour créer l'illustration finale. Cliquez de nouveau sur l'outil Sélection et faites glisser la forme sélectionnée sur ce cercle noir. Ensuite, sélectionnez les deux formes en traçant un cadre de sélection, puis placez-les sur l'œil. Pour terminer l’illustration, faites glisser cette forme bleue sur le reste. 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 avec des formes simples. Associez-les pour créer des illustrations pour des logos, affiches, etc. Amusez-vous. L'association de formes simples peut offrir des résultats extraordinaires.  

Adobe Illustrator CC est idéal pour les illustrations vectorielles, qui se composent de formes et de traits plutôt que de pixels, mais vous pouvez aussi 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é et peuvent se déformer et/ou devenir floues. Dans Illustrator CC, pour mettre à l'échelle ou modifier une image pixellisée, vous pouvez la vectoriser afin de créer des tracés modifiables. Ce faisant, vous convertissez une image pixellisée en illustration vectorielle qui peut être mise à l'échelle sans perte de qualité. Avec ce projet, vous allez apprendre à créer une illustration vectorielle à partir d'images pixellisées, puis à la modifier et à l'incorporer dans la création de droite. Pour suivre, ouvrez ce document inclus dans les fichiers d'exemple. Vérifiez que l'outil Sélection est activé, puis cliquez sur l'image de gauche pour la sélectionner. Il s'agit de l'image d'un dessin extrait d'un carnet de croquis. Pour capturer seulement le croquis du robot et l'ajouter sur la carte d'anniversaire à droite, vous allez vectoriser l'image pour la convertir en objet vectoriel via l'option Vectorisation de l'image d’Illustrator CC. L'image étant sélectionnée, cliquez sur le bouton Vectorisation de l'image dans le panneau Propriétés à droite. Ensuite, choisissez une option dans le menu qui s'affiche en fonction du résultat souhaité. Pour commencer, choisissez [Par défaut]. Ce mode est très pratique pour vectoriser du contenu et le séparer de l'arrière-plan, par exemple. Pour tester une autre option de vectorisation, cliquez sur le menu Paramètre prédéfini dans le panneau Propriétés, puis choisissez Photo basse fidélité. Le résultat est plus proche de l'image d'origine, qui est en couleur. Pour repérer les principales formes nécessaires, choisissez Esquisse dans le même menu. D'autres options permettent de peaufiner la vectorisation via le panneau Vectorisation de l'image, mais le résultat convient en l'état. Pas besoin de modifier ces options. Même si l'image a été vectorisée et convertie en formes, elle n'est pas encore modifiable. Après la vectorisation, il faut décomposer l'illustration pour pouvoir la modifier. Après la décomposition, vous ne pourrez plus changer 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 pouvoir modifier l'illustration. Pour sélectionner uniquement le robot, vous allez utiliser l'outil Lasso. Dans le panneau Outils, cliquez longuement sur l'outil Sélection directe — la flèche blanche —, puis sélectionnez l'outil Lasso dans le menu qui s'affiche. Sur l'illustration, tracez un trait autour de la tête du robot pour la sélectionner. Si vous sélectionnez d'autres éléments, recommencez. Pour copier la tête du robot et placer la copie sur la droite, choisissez Édition > Copier, puis Édition > Coller. La tête du robot se compose de plusieurs objets vectorisés. Pour qu'ils restent ensemble, il faut les associer. Cliquez sur le bouton Associer en bas du panneau Propriétés. Pour placer la tête du robot sur la droite, cliquez sur l'outil Sélection, puis faites glisser la tête. Pour qu'elle tienne dans la forme bleue, il faut la redimensionner. Faites glisser un angle de l'illustration sélectionnée pour la diminuer légèrement. Pendant l'opération, appuyez sur la touche Maj pour éviter de déformer l'illustration. Quand elle atteint environ cette taille, relâchez le bouton de la souris, puis la touche Maj, puis placez-la au centre de la forme bleue. Pour modifier la couleur de la tête de robot, cliquez sur la couleur de fond dans le panneau Propriétés. Cliquez sur Nuancier, puis choisissez le blanc. Appuyez ensuite sur Echap pour fermer la fenêtre. Pour mieux voir l'illustration finale, choisissez Sélection > Désélectionner. Maintenant que vous savez vectoriser des images pixellisées pour les convertir en illustrations modifiables, faites de même dans vos créations : textures photo pour ajouter des arrière-plans texturés, lettrages manuscrits créés par vos soins, etc.