Share
Ce que vous allez créerAimez-vous les films de science-fiction, les jeux et les armes fantaisistes? Suivez ce tutoriel et essayez-vous à la conception d’armes en créant un blaster spatial futuriste dans un style plat tendance.
Nous allons modifier des formes simples afin que vous n’ayez besoin de compétences en dessin ni d’équipements spéciaux pour ce didacticiel. Vous apprendrez à appliquer correctement les dégradés pour faire ressortir les éléments et leur donner une apparence complète. De plus, vous découvrirez quelques astuces tout en travaillant avec le panneau Pathfinder, l'outil Shape Builder et les modes de fusion, créant de subtiles demi-ombres et des zones de faible intensité pour ajouter une dimension à notre arme tout en préservant le style plat global..
À la fin de ce didacticiel, vous aurez appris les bases de la création d'un blaster plat et serez en mesure d'appliquer ces techniques et de concevoir une variété de fusils plats, de fusils, d'épées et d'autres types d'éléments de jeu. Découvrez GraphicRiver pour plus d'inspiration et commençons!
Tout d’abord, nous devons créer un Nouveau document de 600 x 600 px dans Mode de couleur RVB. Utilisez le Outil Rectangle (M) faire un 600 x 600 px carré bleu clair pour le fond et Aligner à l'Artboard, en utilisant le Aligner panneau.
Avant de commencer à créer un élément de notre arme, nous devrions avoir une certaine idée de sa conception et de son apparence générale. Est-ce que ce sera un fusil spatial contre des extraterrestres ou une véritable arme extraterrestre? Sera-ce un puissant fusil ou un petit canon à main?
Après avoir réfléchi et réfléchi à des idées, je me suis retrouvé avec un croquis réalisé dans Adobe Illustrator avec l’aide du Outil Crayon (N). Cela m'a servi de référence pendant tout le processus de création d'une version finale du blaster.
Commençons par construire notre arme à partir de sa partie la plus large: une buse en verre avec un liquide gluant vert à l’intérieur (qui est évidemment mortelle, alors méfiez-vous-en.).
Prenez le Outil Rectangle (M) et faire un 250 x 40 px forme. Appliquez un dégradé linéaire du vert clair au vert plus foncé. Vous pouvez utiliser la barre de couleur du Pente panneau pour déplacer les curseurs de couleur, créant un bord droit distinct entre les couleurs.
Pour ce faire, sélectionnez le curseur vert clair sur le côté gauche de la barre de couleur et faites-le glisser vers la droite. Faites de même avec le curseur vert foncé en le faisant glisser dans la direction opposée, en faisant en sorte que les deux curseurs se rencontrent à un certain point de la barre de couleur (au centre ou plus près de sa moitié droite). Plus les curseurs sont proches les uns des autres, plus la frontière entre eux devient nette et nette..
Définissez l'angle du remplissage linéaire sur -90 degrés dans le Pente panneau, ou utilisez le Outil de dégradé (G) et maintenir Décalage ajuster la direction du remplissage.
Ajoutez deux fines bandes marron de même longueur au-dessus et en dessous du rectangle vert.
Copiez la forme verte et Coller devant (Control-C> Control-F). Tenir Alt et rétrécissez la forme, la rendant beaucoup plus étroite. Remplissez la nouvelle forme avec une couleur unie vert foncé et changez le Mode de fusion à Écran dans le Transparence panneau, créant un temps fort pour rendre la surface de la buse lisse et vitreuse.
Prendre le Outil Rectangle Arrondi et faire un 5 x 60 px forme avec des coins complètement arrondis.
Nous pouvons régler le Rayon de coin en sélectionnant le rectangle avec le Outil de sélection directe (A) soit en ajustant la valeur dans le panneau de commande en haut, soit en tirant sur les marqueurs de cercle du Coins vivants que vous pouvez trouver à côté de chaque coin de la forme alors qu'elle est sélectionnée avec le Outil de sélection directe (A). Notez que de cette façon, nous pouvons ajuster chaque coin séparément ou tous les coins à la fois, en fonction du résultat souhaité..
Remplissez le rectangle arrondi avec un dégradé linéaire du brun au violet foncé, en plaçant les deux curseurs du dégradé au même point pour créer une bordure distincte entre les couleurs..
Enfin, sélectionnez la forme avec le Outil de sélection (V), tenir Alt-Shift et faites glisser la forme sur le côté, créant une copie. Ajoutez quelques copies supplémentaires et distribuez-les comme indiqué ci-dessous.
Prendre le Outil Ellipse (L) et faites quelques cercles pour les bulles. Met le Remplir à aucun et le Accident vasculaire cérébral vert foncé et passez à Mode de fusion d'écran.
Met le Poids de l'AVC à 1,5 pt soit dans le panneau de commande sur le dessus ou dans le Accident vasculaire cérébral panneau.
Groupe (Control-G) les éléments de la buse afin de garder l'image nette et organisée.
Ajoutons maintenant une muselière à l’arme. Faire un 20 x 95 px rectangle, appliquant un dégradé linéaire du blanc au gris clair, imitant une surface en métal dépoli ou en plastique.
Sélectionnez la forme avec le Outil de sélection directe (A) et ajustons les coins. Allez dans le panneau de commande en haut et cliquez sur le bouton Coins paramètre pour ouvrir la fenêtre des options déroulantes. Sélectionner Angle de chanfrein et mettre le Rayon à 5 px, faire une forme biseautée.
Dupliquer (Control-C> Control-F) la forme et remplissez la copie supérieure avec une couleur unie vert foncé. Prendre le Outil Gomme (Maj-E), tenir Alt, tenir le bouton gauche de la souris et étalez la sélection sur la partie gauche de la forme, ne laissant qu'une mince bande par le côté droit. Relâchez la touche de la souris et voila! Nous n'avons plus que la mince bande. Changer son Mode de fusion à Écran, créant ainsi un point culminant.
Dupliquer (Control-C> Control-F) surlignez et double-cliquez sur le Outil de réflexion (O) pour ouvrir la fenêtre des options. Sélectionnez le Axe vertical et cliquez sur le Copie bouton pour créer une copie en miroir.
Plaquons la copie sur le côté opposé du museau, en utilisant le bouton Aligner panneau. Sélectionnez à la fois la copie et le museau et cliquez à nouveau sur la forme du museau pour en faire une Objet clé (il est marqué par une sélection plus épaisse). Cliquez sur Horizontal Align Left dans le Aligner panneau pour coller la forme au bord gauche du museau.
Enfin, changez la couleur de remplissage de la copie en vert clair et changez le Mode de fusion à Multiplier, créant ainsi une ombre plate subtile.
Continuons en ajoutant des éléments au museau. Créer un 30 x 45 px rectangle pour le canon du pistolet et remplissez-le de dégradé linéaire du bleu foncé au violet foncé. Envoyer la forme à Retour (Shift-Control- [) et Dupliquer il. Réduire la copie à 15 x 45 px, changer sa couleur en violet clair et régler le Mode de fusion à Multiplier, faire une ombre douce du museau.
Terminez avec cette partie de l’arme en dupliquant la forme sombre et en la réduisant à 30 x 15 px. Remplissez la forme avec une couleur sombre et réglez-la sur Écran mode, créant une surbrillance brillante sur la surface métallique.
Il nous manque encore quelques ombres sur la partie en verre de notre blaster. Utilisez le Outil Rectangle (M) créer quelques rectangles de la même hauteur que la forme verte.
Remplissez-les d'une légère teinte de bleu et passez à Mode Multiplier.
Utilisez le Outil de sélection directe (A) sélectionner le point d'ancrage en haut à gauche de chaque rectangle. Frappé le Entrer clé pour ouvrir le Bouge toi fenêtre Options et définissez le Horizontal valeur à 5 px et le Verticale valeur à 0 px. Cliquez sur D'accord, déplacer les points vers la droite et incliner les rectangles.
Sélectionnez les rectangles créés et Objet> Chemin composé> Marque (ou appuyez sur Contrôle-8) pour réunir les ombres séparées en un seul chemin composé.
Placez les ombres juste sous les lignes verticales, en les déplaçant manuellement dans le Couches panneau ou par Envoi en arrière (Control- [) parfois.
Faire un 210 x 25 px rectangle et utiliser le Outil Pipette (I) choisir le dégradé gris clair du museau. Envoyer à l'arrière (Shift-Control- [), placer la forme sous la construction métallique de la buse.
Prendre le Outil de sélection directe (A) et sélectionnez le point d'ancrage en bas à droite de la forme. presse Entrer ouvrir le Bouge toi fenêtre et définir la Horizontal valeur à -20 px et le Verticale valeur à 0 px. Cliquez sur D'accord déplacer un seul point vers la gauche.
Ajoutons des détails en utilisant le Outil Rectangle (M) et le Outil Gomme (Maj-E), comme nous l'avons fait précédemment. Dupliquer (Control-C> Control-F) la forme. Remplissez la forme avec une couleur plus sombre et changez le Mode de fusion à Écran.
Armez-vous du Outil Gomme (Maj-E), tenir Alt et effacer la partie inférieure de la forme, ne laissant qu'une bande étroite pour la mise en évidence sur le dessus.
Répétez l’étape précédente en ajoutant des encoches et des ombres dans Multiplier et Modes de mélange d'écran.
Créez un autre élément gris clair au bas de la buse. Utilisez le Outil Rectangle (M) faire un 270 x 24 px mettre en forme et ajouter des rehauts, des ombres et des encoches, en utilisant notre méthode de copie et Outil Gomme (Maj-E).
Ensuite, faites un 20 x 110 px pièce rectangulaire et placez-le perpendiculairement au détail en bas. Sélectionnez les deux parties et transformez le rectangle inférieur en Objet clé en cliquant dessus encore une fois. Dirigez-vous vers le Aligner panneau et enclenchez le rectangle au bas de la Objet clé en cliquant sur le Alignement vertical bas bouton.
Avançons et continuons à concevoir le corps de notre blaster. Joindre un 113 x 103 px rectangle sur le bord gauche de l’arme en appliquant le même dégradé linéaire gris clair.
Sélectionnez ses points d’ancrage en haut et en bas à gauche avec Outil de sélection directe (A) et faire les coins Chanfreiné avec Rayon 20 px, en utilisant le menu dans le panneau de commande supérieur.
Ajouter un 113 x 30 px bande brillante, appliquant un dégradé linéaire de l'orange vif au rouge.
Ajoutez des encoches, des rehauts et des ombres, en utilisant la technique que nous avons déjà maîtrisée sur les éléments précédents. Groupe (Control-G) cette partie de l'arme et passons à autre chose!
Illustrons un chargeur ou un magazine de notre arme. Nous allons utiliser la partie verte que nous avons déjà créée pour accélérer notre travail.
Dupliquer la partie buse du blaster et raccourcir la barre verte en la rétrécissant à environ 164 x 40 px, et réduire le nombre de barres verticales sombres à deux.
Dupliquer les éléments de la bouche de l'arme et les attacher au bord droit du rechargeur, en modifiant légèrement l'échelle. L'élément gris clair est un peu plus large, à environ 28 x 75 px.
Faisons une vis externe pour rendre la partie du chargeur plus détaillée.
Utilisez le Outil Ellipse (L) faire un 15 x 15 px cercle de couleur vert foncé. Basculez vers Écran mode pour le rendre semi-transparent et lumineux. Dupliquer cercle et réduire la taille de la copie du haut en définissant sa taille sur 10 x 10 px.
Sélectionnez les deux cercles et utilisez le Minus Front fonction de la Éclaireur découper le cercle du haut en créant un anneau.
Terminez en ajoutant un cercle noir à l'intérieur de l'anneau, en sélectionnant la couleur du museau du blaster.. Groupe (Control-G) tous les éléments de la vis.
Ajoutez la vis à la partie blanche du chargeur et continuez en ajoutant un 230 x 15 px accessoire pour connecter cette partie de l'arme au corps du blaster.
Utilisez le Outil de réflexion (O) retourner et copier les éléments sur le Axe vertical et attachez-les au bord opposé du chargeur.
Se souvenir de groupe les éléments afin de tout garder en ordre.
Nous pouvons maintenant passer à la partie inférieure du blaster et créer une prise en main. Utilisez le Outil Rectangle (M) faire un 75 x 140 px forme avec remplissage dégradé linéaire sombre que nous pouvons choisir du museau.
Sélectionnez les points d’ancrage inférieurs de la forme avec le Outil de sélection directe (A) et frapper Entrer ouvrir le Bouge toi panneau. Met le Horizontal valeur à -50 px et le Verticale valeur à 0 px, rendant ainsi la forme oblique vers la gauche.
Gardez les points d’ancrage inférieurs sélectionnés, faites le Coins chanfreinés dans le panneau de commande en haut et réglez le Rayon valeur à 12 px.
Dupliquer la poignée et utiliser le Outil Gomme (Maj-E) pour créer une ombre étroite au sommet de l'élément. Définir sa Mode de fusion à Multiplier.
Rendons la prise aussi détaillée et tridimensionnelle que possible. Dupliquer la forme, maintenez Décalage et déplacez la copie du haut loin vers la droite, de sorte que les copies se chevauchent un peu.
Sélectionnez les deux copies et prenez la Outil de création de forme (Maj-M). Maintenez Alt et cliquez sur la section droite pour le supprimer. Basculez le morceau restant sur Écran mode, créer une surbrillance.
Maintenant, nous devons ajouter quelques fines encoches, comme nous l'avons fait précédemment, mais cette fois-ci, nous avons besoin de répéter la forme de la poignée pour que les éléments s'emboîtent les uns dans les autres..
Copier (Control-C) la forme de la poignée et Coller devant (Control-F). Tenir Décalage et faites glisser la copie sur le côté droit (la forme jaune dans la capture d'écran ci-dessous). Coller devant à nouveau (la forme rouge dans la capture d'écran ci-dessous) et faites glisser la nouvelle copie un peu plus à droite, en faisant en sorte que les copies se chevauchent de sorte qu'il ne reste qu'une mince bande visible entre elles.
Garder les deux copies sélectionnées, cliquez sur Minus Front fonction de la Éclaireur supprimer la forme en ne laissant qu'une mince encoche. Ajustez sa couleur et passez à Multiplier mode. Dupliquer la forme créée, déplacez-la sur le côté et mettez-la en évidence.
Ajoutons également une ombre à la partie inférieure de la poignée. Créez un rectangle qui chevauche le bas de la poignée. Sélectionnez à la fois la base de la poignée et le rectangle et utilisez les touches Outil de création de forme (Maj-M) en tenant Alt supprimer la partie indésirable du rectangle. Basculez le morceau restant sur Multiplier mode.
Passons au prochain détail de notre blaster. Prendre le Outil Rectangle (M) et faire un 145 x 50 px forme avec remplissage dégradé linéaire violet foncé. Fixez-le à la poignée en alignant son coin inférieur gauche sur le bord de la poignée..
Sélectionnez la surbrillance sur le côté droit de la poignée avec la nouvelle forme. Prendre le Outil de création de forme (Maj-M) et cliquez et faites glisser sur la surbrillance, reliant la pièce du nouveau rectangle à elle. Relâchez le bouton de la souris, et le tour est joué! Le morceau inutile du rectangle a disparu car il a été fusionné avec l'autre forme.
Créer un 93 x 35 px rectangle et remplissez-le avec une couleur vive (rouge, par exemple) pour le rendre clairement visible.
Dupliquer le rectangle sombre horizontal, Apporter la copie à l'avant (Shift-Control-]), et déplacez-le vers la gauche, en recouvrant la forme rouge de sorte qu'il ne reste qu'une pièce triangulaire à l'extérieur (je remplis également la copie supérieure de couleur brune pour la rendre visible).
Sélectionnez les deux formes et appliquez le Couper fonction pour modifier le rectangle rouge, en coupant sa pièce triangulaire.
Prendre le Outil de sélection directe (A) et sélectionnez le point en haut à droite et les deux points d’ancrage en bas de la forme rouge. Met le Coin taper à Chanfrein et le Rayon à 6 px.
Sélectionnez à la fois la forme rouge et le rectangle foncé en dessous et appliquez la Minus Front fonction pour découper la forme supérieure.
Ajoutez des détails - ombres, rehauts et encoches - à la forme, à l'aide de la touche Outil Rectangle (M) et le Outil de création de forme (Maj-M), comme nous l'avons fait précédemment.
Maintenant faisons la gâchette. Créer un 17 x 20 px rectangle avec un remplissage linéaire violet foncé et attachez une bande rectangulaire plus étroite à son bord inférieur. Envoyer les deux formes à Retour (Shift-Control- [).
Sélectionnez les points d’ancrage du côté inférieur droit avec le bouton Outil de sélection directe (A) et appuyez sur Entrer ouvrir le Bouge toi la fenêtre. Met le Horizontal valeur à 0 px et le Verticale valeur à 7 px et cliquez D'accord pour déplacer cette partie de la gâchette vers le bas.
Terminez avec la gâchette en dupliquant sa base, en la rendant plus petite, et en la transformant en une ombre en basculant sur Multiplier mode.
Voici à quoi ressemble la partie inférieure de notre blaster. Presque fini! Juste quelques détails mineurs à gauche.
Ajoutez un élément métallique brillant du côté droit de la construction. Complétez-le avec des détails mineurs et utilisez le Outil Rectangle (M) ajouter une ombre dans Multiplier mode.
Terminez en prenant le Outil de courbure (Shift- ') et en faisant glisser le bord gauche de l'ombre plus à gauche, rendant la forme arquée.
Bon travail! J'espère que vous avez apprécié le processus de conception d'une arme et découvert quelques trucs et astuces qui pourraient être utiles pour vos futures œuvres d'art. N'hésitez pas à partager vos résultats dans les commentaires ci-dessous.
S'amuser!
Accentsconagua