Comment concevoir un gamepad réaliste

Dans ce didacticiel, vous allez apprendre à créer une illustration d'un gamepad à l'aide de l'outil Plume, des dégradés et des filtres. Vous pouvez utiliser cette illustration comme base d'une icône ou d'un élément décoratif sur un dessin plus grand..


Étape 1: Première forme

Ouvrez un nouveau document RVB aux dimensions 600px sur 400px. Choisissez l'outil Rectangle et créez un rectangle de dimension 328px par 105px, définissez le contour sur une couleur sombre (R: 0, G: 0, B: 0) et remplissez-le avec un dégradé similaire à celui illustré ci-dessous..


Étape 2: Ajout de formes

À l'aide de l'outil Rectangle, créez la forme suivante avec les dimensions 38px sur 26px, définissez le contour sur une couleur sombre (R: 0, G: 0, B: 0) et remplissez-le avec un dégradé similaire..


Étape 3: Plus de construction de formes et de dégradés

Créez une forme comme ci-dessous et définissez le contour sur une couleur sombre (R: 75, G: 78, B: 93) [Fig.1]. Reproduisez la forme que vous venez de créer [Pic.2]. Déplacez les deux formes ensemble, sélectionnez les extrémités en haut à l'aide de l'outil Sélection directe, puis joignez-les. Répétez la même chose pour les points inférieurs [Pic.3]. Remplir la nouvelle forme avec un dégradé [Pic.4].


Étape 4: Travailler avec Ellipses et Inner Glow

Choisissez l'outil Ellipse et créez deux ellipses de dimensions: 140px par 120px et 95px par 80px [Pic.1]. Ouvrez un panneau Pathfinder, sélectionnez ces deux ellipses et cliquez sur le bouton Unir [Pic.2]. Remplissez la nouvelle forme avec un dégradé similaire [Pic.3]. Maintenant, allez dans Filtre> Styliser> Inner Glow [Pic.4].


Étape 5: Créer la zone de contrôleur gauche

Créez une forme comme ci-dessous [Pic.1] et remplissez-la avec un dégradé linéaire [Pic.2]. Dans l'étape suivante, sélectionnez Filtre> Styliser et utilisez Inner Glow [Pic.3]. Cliquez maintenant sur cette forme avec le bouton droit de la souris et sélectionnez Arranger> Renvoyer [Pic.4].


Étape 6: Ajouter une autre forme plus grande

Créez une forme similaire [Pic.1], remplissez-la avec un dégradé linéaire [Pic.2] et allez à Arranger> Envoyer en arrière [Pic.3]


Étape 7: Ajouter des détails de forme

Créez la forme similaire suivante [Pic.1], définissez le contour en noir (R: 0, G: 0, B: 0) et remplissez-le avec un dégradé [Pic.2]


Étape 8: Créer un bouton supérieur

Créez une forme comme ci-dessous [Pic.1]. Reproduisez la forme que vous venez de créer [Pic.2]. Déplacez les deux formes ensemble et sélectionnez les extrémités en haut avec l'outil de sélection directe, puis joignez-les. Répétez la même chose pour les points inférieurs [Pic.3]. Remplissez la nouvelle forme avec un dégradé [Pic.4], puis sélectionnez Filtre> Styliser> Inner Glow [Pic.5], puis choisissez Arranger> Renverser [Pic.6].


Étape 9: Ajouter une rondeur douce

Choisissez l'outil Ellipse et créez deux ellipses de dimensions: 132px par 110px et 90px par 75px [Pic.1]. Ouvrez le panneau Pathfinder, sélectionnez ces deux ellipses et cliquez sur le bouton Unir [Pic.2]. Remplissez la nouvelle forme avec un dégradé similaire [Pic.3] puis allez dans Filtre> Styliser> Inner Glow [Pic.4].


Étape 10: Ajouter un contrôleur gauche

Choisissez l'outil Ellipse et créez une ellipse de dimensions 60px sur 50px et remplissez-la de noir [Pic.1]. Créez ensuite une autre ellipse de dimensions 55px sur 45px et remplissez cette forme de couleur sombre (R: 75, G: 78,0 B: 93) [Pic.2].


Étape 11: zone traversée

Choisissez l'outil Plume, créez une forme de croix comme ci-dessous [Pic.1] et remplissez-la d'un dégradé linéaire [Pic.2]. Allez à Effet> Styliser> Coins arrondis et réglez le rayon sur 3px [Pic.3], puis allez à Effet> Styliser> Inner Glow [Pic.4].


Étape 12: Réfléchissez bien

Choisissez l'outil de sélection et sélectionnez ces formes [Pic.1], puis dupliquez-les [Pic.2]. Ensuite, allez dans Transformer> Refléter (vertical) [Pic.3] et placez-les à droite comme indiqué [Pic.4].


Étape 13: commencez à ajouter des détails sur le bouton

Créez une ellipse de dimensions 29px sur 26px [Pic.1] et remplissez-la avec un dégradé linéaire [Pic.2]. Dans l'étape suivante, accédez à Effet> Styliser> Inner Glow [Pic.3], puis sélectionnez Effet> Styliser> Ombre portée [Pic.4]. Puis dupliquez cette ellipse modifiée trois fois et placez-la comme indiqué [Pic.5].


Étape 14: Ajout des détails du bouton à gauche

Choisissez l'outil Plume et créez la forme indiquée [Pic.1], remplissez-la d'un dégradé linéaire [Pic.2], puis ajoutez les effets Inner Glow [Pic.3] et Ombre portée [pic.4]..


Étape 15: Ajouter une flèche

Créez un triangle à l’aide de l’outil Plume, remplissez-le d’une couleur (R: 75, G: 78, B: 93) [Pic.1], puis sélectionnez Effet> Styliser> Extérieur éclat [Pic.2].


Étape 16: dupliquer les commandes de jeu

Choisissez l'outil de sélection et sélectionnez ces formes [Pic.1], et dupliquez-les. Cliquez ensuite sur un bouton droit de la souris et accédez à Transformer> Rotation et définissez l’angle à 180 degrés [Pic.2]. Dans l’étape suivante, sélectionnez ces formes, dupliquez-les et faites pivoter les copies comme indiqué (définissez un angle de 90 degrés) [Pic.3]


Étape 17: Réorganiser les formes

Choisissez l'outil de sélection et sélectionnez "forme 1" [Pic.1], et déplacez-le 3px vers le bas, puis sélectionnez "forme 2" [Pic.1] et déplacez-le vers la droite de 8px. Déplacez "forme 3" à droite par 3px, "forme 5" à gauche par 8px et "forme 4" à gauche par 3px. Il devrait ressembler à cette image [Pic.2].


Étape 18: Ajouter des commandes de rayonnement interne aux commandes inférieures

Choisissez l'outil de sélection et sélectionnez l'ellipse [Pic.1], utilisez les effets Inner Glow [Pic.2] et Ombre portée [Pic.3]. Ensuite, sélectionnez l'ellipse suivante et ajoutez Inner Glow [Pic.4] et Ombre portée [Pic.5]..


Étape 19: Ajouter une autre ellipse

Choisissez l'outil Ellipse et créez une ellipse de dimensions 30px sur 25px [Pic.1], remplissez-la avec un dégradé linéaire [Pic.2] et ajoutez un effet de rayonnement intense [Pic.3]..


Étape 20: Plus de petits détails

Choisissez l'outil Rectangle et créez un rectangle de dimensions 18px par 10px [Pic.1], remplissez-le avec un dégradé linéaire [Pic.2] et ajoutez un effet Ombre portée [Pic.3].


Étape 21: Ajouter un petit triangle

Choisissez l'outil Plume et créez une forme similaire [Pic.1], remplissez-la d'un dégradé linéaire [Pic.2] et ajoutez un effet Ombre portée [Pic.3]..


Conclusion

Comme vous pouvez le voir, j'ai ajouté quelques symboles. Avec un peu de retouche, cette illustration peut être utilisée pour toute une gamme de designs, y compris des sites Web, des affiches et bien plus encore. J'espère que vous avez apprécié ce tutoriel.