Comment illustrer un routeur domestique sans fil 3D

Dans ce tutoriel, je vais vous montrer comment créer votre propre routeur domestique sans fil avec l'outil Rectangle, l'outil Ellipse et les dégradés. Nous utiliserons également le panneau Pathfinder..


Étape 1

Ouvrez un nouveau document. Prenez l'outil Rectangle (M) et tracez un rectangle de taille W: 240px H: 444px.


Étape 2

Prenez l’outil Ellipse (L), tracez une ellipse dans la partie inférieure du rectangle, puis une autre dans la partie supérieure, avec la taille indiquée ci-dessous, puis placez-la dans les positions indiquées..


Étape 3

Sélectionnez maintenant l'ellipse du bas et le rectangle de l'étape 1, ouvrez le panneau Pathfinder et cliquez sur le bouton Ajouter à la zone de forme..


Étape 4

Copiez l'ellipse supérieure avec Command + C puis collez avec Command + F. Nous aurons besoin de la copie dans les étapes suivantes. Après cela, sélectionnez l'ellipse d'origine et le rectangle créé à l'étape 1. Ouvrez le panneau Pathfinder et cliquez sur le bouton Moins avant..


Étape 5

Sélectionnez la forme apparue à l'étape précédente et remplissez-la avec un dégradé linéaire comme indiqué ci-dessous..


Étape 6

Prenez l’outil Rectangle (M), tracez un rectangle au centre de la forme précédente en noir, comme indiqué ci-dessous, puis copiez la forme que vous avez remplie avec un dégradé linéaire à l’étape précédente avec Command + C, puis collez avec Command +. F. Sélectionnez la copie et le rectangle que vous avez créés précédemment, ouvrez le panneau Pathfinder et cliquez sur le bouton Intersection..


Étape 7

Sélectionnez maintenant la copie de l'ellipse à l'étape 4 et remplissez-la avec un dégradé linéaire, comme indiqué ci-dessous..


Étape 8

Lorsque la forme de l'étape précédente que vous avez remplie avec un dégradé linéaire est sélectionnée, sélectionnez Objet> Tracé> Tracé décalé. Définissez le décalage sur -2 pixels, cliquez sur OK et modifiez la couleur de la forme apparue après l'application du décalage sur R: 35 G: 31 B: 32.


Étape 9

Prenez l’outil Ellipse (L), dessinez une ellipse de taille W: 229px H: 33px et accédez à Fenêtre> 3D> Extruder et biseauter. Définissez les valeurs comme indiqué ci-dessous, cliquez sur OK et juste après, sélectionnez Objet> Développer l'apparence. Après cela, ouvrez le panneau Pathfinder, cliquez sur le bouton Ajouter à la zone de forme, remplissez la forme avec un dégradé linéaire et placez-la comme indiqué ci-dessous:


Étape 10

Dessinez une ellipse de taille W: 229px H: 32, puis tracez une autre ellipse par rapport à la précédente de taille W: 224px H: 27px. Placez la deuxième ellipse créée comme indiqué ci-dessous, ouvrez le panneau Pathfinder et cliquez sur le bouton Moins avant..


Étape 11

Placez la forme de l'étape précédente comme indiqué ci-dessous et remplissez-la avec un dégradé linéaire. Regardez l'image ci-dessous:


Étape 12

Copiez la forme de l'étape précédente avec Command + C puis collez avec Command + F, supprimez les points supérieurs de la copie, désactivez la couleur de remplissage et appliquez Stroke: 1px avec une couleur R: 146 G: 164 B: 170. Regardez l'image ci-dessous.


Étape 13

Prenez l'outil Ellipse (L), dessinez une ellipse de taille W: 224px H: 27px, remplissez-la avec une couleur R: 131 G: 146 B: 148 et placez-la à la position indiquée dans l'image ci-dessous:


Étape 14

Dessinez une autre ellipse par rapport à la précédente, comme indiqué ci-dessous, puis copiez-la à partir de l'étape précédente avec Command + C puis collez-la avec Command + F. Maintenant, sélectionnez la copie et l'ellipse que vous venez de créer, ouvrez le panneau Pathfinder, cliquez sur le bouton Intersection et remplissez la forme avec un dégradé Linéaire couleurs R: 208 G: 211 B: 206 à R: 143 G: 163 B: 167.


Étape 15

Avec l'outil Crayon (P), ajoutez la forme comme indiqué dans l'image ci-dessous et remplissez-la d'un dégradé linéaire. Couleurs R: 70 G: 87 B: 89 à R: 29 G: 51 B: 56.


Étape 16

Répétez la même action à partir de l'étape 14 jusqu'à ce que vous ajoutiez les formes restantes, comme indiqué ci-dessous..


Étape 17

Nous continuons avec la partie inférieure du routeur. Prenez l’outil Ellipse (L), dessinez une ellipse de taille W: 247px H: 60px, remplissez-la avec un dégradé linéaire comme indiqué ci-dessous, placez l’ellipse dans la partie inférieure du routeur et envoyez-la derrière toutes les autres (Objet> Organiser > Envoyer à l'arrière).


Étape 18

Sélectionnez la forme qui est apparue à l'étape 5, copiez-la avec Command + C puis collez avec Command + F. Maintenant, avec l'outil Sélection directe (A), sélectionnez les points clés supérieurs de la copie et supprimez-les, puis désactivez la couleur de remplissage et appliquez-la. Course: 3px, Profil: Largeur Profil 3 avec une couleur noire. Appliquez également le rayon de flou gaussien: 3px.


Étape 19

Copiez la forme de l'étape précédente avec Command + C puis collez avec Command + F, supprimez le flou gaussien du panneau Apparence, puis réduisez le contour à 1 pixel et remplissez-le avec un dégradé linéaire, comme illustré dans l'image ci-dessous:


Étape 20

Prenez l’outil Ellipse (L), tracez un cercle de taille W: 43px H: 43px et une couleur R: 35 G: 31 B: 32 et placez-le comme indiqué ci-dessous..


Étape 21

Lorsque le cercle de l'étape précédente est sélectionné, sélectionnez Objet> Chemin> Décalage du chemin. Définissez le décalage sur -1 px, cliquez sur OK et remplissez la nouvelle forme avec un dégradé radial comme indiqué ci-dessous:


Étape 22

Avec la forme de l'étape précédente sélectionnée, allez à Objet> Chemin> Chemin décalé. Définissez le décalage sur -3 pixels, cliquez sur OK et avec l'outil Dégradé (G), déplacez la couleur de la lumière dans la partie supérieure du cercle, comme indiqué ci-dessous.


Étape 23

Avec la forme de l'étape précédente sélectionnée, allez à Objet> Chemin> Chemin décalé. Réglez le décalage sur -3px, cliquez sur OK, puis faites glisser la nouvelle forme 1px et remplissez-la avec une couleur R: 20 G: 24 B: 21.


Étape 24

Sélectionnez toutes les formes du bouton et regroupez-les (Objet> Groupe).


Étape 25

Sélectionnez ensuite le groupe de boutons et accédez à Effet> Déformer et transformer> Transformer, définissez les paramètres comme indiqué dans l'image ci-dessous, puis cliquez sur OK..


Étape 26

Ajoutez le symbole nécessaire sur chaque bouton en sélectionnant Fenêtre> Bibliothèques de symboles> Icônes Web. Sélectionnez les symboles de votre choix, réduisez leur taille et accédez à Objet> Développer l'apparence, puis modifiez leur couleur en R: 198 G: 217 B: 157.


Étape 27

Nous avons maintenant l’ombre du routeur à faire. Pour ce faire, utilisez l’outil Ellipse (L), tracez une ellipse de taille W: 268px H: 62px, puis remplissez-la avec un dégradé radial comme indiqué ci-dessous. Appliquez également le rayon de flou gaussien: 10 pixels, modifiez le mode de fusion du mode normal au mode de multiplication, envoyez la forme derrière tous les autres (objet> Organiser> mettre à l'arrière-plan) et positionnez-la comme indiqué ci-dessous..


Conclusion

Et voici le résultat final. Comme vous pouvez le constater, il est possible d’obtenir des résultats très réalistes en utilisant correctement les gradients et les perspectives. J'espère que vous avez apprécié ce tut. Jouez avec différents objets fabriqués à partir des mêmes formes pour en savoir plus sur la création d'objets en 3D..