Share
Dans ce tutoriel, nous allons apprendre à créer une matrice 3D creuse stylisée. Au lieu d'avoir des points habituels sur sa surface, nous allons créer des trous. Ce ne sont pas des trous réels, mais nous allons certainement les faire ressembler à des trous. Dans tout le processus de création, il ne faut pas oublier quelque chose: la perspective. La perspective est l’une des choses les plus importantes à prendre en compte lors de la création d’un objet 3D. Si nous laissons de côté la perspective, nous aurons un objet déformé. Passons donc des mots aux actes.
Nous allons commencer par créer des symboles pour chaque côté du dé. Cela signifie que nous avons besoin de 6 rectangles arrondis avec un nombre différent de points. Ces symboles seront appliqués à notre matrice 3D. Saisissez l'outil Rectangle arrondi dans le panneau Outil et cliquez quelque part sur la planche graphique. Dans la zone Options du rectangle arrondi, définissez les paramètres tels qu’ils apparaissent sur l’image ci-dessous. La couleur de remplissage n'est pas importante.
Maintenant, prenez l'outil Ellipse (L) dans le panneau Outils et créez un cercle parfait (pour obtenir un cercle parfait, maintenez la touche Maj enfoncée sur votre clavier). Sélectionnez les deux formes et, sous le panneau Align, sélectionnez le centre horizontal et vertical..
Pour le côté du dé avec deux points, créez un autre rectangle arrondi, effectuez deux copies (Ctrl / Commande + C, Ctrl / Commande + V) du point jaune de l'étape précédente et disposez-les comme indiqué sur l'image ci-dessous. Assurez-vous d'aligner correctement les points jaunes à l'aide de Horizontal Align Center sous le panneau Align. Regroupez-les (Ctrl / Commande + G) et alignez les deux points sur le rectangle arrondi à l'aide de l'option Aligner horizontalement et verticalement sous le panneau Aligner..
Sélectionnez les deux points et sous Objet, sélectionnez Transformation> Rotation. Réglez l'angle à 45 ° et cliquez sur le bouton OK.
Pour le côté matrice comportant trois points, créez un autre rectangle arrondi, créez une copie (Ctrl / Commande + C, Ctrl / Commande + V) de deux points de l'étape précédente. Ramenez-les à la position horizontale et placez un nouveau point au milieu. Pour assurer la même distance entre les points, sélectionnez-les tous et cliquez sur le bouton Répartir horizontalement sous le panneau Aligner. Groupe (Ctrl / Commande + G) points jaunes et sous l’objet, sélectionnez Transformer> Refléter. Définissez l'angle sur 45 °. Vous devriez vous retrouver avec quelque chose comme ça.
Pour créer un côté de la matrice avec quatre points, dupliquez les éléments de l'étape 4. La meilleure façon de le faire est de sélectionner un rectangle arrondi et deux points jaunes, en maintenant la touche Alt / Option enfoncée sur le clavier, faites glisser les formes sélectionnées . Sélectionnez maintenant uniquement les points jaunes et sous Objet, sélectionnez Transformer> Refléter. Sélectionnez Vertical pour Axis et cliquez sur le bouton Copier. Cela créera une image réfléchie des éléments sélectionnés et nous nous retrouverons avec quatre points au lieu de deux..
Créez la copie de tout le côté avec quatre points (maintenez les touches Alt / Opt de votre clavier enfoncées et cliquez et faites glisser les formes). Placez un nouveau point au milieu. Assurez-vous d'aligner tous les éléments pour qu'ils s'adaptent parfaitement. Pour ce faire, groupez (Ctrl / Commande + G) quatre points que nous avions déjà. Ensuite, sélectionnez tous les éléments qui constituent le côté "5 points" du dé et sous le panneau Aligner, cliquez horizontalement et verticalement. Aligner au centre..
Comme vous le supposez probablement déjà, pour le côté "6 points" du dé, nous devons créer la copie du côté "3 points". Répétez l'action familière Alt / Opt + clic et faites glisser pour créer la copie. Placez trois points jaunes en position horizontale, dupliquez-les (Ctrl / Commande + C, Ctrl / Commande + F) et placez-les comme indiqué sur l'image ci-dessous.
Vous devriez vous retrouver avec quelque chose comme ça.
Nous avons les six côtés prêts pour notre dé et nous allons les transformer en symboles. De cette façon, nous pourrons les appliquer à notre matrice 3D. Assurez-vous de regrouper (Ctrl / Commande + G) tous les éléments qui constituent chaque côté du dé. Saisissez chaque côté du dé, faites-le glisser et déposez-le dans le panneau des symboles. Lorsque la fenêtre Options de symbole apparaît, sélectionnez Graphique dans le menu déroulant Type. Assurez-vous de transformer également les autres côtés du dé en symboles.
Maintenant, nous sommes tous prêts à travailler sur le look de notre matrice 3D. Nous pouvons créer de nombreuses positions de la matrice que nous pouvons créer, voler dans les airs, rouler sur la table, etc., mais nous allons créer une matrice immobile à la surface. De cette façon, nous aurons la chance de jouer avec la lumière et de créer de jolies ombres. Alors, commençons.
Sélectionnez l'outil Rectangle (M) dans le panneau Outil et cliquez quelque part sur la planche graphique. Cela fera apparaître la fenêtre Options Rectangle. Définissez les dimensions sur 200 x 200. La couleur de remplissage n'est pas importante.
Sous l'effet, sélectionnez 3D> Extruder et biseauter. Définissez la profondeur sur 200 points et la perspective sur 97 °. Rappelez-vous, sans perspective, votre dé aura l’air déformé. Nous ne voulons certainement pas cela. Nous allons également définir l'orientation pour donner l'impression que le dé est assis sur la surface lisse. N'hésitez pas à expérimenter l'orientation en faisant pivoter le cube dans la fenêtre Options d'extrusion et de biseautage 3D (veillez à épaissir l'option Aperçu afin de pouvoir surveiller le processus de création). Ce sont les paramètres que nous allons utiliser dans ce tutoriel.
Faites une copie (Ctrl / Commande + C, Ctrl / Commande + V) de notre dé. Placez-le sur le côté et verrouillez-le dans le panneau des calques (nous utiliserons cette copie ultérieurement)..
Nous pouvons maintenant commencer par attribuer des symboles à chaque côté du dé. Pour ce faire, nous devons entrer des options d’art cartographique..
Basculer entre les côtés de la matrice sous Surface et sélectionner les symboles dans le menu déroulant Symbole.
Répétez cette étape uniquement pour les côtés visibles du dé. Nous compléterons les autres côtés du dé plus tard. Vous devriez vous retrouver avec quelque chose comme ça.
Le look de base de notre matrice est terminé mais vous devez l’avouer, il n’est pas très joli. Maintenant il est temps de faire du polissage. Tout d'abord, nous allons transformer notre matrice en forme éditable. Pour ce faire, sélectionnez le dé et, sous l’objet, sélectionnez Développer l’apparence. Après avoir développé le dé, nous devons le dissocier (Maj + Ctrl / Commande + G) et nous assurer de séparer tous les éléments qui constituent notre dé. Préparez-vous à le faire plusieurs fois, jusqu'à ce que toutes les formes soient indépendantes. Après avoir dissocié le groupe, vous pourrez trouver quelques parties inutiles du dé (celles-ci peuvent être supprimées du panneau Calque)..
Nous devons modifier chaque côté de la matrice un peu. Pour ce faire, nous utiliserons la fonctionnalité Chemin décalé. Cela nous permettra de réduire un peu chaque côté arrondi du dé. Sélectionnez uniquement la forme rose de chaque côté et sous l'objet, sélectionnez Chemin> Chemin décalé. Définissez la valeur du décalage sur -1 pixels et cliquez sur le bouton OK..
Assurez-vous de supprimer la plus grande forme rose originale et de laisser la plus petite que nous venons de créer..
Répétez l'étape précédente pour les autres côtés du dé aussi. Vous devriez avoir quelque chose comme ça.
Sélectionnez les trois rectangles bruns et sélectionnez le bouton Unite sous le panneau Pathfinder. Cette action transformera trois formes en une seule. Vous devrez probablement envoyer la nouvelle forme que vous venez de créer à Précédent (Maj + Ctrl / Commande + [).
Modifions légèrement notre nouvelle forme. Sélectionnez la forme brune et sous Effets, sélectionnez Styliser> Coins arrondis. Dans ce tutoriel, nous allons définir le rayon à 15 pixels. Cochez la case Aperçu pour voir ce qui vous convient le mieux. Cela donnera à notre filière des coins agréables et arrondis.
Nous devons maintenant élargir la forme brune et préparer le dé pour une étape de coloration plus intéressante. Assurez-vous que la forme marron est sélectionnée et que sous l'objet, sélectionnez Développer l'apparence..
Nous allons déplacer chaque forme rose individuelle d'un pixel plus près du bord. Cela soutiendra un peu plus la perspective. Vous devriez vous retrouver avec quelque chose comme ça.
Si vous n'êtes pas assez satisfait de la taille des points, vous pouvez augmenter leur taille. Laissons démontrer comment.
Sélectionnez tous les points jaunes et sous l'objet, sélectionnez Chemin> Chemin décalé. Définissez le décalage comme vous le souhaitez (n'oubliez pas de cocher la case Aperçu pour pouvoir voir ce que vous faites). Nous allons définir la valeur pour le décalage à 2 pixels. Nous allons réunir les deux points (petit et grand) en un seul en sélectionnant Unir sous le panneau Pathfinder..
Vous remarquerez peut-être que chaque point jaune contient de nombreux points d'ancrage. Afin d'éviter toute imperfection, nous allons essayer de réduire le nombre de points d'ancrage. Pour ce faire, sélectionnez Objet> Chemin> Simplifier. Assurez-vous de régler la précision de la courbe sur 100% et le seuil d'angle sur 0%. Vous devriez vous retrouver avec quelque chose comme ça.
Notre matrice est prête à obtenir de jolis dégradés de couleurs. Alors, commençons.
Comme vous pouvez le constater, nous avons apporté des améliorations, mais nous devons évidemment faire beaucoup plus pour notre matrice que l’application d’un simple dégradé de couleur. Tournons nos points dans les trous. Sélectionnez-les tous et dupliquez-les deux fois (Ctrl / Commande + C, Ctrl / Commande + F). Nous allons déplacer les copies bleues comme indiqué sur la photo ci-dessous. (Définissez la couleur de remplissage des copies en haut sur le bleu). Dissocier (Maj + Ctrl / Commande + G) un nouvel ensemble de points.
Sélectionnez une copie jaune et une copie bleue et sous le panneau Pathfinder, appuyez sur le bouton Moins avant. Vous devriez vous retrouver avec quelque chose comme ça.
Répétez l'étape précédente pour les autres points également.
Avec peu de changements, nous allons faire en sorte que ces points ressemblent à des trous. Nous allons d’abord appliquer un joli dégradé de couleur rouge foncé sur la face "intérieure" de la matrice. Cela signifie que nous allons appliquer un dégradé aux points jaunes.
Nous appliquerons le même dégradé linéaire aux autres points jaunes..
Changeons la couleur des formes qui représentent l'épaisseur des murs de la matrice (côtés). Nous allons utiliser un dégradé linéaire rouge avec quelques nuances de rouge afin de souligner l'influence de la lumière..
Il y a autre chose que nous pouvons faire pour rendre notre dé encore meilleur. Rappelez-vous le dé que nous avons laissé sur le côté pour plus tard? Nous allons l'utiliser maintenant.
Comme vous vous en souvenez, c'est notre carré de base que nous avons utilisé au tout début. Comme nous avons déjà appliqué l'effet 3D Extrude & Bevel, nous allons simplement modifier l'aspect de la matrice. Nous essayons en fait d’obtenir la forme, la taille et la position des points / trous sur les côtés invisibles de la matrice. Mais commençons, les choses vont devenir claires.
Sous le panneau Apparence (s'il n'est pas visible, vous pouvez trouver le panneau Apparence sous la fenêtre), cliquez sur 3D Extrude & Bevel (Mapped). Cela fera apparaître la fenêtre Extrude & Bevel Options. Nous allons faire peu de changements.
Laissez tout tel quel. Ne changez pas la rotation du cube ni sa perspective. Nous avons besoin du même cube que celui sur lequel nous travaillons à travers ce tutoriel. Cependant, nous allons apporter peu de modifications dans les options de cartographie. Nous allons assigner des symboles aux côtés invisibles du dé. Puisque nous avons déjà des côtés avec 1,2 et 4 points / trous, nous devons créer des côtés avec 3,5 et 6 points / trous..
Pour pouvoir voir les côtés invisibles du dé, épaississez la zone Géométrie invisible au bas de la fenêtre Options de représentation cartographique et cliquez sur le bouton OK. Vous devriez vous retrouver avec quelque chose comme ça.
Sous Object, sélectionnez Expand et transformez notre carré en forme éditable..
Dissociez (Maj + Ctrl / Commande + G) la forme que vous venez de créer (vous devrez la répéter plusieurs fois) et supprimez tous les éléments à côté des points jaunes..
Nous devons maintenant réduire le nombre de points d'ancrage. Sélectionnez Objet> Chemin> Simplifier.
Réglez la précision de la courbe sur 100% et le seuil d'angle sur 0%, puis cliquez sur le bouton OK..
Il nous reste une chose à faire avant d’utiliser de nouveaux points sur notre matrice. Vous ne devriez pas oublier que nous avons élargi les points sur notre matrice. Cela signifie que nous devons également faire la même chose avec ces points (tous les trous doivent avoir la même taille). Commencez par dissocier (Maj + Ctrl / Commande + G) les points jaunes. Sélectionnez Objet> Chemin> Chemin décalé. Définissez la valeur sur 2 pixels (comme nous l'avons fait précédemment) et cliquez sur le bouton OK..
De cette façon, nous avons créé des points plus grands. Nous allons les unir avec des points plus petits en sélectionnant Unite sous le panneau Pathfinder.
Maintenant, nos points sont prêts pour le dé. Placez-les comme indiqué sur l'image ci-dessous. C'est la position approximative des trous sur les sites invisibles de la matrice.
Premièrement, nous allons supprimer les points jaunes qui resteront invisibles. Vous devriez vous retrouver avec quelque chose comme ça.
Nous allons combiner les points jaunes avec des ellipses sombres qui représentent les trous. Pour chaque point jaune qui coupe le trou, créez une copie de l'ellipse sombre. Sélectionnez la copie que nous venons de créer et le point jaune et sous le panneau Pathfinder cliquez sur le bouton Intersection.
Veillez à définir la couleur de remplissage de la nouvelle forme en blanc (#FFFFFF) et à la placer sous la forme représentant l'épaisseur du mur de la matrice (côté). Vous devriez vous retrouver avec quelque chose comme ça.
Assurez-vous de répéter l'étape précédente pour les autres points jaunes..
Créons des détails intéressants qui amélioreront notre illustration.
Nous allons créer un joli bord fin pour chaque côté de la matrice. Pour ce faire, dupliquez (Ctrl / Commande + C, Ctrl / Commande + F) deux fois le rectangle arrondi. Décalez pour 1 pixel vers le bas une des copies. Sélectionnez les deux copies et, sous le panneau Pathfinder, cliquez sur le bouton Moins avant..
Appliquez le dégradé radial rouge comme indiqué sur l'image ci-dessous.
Il peut sembler qu'il y a beaucoup trop de nuances de rouge dans ce dégradé radial, mais en réalité il n'y en a pas. Si vous zoomez, vous pouvez voir que nous avons créé une belle surbrillance pour le coin arrondi au bas de la matrice..
Répétez l'étape précédente pour les côtés gauche du dé. N'hésitez pas à utiliser le même gradient radial.
Pour la surbrillance sur le dessus de la matrice, vous pouvez utiliser un dégradé radial un peu plus simple.
Créons le point culminant des trous. Cela va être une ligne mince qui suit la forme du trou. Pour ce faire, nous allons dupliquer (Ctrl / Commande + C. Ctrl / Commande + F) l'ellipse qui représente le trou. Sous le clic droit, sélectionnez Isoler le chemin sélectionné. De cette façon, nous pourrons modifier l'ellipse sans gâcher le reste de l'illustration..
Saisissez l'outil Sélection directe (A) dans le panneau Outils, sélectionnez les points d'ancrage tels qu'ils apparaissent sur l'image ci-dessous et supprimez-les en appuyant sur la touche Suppr de votre clavier..
Supprimez la couleur de remplissage et définissez la couleur de trait sur # FFB59C. Sous le panneau Contour, définissez la largeur sur 0,75 et le profil sur le profil de largeur 1. Vous devriez obtenir quelque chose comme ceci..
Répétez l'étape précédente pour les autres trous également. Ne hésitez pas à changer la couleur de trait pour d'autres faits saillants afin d'obtenir un bon résultat.
En utilisant la même technique, créez quelques rehauts de bords pour les rectangles arrondis de chaque côté du dé.
Créons une belle réflexion de la lumière d’un côté de notre matrice. Sélectionnez l'outil Ellipse (L) dans le panneau Outils et créez une ellipse..
Dupliquez (Ctrl / Commande + C, Ctrl / Commande + F) le rectangle arrondi situé sous l’ellipse jaune. Sélectionnez la copie que nous venons de créer et le rectangle jaune et sous le panneau Pathfinder cliquez sur le bouton Intersection.
Nous allons appliquer un dégradé linéaire sombre.
Sous le panneau Transparence, définissez Mode de fusion sur Écran. Assurez-vous de placer la forme de coupe sous les ellipses qui représentent des trous. Comme nous avons beaucoup de formes différentes, la meilleure façon de le faire est de l’utiliser dans le panneau Calque. Assurez-vous juste de placer notre reflet sous les ellipses.
Nous devons maintenant créer une belle ombre qui correspond à notre source de lumière. Comme vous pouvez le constater, la lumière vient de la position avant supérieure (téléspectateur). Cela signifie que l'ombre devrait être derrière le cube.
Saisissez l'outil Crayon (P) dans le panneau Outils et tracez le rectangle tel qu'il apparaît sur l'image ci-dessous..
Sous Objet, sélectionnez Chemin> Chemin décalé. Définissez la valeur du décalage sur -20 pixels et cliquez sur le bouton OK..
Ajustez un peu la position de la nouvelle forme. Vous pouvez également utiliser l'outil de sélection directe (A) pour ajuster la position des points d'ancrage. Vous devriez vous retrouver avec quelque chose comme ça.
Définissez la couleur de remplissage de la forme large en blanc (#FFFFFF) et la couleur de remplissage de la forme plus petite en # D1D3D4. Sélectionnez les deux formes et sous l'objet, sélectionnez Mélange. Cela créera une belle transition entre le blanc et le gris.
Assurez-vous de placer l'ombre sous le dé (Maj + Ctrl / Commande + [).
En utilisant exactement la même technique, créez l’ombre pour le côté droit de notre matrice. Et nous avons fini!
Aujourd'hui, nous avons eu l'occasion de créer un dé 3D unique. Nous avons appris à respecter la perspective pour obtenir un joli aspect semi-réaliste du dé. Nous avons également appris à transformer une simple ellipse en trou. Parfois, il existe peu de techniques différentes que vous pouvez utiliser pour créer une illustration spécifique. Le plus important est de trouver celui qui vous convient. Une technique qui ne sera pas trop compliquée et qui vous fournira un fichier vectoriel propre qui sera prêt pour l’impression ou pour la publication Web. Continuez d'essayer et d'explorer, il y a toujours place à l'amélioration.
J'espère que vous avez aimé lire ce tutoriel autant que j'ai aimé le créer. Merci d'avoir suivi.
Accentsconagua