Dans ce tutoriel, vous allez apprendre à créer une icône vectorielle amusante représentant un symbole de peuple, figée dans un glaçon. Nous explorerons l'utilité des outils 3D d'Adobe Illustrator. La création entière peut être divisée en deux parties différentes. Partie I: Le glaçon et cette Partie II: L'icône des personnes. Nous allons créer l'icône des personnes et les intégrer ensemble dans cette partie II. Allons-y!
Vous trouverez ci-dessous l'image finale sur laquelle nous allons travailler dans la partie II de ce didacticiel en deux parties. Vous voulez accéder à l'intégralité des fichiers Vector Source et aux copies téléchargeables de chaque didacticiel, y compris celui-ci? Rejoignez Vector Plus pour seulement 9 $ par mois.
Commençons par dessiner les formes principales de notre peuple. Nous allons faire un cercle pour la tête, puis créer une forme approximative pour le torse, juste sous cette forme.
Maintenant nous allons colorier les formes. Sélectionnez le cercle, remplissez le cercle avec une couleur unie et supprimez la bordure.
Maintenant, sélectionnez le torse. Cliquez sur l'onglet Dégradé, placez le type de dégradé comme linéaire. Maintenant, vous pouvez voir le dégradé noir et blanc par défaut appliqué à la forme.
Changez le dégradé en couleurs de votre choix en utilisant les curseurs de dégradé. J'ai créé un dégradé allant du bleu clair au bleu foncé.
Maintenant, sélectionnez la forme. Saisissez l’outil Dégradé, modifiez l’angle du dégradé en le faisant glisser du haut vers le bas de la forme du torse. En outre, supprimez le contour.
Maintenant, dessine le col et la cravate. Je l'ai dessiné très grossièrement. Remplissez la cravate avec une couleur rouge unie et supprimez le contour.
Les cols doivent être de couleurs similaires à celles de la chemise. Alors, sélectionnez la forme du col, puis avec l'outil Pipette, choisissez le dégradé dans la forme du torse. Maintenant, ajustez le dégradé pour les colliers.
Nous en avons terminé avec la forme de base. Groupons le collier et lions ensemble. Pour cela, sélectionnez les colliers et attachez-les ensemble. Cliquez ensuite avec le bouton droit sur la sélection et sélectionnez Groupe dans le menu (ou appuyez simplement sur Commande + G). Et la sélection sera groupée. Nommez le groupe "tie_collar". De même, faites de la tête et du torse un groupe et nommez-le "corps".
Cachez le groupe "tie_collar" pour l'instant. Sélectionnez le groupe "Corps", puis appliquez Effet> 3D> Extruder et biseauter..
La boîte à options s'ouvrira. Cochez d'abord la case Aperçu en cliquant dessus. Maintenant, faites simplement glisser le cube et faites-le pivoter pour voir le changement dans l'icône. Jouez avec les paramètres et faites l'angle de l'icône à votre guise. J'ai conservé les paramètres comme indiqué dans l'image.
N'oubliez pas de faire une chose en particulier: ouvrez la boîte d'option avancée en cliquant sur le bouton Plus d'options. Modifiez ensuite la valeur Pas de fusion en 1. Cela affectera l’ombrage de l’icône, mais tout ce dont nous avons besoin, c’est des informations de forme 3D extrudées uniquement, pas de l’ombrage. Lorsque vous avez terminé, cliquez sur OK. Et quelles que soient les valeurs que vous mettez, gardez-les notées quelque part, car nous aurons besoin de ces valeurs plus tard.
Désormais, lorsque vous sélectionnez à nouveau le groupe, vous pouvez voir que l'apparence de l'objet a changé, mais les chemins et les points d'ancrage sont toujours les mêmes qu'auparavant. Et de cette manière, nous ne pouvons plus modifier l'aspect du graphique. Donc, sélectionnez le groupe, puis sélectionnez Objet> Développer l'apparence..
La forme 3D est maintenant divisée en un groupe de formes groupées. Bien que nous ayons besoin des informations sur les formes, il reste néanmoins de nombreuses formes indésirables que nous devrions supprimer et ne conserver que les formes utiles. Nous devons donc d'abord les dissocier. Pour cela, cliquez avec le bouton droit sur le groupe sélectionné et sélectionnez Dissocier. Continuez à répéter ce processus jusqu'à ce que tous les groupes soient partis. Vous remarquerez qu'il existe de nombreux groupes imbriqués dans le groupe principal. Nous devrons tous les dissocier.
Si vous examinez de près tous les groupes et couches, vous remarquerez que certains groupes contiennent des chemins de découpe, qui ne peuvent pas être dissociés facilement. De plus, le dégradé bleu frontal est devenu une image tramée. Maintenant que toutes les formes sont mélangées dans un arrangement et une hiérarchie en désordre, il est devenu indispensable de les organiser correctement pour une navigation aisée dans les calques..
Supprimez tous les chemins de détourage, les formes cachées en dessous, ainsi que le groupe de l'image en dégradé pixellisée. Cette étape peut s'avérer irritante (comme cela m'est arrivé). Mais cela nous profitera à l'avenir.
Après le nettoyage, il ne restera que quelques couches.
Les formes comportant trop de points d'ancrage doivent également être simplifiées. Sélectionnez cette forme, puis sélectionnez Objet> Chemin> Simplifier..
Lorsque la boîte de dialogue s'ouvre, activez Aperçu. Puis mettez les valeurs, comme indiqué dans l'image ci-dessous, puis cliquez sur OK.
Sélectionnez ensemble les formes d'extrusion de la pièce principale et joignez-les à l'aide du bouton d'ajout de l'onglet Pathfinder. Maintenant, cliquez sur le bouton Développer pour simplifier la forme.
Maintenant, il y a un petit espace visible entre la tête et le torse. Corrigez le problème en ajoutant des points d'ancrage supplémentaires, supprimez les points indésirables et modifiez les tangentes. Enfin, ajustez la forme ovale en conséquence.
Activez le calque "tie_collar". Sélectionnez ensuite la forme frontale du torse. Et choisissez le dégradé dans la forme de la cravate. Ajustez également la position du dégradé.
Cacher le calque "tie_collar" à nouveau. Placez le dégradé sur l'extrusion et ajustez-le.
Réduisez la transparence de l'extrusion à 75%. Sélectionnez les formes frontales de la tête et du torse. Sélectionnez également les calques dans l'onglet Calques. Cliquez sur le petit bouton de menu dans le coin supérieur droit de l'onglet, comme indiqué ci-dessous. Maintenant, sélectionnez l'option Dupliquer la sélection dans le menu.
Il existe maintenant deux ensembles de formes de tête et de torse. Masquer le jeu supérieur, faire glisser les calques derrière les calques d'extrusion et les positionner de manière à aligner les bords arrière de l'extrusion, de manière à ce qu'ils remplissent le fond creux de l'icône 3D..
Démontez le jeu du haut et dupliquez-le à nouveau. En les sélectionnant ensemble, donnez la couleur de contour au blanc et supprimez la couleur de remplissage. Cela fournira une fine jante à l'icône.
Sélectionnez la forme du torse frontal et réduisez l'opacité à 75%.
Sélectionnez ensuite la forme ovale de la "tête". Ajoutez un dégradé radial allant de l'orange au blanc, comme indiqué ci-dessous. Positionnez le dégradé de sorte que le point le plus lumineux apparaisse vers un bord, ce qui donne du volume à la forme..
Dupliquer le calque Placez un autre dégradé sur ce calque, comme indiqué.
Définissez le mode de fusion sur Multiplier et réduisez l'opacité à 80%.
Sélectionnez maintenant l'extrusion latérale pour la tête. Changez légèrement la couleur de base pour qu'elle se mélange bien avec la tête.
Dupliquez le calque et ajoutez un dégradé similaire à celui illustré ci-dessous.
Réglez le mode de fusion sur Multiplier et réduisez l'opacité à 65%..
Faisons maintenant la tête brillante. Sélectionnez la forme de tête ovale frontale et dupliquez-la.
Avec l’outil Plume, dessinez une forme telle qu’elle crée et S tapez la courbe au milieu de l'ovale. Ne vous inquiétez pas de la couleur de cette forme.
Sélectionnez l'ovale dupliqué et la forme ensemble. À l'aide de l'outil Pathfinder, intersectez les zones de forme pour en extraire autant. Appuyez sur le bouton Expand. Maintenant nous avons la forme désirée.
Tamiser le calque avec l'opacité définie à 65%. Ajustez le dégradé et sa couleur si vous le souhaitez.
De même couper une autre forme comme indiqué. Placez également un dégradé lumineux.
Multipliez le calque avec l'opacité définie sur 60%.
Faites glisser le calque sous le précédent S tapez dégradé, donc il a l'air subtil, et n'affecte pas ce calque directement.
Nous allons maintenant utiliser des dégradés de niveaux de gris (noir à blanc) pour créer les reflets. Nous répétons donc le processus précédent et coupons une forme. Appliquez un dégradé noir sur blanc et ajustez-le à votre guise.
Tamisez-le avec une opacité de 30%.
Continuez à ajouter ces réflexions à votre guise. C'est totalement votre choix créatif. Je me suis arrêté à une étape montrée dans l'image ci-dessous.
Si vous estimez que les calques sont devenus trop confus, groupez simplement les formes de manière logique et nommez les groupes afin que tout redevienne organisé..
Utilisez également ces réflexions de dégradé de niveaux de gris pour la partie du torse. Je ne le décris pas cette fois en créant chaque forme de réflexion. Je vais tout de suite vous montrer ce que j'ai finalement trouvé. Je vous suggère d'essayer différents types de formes et de gradients autant que vous le souhaitez..
Activez maintenant le calque "tie_collar". Faites glisser le calque vers le haut pour que vous puissiez voir facilement les modifications.
Ensuite, allez à Effet> 3D> Rotation. Lorsque la boîte de dialogue s'ouvre, indiquez les mêmes valeurs que pour le calque "body". Voir dans l'aperçu que les angles correspondent parfaitement maintenant mais que la position est différente. Cliquez sur OK pour appliquer. C'est pourquoi j'ai noté les valeurs la dernière fois.
Allez à Objet> Développer l'apparence, comme nous l'avons fait précédemment. Cela convertira l'objet en formes groupées. Maintenant déplacez le groupe dans la position appropriée.
Faisons quelques réflexions pour la cravate aussi. Créez les formes et les dégradés à votre guise et configurez-les en mode d'écran.
La cravate a un aspect brillant mais plat. Nous allons utiliser un petit truc simple pour le faire paraître un peu 3D. Décalez un peu les calques, comme indiqué dans l'image. Cela donne une illusion une surface vitreuse épaisse.
Créez une forme nette comme indiqué ci-dessous. Mettez un dégradé radial de rouge à blanc. Gardez-le 100% opaque.
Cela créera l’impression d’un bord de verre net réfléchissant et brillant..
Lorsque vous avez terminé, sélectionnez tous les calques liés à la liaison, puis regroupez-les également, puis regroupez-les à nouveau et placez ce groupe sous le groupe "tête"..
Enfin tout est fini! Nous allons simplement ajouter un dernier morceau de gemme pour le rendre complet. Nous ajouterons de petits points saillants sur le graphique. Alors, créez une forme elliptique blanche solide, faites-le très petit.
Flou à un montant de 3,0. Définissez le mode de fusion sur Écran.
Maintenant, continuez à dupliquer le calque, à l’échelle, à la rotation, à changer les opacités et à mettre de petites étincelles où vous voulez. Juste à titre de suggestion, je voudrais mentionner ma préférence, que sur les bords de ces points saillants fière allure. Vous pouvez voir comment j'ai appliqué ces ci-dessous.
Enfin, nous avons tous terminé avec cette partie. Faites glisser l’ensemble de l’icône et regroupez-la. Nommez le groupe "People Icon".
Pour finir, finissons-le en inscrivant notre symbole personnel dans la glace, ce qui finalisera notre icône..
Nous avons maintenant le "cube de glace" et le "people_icon", alors gardons-les ensemble dans le même fichier (si vous les avez créés dans des fichiers différents). Organisez-les de sorte que "people_icon" vienne s'ajouter au "cube de glace".
Redimensionnez l'icône de manière à ce qu'elle s'insère dans le cube.
Dupliquez le groupe "people_icon" et amenez le nouveau groupe de couches derrière l'ancien. Réduisez-le un peu, puis placez-le comme indiqué. Réduisez l'opacité à 75%. Et enfin, sélectionnez les deux icônes ensemble, repositionnez-les simplement afin qu’elles soient visibles et centrées.
Créez une forme rectangulaire au bas d'une zone de l'icône. Mettez une couleur cyan sombre dessus. Et assurez-vous de supprimer ce calque sous l’icône, mais au-dessus de la "partie arrière" du glaçon. Cela servira d'ombre de l'icône sur le plancher intérieur du cube.
Flouez la forme avec une valeur de 25. Réglez le mode de fusion sur Multiplier, puis réduisez l'opacité à 35%. Et nous avons fini!
Voici le dernier aspect de notre icône amusante de personnes gelées sur la glace. Vous pouvez également ajouter une ombre sous le glaçon, mais je vous laisse le choix..
Abonnez-vous au fil RSS Vectortuts + pour rester au courant des derniers tutoriels et articles sur les vecteurs.