Comment fabriquer une boîte de produit et une maquette de lecteur flash

Dans ce didacticiel, vous apprendrez à créer votre propre image maquette d’un lecteur flash et d’une boîte de produit à l’aide de l’outil Rectangle, Outil Plume, Extrusion 3D & Bevel et divers dégradés..


Étape 1

Sélectionnez l'outil Rectangle (M) et tracez un rectangle de dimensions W: 596px sur H: 452px..


Étape 2

Créez les symboles que vous appliquerez à la boîte. J'ai créé quatre symboles en un. Après avoir créé les formes, faites-les glisser dans le panneau des symboles, regardez l'image ci-dessous..


Étape 3

Sélectionnez le rectangle de l'étape 1 et allez à Effet> 3D> Extruder et biseauter, entrez les paramètres suivants: Spécifiez la rotation autour de l'axe des X: 0, Spécifiez la rotation autour de l'axe des Y: -38, Spécifiez la rotation autour de l'axe des Z: 0, Perspective: 58, Profondeur d'extrusion: 100 pt, activez Aperçu pour voir la perspective à l'avance, cliquez ensuite sur le bouton Art de la carte et appliquez les symboles que vous avez créés à l'étape 2, cliquez sur OK, puis allez directement à Objet> Développer l'apparence..


Étape 4

Sélectionnez l'outil Plume (P), créez une forme dans la partie inférieure de la boîte comme indiqué ci-dessous et remplissez-la avec les couleurs du dégradé linéaire R: 239 G: 133 B: 43 à R: 191 G: 106 B: 34


Étape 5

Sélectionnez l'outil Rectangle (M), tracez un rectangle aux coins arrondis, Rayon: 30 pixels sur toutes les autres formes. Après avoir arrondi les angles, sélectionnez Objet> Développer l'apparence..


Étape 6

Maintenant, vous devez supprimer les coins arrondis du côté gauche de la forme de l'étape précédente. Pour ce faire, tracez un rectangle couvrant les coins arrondis de la forme, puis sélectionnez la forme de l'étape précédente et le rectangle créé précédemment, ouvrez le panneau Pathfinder et cliquez sur le bouton Moins avant..


Étape 7

La forme étant toujours sélectionnée, accédez à Effet> 3D> Extruder et biseauter. Dans la nouvelle fenêtre d’ouverture, entrez les paramètres suivants: Spécifiez la rotation autour de l’axe des X: 0, Spécifiez la rotation autour de l’axe des Y: 0, Spécifiez la rotation autour de l’axe des Z: 0, Perspective: 58, Profondeur d’extrusion: 0pt. Vous pouvez bien sûr ajouter un autre symbole si vous le souhaitez. Cliquez sur OK, sélectionnez Objet> Développez l'apparence et remplissez la forme avec les couleurs du dégradé linéaire R: 242 G: 242 B: 242 à R: 240 G: 230 B: 225 et modifiez les points clés de gauche comme indiqué dans l'image ci-dessous..


Étape 8

Copiez deux fois la forme créée à l'étape précédente à l'aide de Ctrl + C, puis de Ctrl + F, cliquez à nouveau sur Ctrl + F, faites glisser la deuxième copie vers le bas et vers la gauche, puis modifiez les points comme indiqué dans l'image ci-dessous. Sélectionnez ensuite la première copie et la copie que vous avez déplacées vers le bas et vers la gauche et modifiez les points, ouvrez le panneau Pathfinder, cliquez sur le bouton Moins avant et remplissez la forme avec Dégradé linéaire. Pour ce faire, ouvrez le panneau Dégradé en allant dans Fenêtre> Dégradé (Contrôle + F9). Vous avez besoin de quatre curseurs de dégradé. Pour le premier de gauche à droite, sélectionnez la couleur R: 209 G: 201 B: 196 avec Emplacement: 0%, pour le second R: 145 G: 145 B: 149, Emplacement: 30%, pour le troisième R: 164 G: 163 B: 163, Emplacement: 62% et pour le quatrième R: 95 G: 94 B: 96, Emplacement: 100% et Angle: 90 degrés.


Étape 9

Sélectionnez l'outil Plume (P), créez une forme sur le côté gauche de la boîte en position (voir ci-dessous) et remplissez-la avec le dégradé linéaire gris foncé à gris clair..


Étape 10

Copiez la forme de l'étape précédente en utilisant les touches Ctrl + C, cliquez sur Ctrl + B derrière, changez la couleur en noir. Déplacez la copie de quelques pixels vers la gauche, appliquez un flou gaussien, Rayon: 14 pixels et réduisez l'opacité: 35 pixels.


Étape 11

Sélectionnez l'outil Stylo (P) et créez une forme dans la partie supérieure sous les formes des étapes 9 et 10 et remplissez-la de noir..


Étape 12

Créez une autre forme dans la partie inférieure en position, comme indiqué, et remplissez-la de dégradé linéaire. Puis appliquez Outer Glow avec les paramètres suivants: Mode: Multiplier, Couleur noire, Opacité: 75%, Flou: 4 pixels. Appliquez également le flou gaussien, rayon: 5,2 pixels et réduisez l'opacité: 60%.


Étape 13

Copiez la forme de l'étape 8 à l'aide de Ctrl + C, puis de Ctrl + F. Déplacez la copie par-dessus toutes les autres en allant dans Objet> Arranger> Amener au premier plan, puis créez une forme à l'aide de l'outil Crayon (P) qui recouvrira la partie supérieure. de la forme nous avons déplacé sur tous les autres. Sélectionnez les deux formes, ouvrez le panneau Pathfinder, cliquez sur le bouton Moins avant et remplissez la nouvelle forme avec un dégradé linéaire, appliquez également le flou gaussien avec rayon: 5,2px et modifiez le mode de fusion de Normal à Superposition..


Étape 14

Créez une autre forme dans la partie inférieure, comme indiqué ci-dessous, remplissez-la de couleur R: 247 G: 237 B: 232, appliquez Inner Glow avec les paramètres suivants: Mode: Normal, couleur # 5E5E5E, Opacité: 75%, Flou: 2px et cliquez sur OK.


Étape 15

Encore une fois, en utilisant l'outil Plume (P), créez une forme avec une couleur noire dans la partie supérieure gauche de la boîte sous toutes les autres, regardez l'image ci-dessous..


Étape 16

Dans cette étape, nous allons revenir au début. Sélectionnez l'outil Sélection directe (A), cliquez sur la plus grande forme de l'étape 2 et remplissez-la de la couleur R: 217 G: 217 B: 217, puis cliquez sur le côté gauche de la zone et remplissez-la avec la couleur R: 247 G: 237 B: 232, copiez maintenant la dernière forme que vous avez modifiée en utilisant Ctrl + C, puis Ctrl + F. Remplissez la copie avec un dégradé linéaire. Pour ce faire, ouvrez le panneau Dégradé. Vous avez besoin de trois curseurs de gradient. Pour le premier de gauche à droite, sélectionnez la couleur R: 145 G: 145 B: 149, pour le second R: 164 G: 163 B: 163 et pour le troisième R: 95 G: 94 B: 96. Changez le mode de fusion de Normal à Multiplier et réduisez l'opacité: 70%. Tracez une ligne en position, comme indiqué avec Couleur de trait R: 102 G: 102 B: 102, Poids: 1 px et appliquez un flou gaussien avec un rayon: 5,6px..

Nous avons fini avec la boîte. Dans les prochaines étapes, nous allons créer le lecteur flash.


Étape 17

Sélectionnez l'outil Ellipse (L), tracez une ellipse comme indiqué ci-dessous, puis allez à Effet> 3D> Extruder et biseauter, entrez les paramètres suivants: Spécifiez la rotation autour de l'axe X: 58, Spécifiez la rotation autour de l'axe Y: -20, Spécifiez la rotation autour de l'axe Z: 62, Perspective: 80, Profondeur d'extrusion: 190 pt, cliquez sur le bouton Plus d'options et entrez les paramètres comme indiqué ci-dessous..


Étape 18

Sélectionnez l'outil Plume (P), créez une forme à la position indiquée dans l'image ci-dessous et remplissez-la de dégradé linéaire, regardez l'image ci-dessous..


Étape 19

Créez une autre forme sous la précédente et remplissez-la de dégradé linéaire, comme indiqué dans l'image ci-dessous..


Étape 20

Nous continuons d'ajouter les formes nécessaires du lecteur flash, comme indiqué ci-dessous..


Étape 21

Maintenant, sélectionnez toutes les formes du lecteur flash et regroupez-les en allant dans Objet> Groupe.


Étape 22

Une fois le groupe sélectionné, copiez-le à l'aide des touches Ctrl + C, puis Ctrl + F. Ensuite, allez à Objet> Développer l'apparence, ouvrez le panneau Pathfinder et cliquez sur le bouton Ajouter à la zone de forme..


Étape 23

Avec la forme apparue à l'étape précédente sélectionnée, allez à Objet> Chemin> Chemin décalé. Dans la nouvelle fenêtre d’ouverture, définissez Offset: 5px, cliquez sur OK. Vous remarquerez que la forme est dupliquée dans une taille plus grande après avoir appliqué le décalage. Vous pouvez supprimer la forme la plus petite et remplir la plus grande avec le dégradé linéaire comme indiqué ci-dessous et changer le mode de fusion de Normal à Multiplier, réduire l'opacité: 32% et aller à Objet> Chemin> Décalage chemin, définir Décalage: -2px, cliquer sur OK et augmenter l'opacité: 48%.


Étape 24

Sélectionnez l'outil Plume (P), créez des formes à la position indiquée dans l'image ci-dessous et remplissez-les de dégradé linéaire..


Étape 25

Sélectionnez l'outil Stylo (P), créez quelques formes par-dessus toutes les autres, remplissez-les de couleur, appliquez un flou radial avec les paramètres suivants: Quantité: 100, Méthode de flou: Vitesse, Qualité: Bon, cliquez sur OK. Ceci est terminé..


Conclusion

Enfin, vous pouvez ajouter un fond, une ombre et une réflexion de la manière qui vous convient. Voici le résultat.