Share
Dans ce tutoriel, je vais vous montrer comment créer un ensemble de dés vectoriels à l'aide d'Adobe Illustrator et de l'outil Dégradé. L’outil de maillage de dégradé peut être difficile à comprendre, mais nous espérons que ce tutoriel jettera un peu de lumière sur cet excellent petit outil. Allons nous regarder!
Vous trouverez ci-dessous l'image finale sur laquelle nous allons travailler. 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 ouvrir un nouveau document dans Illustrator (Commande + N) et créez un carré gris de 300 px par 300 px à l’aide de l’outil Rectangle (M)..
Avec le carré sélectionné, accédez à Effet> 3D> Extruder et biseauter. Les chiffres que j'ai utilisés dans mon exemple ne sont que des indications. N'hésitez pas à expérimenter avec de nouvelles formes et angles une fois que vous avez compris.
Après avoir appliqué l’effet 3D au carré, accédez à Objet> Développer l’apparence. Vous devriez maintenant avoir trois formes qui composent votre cube 3D.
Avec les trois formes sélectionnées, ouvrez la fenêtre Pathfinder et sélectionnez Unite. Cela va fusionner les trois formes en une seule.
Maintenant, allez à Effet> Styliser> Coins arrondis. Donnez-lui un rayon de 30 px.
Après avoir appliqué l'effet Round Corner, accédez à nouveau à Object> Expand Appearance. Maintenant, vous devriez avoir une forme similaire à celle-ci.
A l'aide de l'outil de maillage de dégradé (U), créez un point sur votre nouvelle forme. Assurez-vous que le point est centré dans l'objet et près du haut, de sorte que les lignes nouvellement créées se croisent aussi près que possible des angles. L’outil de maillage de dégradé prend un certain temps pour s’y habituer et, s’il est mal fait, peut vous donner des résultats intéressants et indésirables.
Maintenant, faites glisser le point que nous venons de créer à l'aide de l'outil de sélection directe (A) vers l'endroit où vous pensez que le coin le plus à l'avant du dé peut être.
Ajustez la courbe de Bézier à l’aide de l’outil de sélection directe (A) pour redresser la ligne. Ces courbes peuvent être difficiles, prenez votre temps et soyez patient. Un zoom avant peut aider lors de la mise au point.
Maintenant, avec l'outil de maillage de dégradé (U) sélectionné, ajoutez les points suivants en cliquant sur la ligne déjà existante. Vous remarquerez que de nouvelles lignes apparaissent chaque fois qu'un nouveau point est ajouté. N'hésitez pas à ajuster les emplacements et les courbes des points lors de leur création. Cela peut prendre un certain temps pour s’habituer à.
Une fois que votre forme a tous les mêmes points que ci-dessus, sélectionnez Tout (Commande + A) et coloriez la forme entière avec 10% de noir..
Avec l'outil de sélection directe (A) sélectionné, sélectionnez les points suivants, illustrés ci-dessous (en bleu continu). Pour sélectionner plusieurs points, veillez à maintenir la touche Maj enfoncée pendant la sélection. Une fois les points sélectionnés, attribuez-leur une couleur de 0% de noir (ou de blanc)..
Ensuite, sélectionnez les points suivants indiqués en bleu uni (rappelez-vous de maintenir la touche Maj enfoncée tout en sélectionnant) et attribuez-leur une couleur de 20% de noir..
Répétez cette procédure une fois de plus pour le côté droit du cube en sélectionnant uniquement les points indiqués ci-dessous (en bleu uni) et donnez-leur une couleur de 15% de noir..
Maintenant, adoucissez le coin le plus en avant du cube. Sélectionnez le point indiqué ci-dessous (en bleu uni) et attribuez-lui une couleur de 15% de noir..
Encore une fois, sélectionnez les points indiqués ci-dessous (marqués en bleu). Cette fois, leur donner une couleur de 12% de noir.
Maintenant que la partie cube de notre dé a été créée. Il est temps de créer les points noirs qui représentent les nombres. Commencez par créer un ovale noir à l'aide de l'outil Ellipse (L) d'une largeur de 50 px et d'une hauteur de 30 px. Assurez-vous de le centrer visuellement sur le dessus de la matrice.
Dupliquez l'ovale en Copiant (Commande + C) et Coller devant (Commande + F). Cela garantira que le duplicata de l'ovale aura exactement la même taille, la même forme et la même position que l'original. Cela garantit également que la forme nouvellement dupliquée est à l'avant afin que nous puissions maintenant travailler dessus.
Avec l'ovale avant sélectionné, nous allons maintenant le rendre un quart ovale. Il y a plusieurs façons de le faire, mais ma préférée est la suivante. Utilisez l'outil Supprimer le point d'ancrage (-) et supprimez le point inférieur. Ensuite, prenez le point le plus à gauche et faites-le glisser au centre de l'ovale à l'aide de l'outil de sélection directe (A). Maintenant, avec l'outil Convertir le point d'ancrage (Maj + C), sélectionnez le point central. Ceci effacera les poignées centrales de Bézier en lui donnant un sommet net..
Enfin, toujours à l'aide de l'outil Convertir les points d'ancrage (Maj + C), faites glisser la poignée de Bézier gauche du point supérieur et la poignée de Bézier inférieure du point droit vers l'intérieur jusqu'à ce que les points ne soient pas visibles. Les lignes gauche et inférieure doivent maintenant être droites.
A l'aide de l'outil de maillage de dégradé (U), créez un point directement au centre de l'ovale en quartiers. Donnez-lui une couleur de 0% de noir (ou blanc).
Maintenant, sélectionnez les deux formes qui constituent le point noir et regroupez-les (Commande + G).
Nous sommes maintenant prêts à faire les chiffres de l’autre côté du dé. Commencez par copier (Commande + C) et coller (Commande + V) l’ovale groupé. Maintenant, repositionnez et transformez (E) l'ovale à l'endroit souhaité. Si cette étape vous pose quelques problèmes, vous pouvez revenir en arrière et répéter les étapes 17 à 21 pour chaque point noir..
Ici, vous pouvez voir à quoi ça ressemble quand chaque point noir est en position. Rappelez-vous que le dé a une certaine perspective, de sorte que les points en bas à droite et en bas à gauche seraient plus éloignés que les points plus proches du centre. Par conséquent, lorsque vous faites les points, assurez-vous de réduire leur taille pour leur donner l’illusion qu’ils sont plus éloignés. Plus le point est éloigné du centre, plus petit.
Maintenant que le dé est terminé, nous pouvons le faire ressembler à une paire de dés. Tout d’abord, sélectionnez Tout (Commande + A) et Groupe (Commande + G). Vous pouvez maintenant utiliser l'outil de transformation (E) et faire pivoter le dé dans la position souhaitée. Ensuite, avec le dé groupé sélectionné, Copiez (Commande + C) et Coller (Commande + V) le dé pour le dupliquer. Maintenant, vous pouvez transformer (E) le deuxième dé en position.
Une fois que les deux dés sont dans la position désirée, nous pouvons ajouter une petite ombre sur le dé. Dessinez, à l’aide de l’outil Plume (P), une forme de triangle alignée sur le bord extérieur de la matrice. Ensuite, placez-le entre les deux dés en utilisant Objet> Arranger> Envoyer en arrière. Enfin, définissez son opacité à 30%.
Maintenant, pour la touche finale, nous pouvons ajouter une ombre sous la paire de dés. À l’aide de l’outil Ellipse (L), tracez un grand ovale sous les dés. Avec l'ovale sélectionné, allez à Objet> Organiser> Envoyer à l'arrière-plan. Définissez l'opacité de l'ovale sur 10%. Et enfin, allez à Effet> Flou> Flou gaussien. Définissez le rayon sur 10 px.
Voilà. Une belle paire de dés vectoriels 3D créés à l'aide de l'outil Dégradé de mailles dans Adobe Illustrator.
Abonnez-vous au fil RSS Vectortuts + pour rester au courant des derniers tutoriels et articles sur les vecteurs.
Accentsconagua