Share
Le vintage rencontre le moderne avec ce tutoriel de jeu vidéo unique. Ce tutoriel est parfait pour les artistes illustrateurs débutants qui souhaitent améliorer leurs compétences. Intensifiez votre jeu et commencez maintenant!
Vous trouverez ci-dessous la conception finale sur laquelle nous allons travailler.
Commencez par utiliser l'outil Rectangle arrondi. Faire un rectangle qui ressemble à ceci.
CONSEIL: vous pouvez ajuster le rayon des coins en maintenant la flèche vers le haut ou vers le bas pendant que vous dessinez la forme..
À l'intérieur du rectangle, dessinez trois formes plus petites..
Utilisez le Pathfinder pour découper un bord du rectangle afin que seuls les deux coins supérieurs aient des bords arrondis. Superposez les formes les unes sur les autres et cliquez sur l'option Soustraire de la zone de forme suivie de Développer, comme indiqué ci-dessous..
Placez la forme en bas, puis dupliquez et placez une version pivotée de la forme en haut.
Continuez à utiliser des formes simples pour composer les parties principales du contrôleur. Pour créer le pavé directionnel, superposez deux rectangles l'un sur l'autre et fusionnez-les à l'aide du logiciel Pathfinder..
Selon le type de forme que vous utilisez, créer une version plus petite ou plus grande de la forme peut ne pas être aussi simple que de réduire la taille. C'est le cas du dpad ci-dessous. Si vous deviez simplement copier, coller et redimensionner la taille, il n'y aurait pas une quantité égale d'espace entre chaque côté. En utilisant la technique suivante, il est facile de créer une version légèrement plus petite d’une forme complexe..
Sélectionnez l'objet et allez à Objet> Chemin> Chemin de décalage… Entrez la quantité de décalage souhaitée et appuyez sur OK..
Donner un décalage au rectangle, autour des deux boutons du milieu et des cercles à droite.
Donne aussi un décalage au rectangle principal qui constitue le contrôleur.
Les petits détails vont un long chemin. En utilisant un dégradé de rouge à blanc, remplissez les cercles comme indiqué. Notez que mon dégradé a trois points: blanc, rouge et rouge plus foncé. La couleur rouge plus sombre est un détail mineur qui aide à donner au bouton plus de gamme dynamique. À première vue, cela ne se remarque peut-être pas, mais cela fait une différence.
Attribuez à l'arrière-plan du contrôleur un dégradé de gris à noir. Veillez à utiliser un noir riche et non un noir en niveaux de gris. Le noir riche correspond à la couleur noire composée des valeurs "R," G "et" B. "Pour aller plus loin, utilisez une valeur nulle pour" R, "G" et "B."
Remarque: Si cette illustration devait être imprimée dans une imprimerie, vous utiliseriez un modèle CMJN. Le noir riche pour ce modèle serait C = 40, M = 30, Y = 20 et K = 100. Le graphique ci-dessous montre un modèle de couleur noire riche pour les illustrations RVB..
Faites les flèches qui vont sur le dpad en utilisant des formes simples. Utilisez l'outil étoile pour faire le triangle.
CONSEIL: ajustez le nombre de points sur l'outil Étoile en appuyant sur la flèche vers le haut ou vers le bas pendant.
Alignez vos formes verticalement et cliquez sur Ajouter à la zone de forme, comme indiqué ci-dessous, puis cliquez sur Développer..
Placez les flèches sur le dpad. Utilisez la palette Aligner pour vous assurer que tout est parfaitement aligné.
Donnez une lueur intérieure au rectangle le plus interne et aux deux boutons en allant dans Effet> Styliser> Inner Glow…
Assurez-vous que la couleur de remplissage des deux boutons est suffisamment claire pour que la lueur intérieure soit visible. Assurez-vous également de sélectionner Multiplier pour Mode..
Faites la même chose pour le cercle le plus à l'intérieur des autres boutons.
Et encore une fois sur les flèches, modifiez l’opacité et le flou en fonction de chaque élément auquel vous ajoutez une lueur intérieure..
Pour créer rapidement des tons clairs au bord des flèches, sélectionnez d'abord les quatre flèches et fusionnez-les dans Pathfinder à l'aide de l'option Ajouter à la zone de forme. Après cela, dupliquez les flèches et décalez-les comme indiqué ci-dessous. Sélectionnez les deux ensembles de flèches, puis cliquez à nouveau sur Soustraire de la zone de forme, puis sur Développer..
Pour ajouter au réalisme général du contrôleur, nous allons ajouter une réflexion au dpad. Dessinez un rectangle et faites-le pivoter légèrement. Superposez le rectangle sur le dpad, sélectionnez les deux formes et cliquez sur Diviser dans Pathfinder. Allez à Objet> Dissocier. Supprimer les formes restantes autour de l'extérieur du dpad.
Donnez aux deux moitiés du dpad un dégradé subtil. N'oubliez pas d'utiliser un noir riche au lieu d'un noir en niveaux de gris.
Ajoutez du texte de votre choix. Pour donner un dégradé au texte, vous devez d'abord sélectionner le texte, puis aller à Type> Créer des contours. Maintenant, remplissez le texte avec un dégradé de votre choix.
Créez le surlignage sur les boutons de la même manière que nous l’avons fait pour le surlignage des flèches du pavé numérique. Commencez par chevaucher deux cercles.
Placez la surbrillance sur les boutons et ajustez leur opacité à environ 50%.
Pour faire ressortir intensément le bas du bouton, nous allons commencer par dessiner une Ellipse à l'aide de l'outil Ellipse (L.).
Allez à Objet> Distorsion d'enveloppe> Créer avec déformation… Sélectionnez Arc dans le menu déroulant Style et entrez une valeur négative pour le Courbure. Cliquez sur OK.
Utilisez l'outil de sélection directe (A) pour affiner les poignées et les points de la forme..
Nous pouvons créer une ombre portée réaliste pour les objets en rendant floue une forme similaire à l'objet pour lequel nous souhaitons créer une ombre. Créez une ombre pour les deux boutons du milieu en rendant flou un rectangle arrondi en sélectionnant Effet> Flou> Flou gaussien..
CONSEIL: assurez-vous que votre illustration est à la taille souhaitée avant d'appliquer des effets de flou, car les effets de flou ne sont pas mis à l'échelle, quelles que soient les options sélectionnées dans les préférences d'Illustrator..
Placez l'ombre derrière les boutons, définissez le mode sur Multiplier et ajustez l'opacité à environ 50% (dans la palette de transparence)..
Créez des points forts et des points faibles pour le haut et le bas du contrôleur en utilisant la forme de base du contrôleur comme point de départ.
Calquez deux formes l'une sur l'autre et dans la palette Pathfinder, sélectionnez Exclure les zones de forme superposées, puis Développer. Si vous avez besoin de séparer les formes par la suite, sélectionnez Diviser, puis sélectionnez Objet> Dissocier..
Placez la surbrillance en haut et la faible en bas. Donner à chaque forme un gradient ténu.
Pour créer l’impression d’une zone en retrait, donnez à la forme mise en évidence ci-dessous un léger dégradé plus foncé en haut..
Pour que la cartouche de jeu vidéo utilise des rectangles qui ont été fusionnés comme point de départ.
Utilisez le rectangle à coins arrondis comme nous l'avons fait lors de plusieurs étapes précédentes pour créer les zones plus détaillées..
Pour créer facilement un motif de plusieurs rectangles, dessinez simplement deux rectangles et placez-les à la distance souhaitée..
Sélectionnez les deux rectangles et allez à Objet> Fusion> Options de fusion… Sélectionnez Étapes spécifiées et entrez un nombre d'environ 20. Cliquez sur OK..
Allez à Objet> Mélanger> Faire et le résultat produira quelque chose de similaire à l'image ci-dessous. Pour continuer à éditer les formes, vous devrez aller à Objet> Développer.
Donner à la cartouche un dégradé radial.
L'étiquette aura également besoin d'un simple dégradé de gris à blanc.
Donnez une lueur intérieure au triangle en allant dans Effet> Styliser> Inner Glow…
Ajoutez un trait fin (mince) au triangle à l'aide de la palette Trait.
Sélectionnez le motif des rectangles et appliquez-leur un léger dégradé.
Donnez une impression de profondeur en dupliquant le motif rectangle et en le remplissant d’une couleur gris plus foncé. Puisque nous n'allons pas vers un noir intense, vous n'avez pas à vous soucier de l'utilisation d'un noir riche..
Sélectionnez le rectangle qui se trouve près du bord supérieur de la cartouche et donnez-lui une opacité d'environ 85%..
Ajoutez des petits rehauts au bord de la cartouche en donnant au rectangle un léger dégradé.
Donne aussi un dégradé au côté.
Créer la plume est plus facile que vous ne le pensez. Utilisez l'outil Crayon (N) et dessinez une forme de plume organique comme indiqué..
Dessinez les zones qui coupent la plume à l'aide de l'outil Crayon. Il sera peut-être plus facile de dessiner plusieurs de ces formes à la fois, au lieu de toutes en même temps..
Utilisez l'option Soustraire de la zone de forme pour supprimer les formes de la partie principale de la plume..
Utilisez l'outil Crayon (P) pour dessiner la partie centrale de la plume et lui donner un dégradé de rouge brillant..
Il est pratiquement facile de donner l’impression de la plume comme une illustration sur l’étiquette de la cartouche en utilisant la technique suivante. Copiez l'étiquette de la cartouche et retirez le trait et le remplissage. Assurez-vous que cette forme se trouve devant la plume, sélectionnez la forme de la plume et celle de la cartouche, puis sélectionnez Objet> Masque de découpage> Créer. Maintenant, tout ce qui se trouve en dehors de la cartouche sera masqué!
Créez l'arrière-plan à l'aide de l'outil Rectangle arrondi. Remplissez-le avec un dégradé de bleu intense.
Sélectionnez les formes principales qui composent le contrôleur et la cartouche. Allez à Effet> Styliser> Lueur extérieure… Assurez-vous de régler le Mode sur Écran pour que votre lueur extérieure soit visible..
Créez une ombre pour le contrôleur et la cartouche en rendant flou un rectangle dont le remplissage est un dégradé avec du blanc sur les deux bords. Dans la palette de transparence, définissez le mode sur Multiplier et ajustez l'opacité à environ 90%..
Terminez l'illustration en rendant un rectangle flou et en le plaçant derrière le contrôleur. Cela donnera l’illusion que le contrôleur flotte devant la cartouche.
Voici l'illustration finale! Étant donné que les surfaces et le style général du contrôleur et de la cartouche sont plats et carrés, ce style d’illustration vectorielle fonctionne parfaitement. Êtes-vous prêt à intensifier votre jeu de vecteur?
Accentsconagua