Design de cartouche de jeu super rétro

La semaine dernière, j'ai interviewé un designer de renom, James White. Une des choses que j'aime vraiment dans son travail est son utilisation du style rétro. J'ai donc décidé d'explorer davantage cette possibilité. Suivant cette idée, dans ce tutoriel, je vais vous montrer comment créer un effet 3D très simple, mais vraiment cool, géométrique dans Photoshop. Après cela, nous irons un peu plus loin et créerons notre propre cartouche de jeu vidéo de style Atari rétro..

Étape 1

Créez un nouveau document. J'ai utilisé 600x600. Ajoutez un nouveau calque et remplissez-le de blanc en le nommant "Blocs". Après cela, allez dans Filtre> Styliser> Extruder.

Sélectionnez Blocs pour le type. Utilisez une taille de 50 pixels, Profondeur 255 et Aléatoire, puis sélectionnez "Face avant solide". option.

Étape 2

Allez à Image> Réglages> Niveaux, utilisez l'image ci-dessous pour référence

Étape 3

Allez dans Image> Réglages> Inverser. Maintenant nous aurons une image sombre.

Étape 4

Ici, nous allons donner le vrai effet 3D. Allez dans Filtre> Flou> Flou radial. Utilisez la quantité maximale, 100. Pour la méthode de flou, utilisez Zoom et qualité optimale..

Étape 5

Maintenant, allez à Calque> Nouveau calque de remplissage> Dégradé. Ensuite, pour les couleurs, utilisez le rouge, le vert et le cyan. Cela donnera aux années 1980 un sentiment d’image. Changer le mode de fusion en superposition.

Étape 6

Créez un nouveau dossier au-dessus du calque dégradé, en le nommant «Lumières», puis sélectionnez l'outil Ligne (U) et le blanc pour la couleur. Créez ensuite des lignes sur le bord de certains éléments, comme l'image ci-dessous..

Étape 7

Fusionner toutes les lignes dans un calque et accédez à Filtre> Flou> Flou radial. Utilisez 40 pour le montant, le zoom pour la méthode et la meilleure qualité. Après cela, changez les "Lumières". mode de fusion à Color Dodge.

Étape 8

À l'aide de l'outil Baguette magique (W), sélectionnez la zone noire des «blocs». couche. Puis, avec l’outil Rectangle de sélection (M), désélectionnez certaines zones. Pour ce faire, il suffit de sélectionner les zones que vous souhaitez désélectionner en maintenant la touche Alt enfoncée. Il y aura un symbole moins (-) à côté de l'icône du curseur.

Après cela, créez un nouveau calque au-dessus de tous les autres et accédez à Calque> Masque de calque> Afficher la sélection..

Étape 9

Remplissez le nouveau calque avec du noir. Allez dans Filtre> Bruit> Ajouter du bruit. Utilisez 20% pour le montant, la distribution gaussienne et monochromatique. Ensuite, allez à Image> Réglages> Niveaux et augmentez la quantité de noir. Cela va créer des étoiles dans notre conception.

Étape 10

Regroupez toutes les couches et tous les dossiers et nommez le dossier «conception». Sélectionnez ensuite l'outil Rectangle arrondi (U) et créez un tracé arrondi..

Après cela, allez à la palette du chemin et cliquez sur l’icône «Charger le chemin en tant que sélection». Ensuite, nous aurons une sélection. Il suffit donc d'aller à Calque> Masque de calque> Révéler la sélection.

Étape 11

Tout d'abord, allez à Image> Taille de la toile. Rendre le document 600x900 pixels. À l'aide de l'outil Rectangle arrondi (U), créez un nouveau calque de forme similaire à l'image ci-dessous. Ensuite, allez dans Filtre> Bruit> Ajouter du bruit. Utilisez 8% pour le montant, la distribution gaussienne et monochromatique.

Modifions maintenant le style de calque. Tout d'abord, ajoutez une superposition de dégradé, puis un biseau et un estampage, comme dans l'image ci-dessous..

Étape 12

Créez un nouveau rectangle arrondi, cette fois plus petit que le précédent. Ce sera notre label. Appliquer un style de calque: utilisez le noir pour la superposition de couleurs, le noir pour le trait et définissez Biseau et estampage. Référencez les paramètres ci-dessous.

Étape 13

Réduisez la taille de notre "Design" dossier, comme l'image ci-dessous. Créez ensuite un nouveau calque. Remplissez-le avec un dégradé utilisant du noir et un gris foncé.

Étape 14

Créez un nouveau rectangle arrondi au bas de la cartouche, ce qui la rend légèrement plus grande. Allez dans Filtre> Flou> Flou gaussien. Utilisez 3.5 pour le rayon. Maintenant nous avons l'ombre de la cartouche.

Étape 15

Maintenant, nous ajoutons le texte. Le type de police le plus utilisé pour les cartouches Atari était Bauhaus; alors, nous suivrons la règle. Créez du texte. Les couleurs sont très importantes ici aussi. Vous pouvez utiliser du rouge, du jaune, du bleu ou du vert. L'image ci-dessous utilise l'orange. Une couleur neutre fonctionnera bien pour le texte secondaire, comme le blanc ou le gris clair.

Conclusion

C'est incroyable ce que nous pouvons faire en combinant des filtres dans Photoshop. Dans ce cas, nous avons créé une conception 3D abstraite à l'aide des filtres Extrusion et Flou radial. Vous pouvez ajouter plus d'éléments et de lumières pour rendre le design encore meilleur, mais cela dépend de vous. L'idée est de vous montrer que jouer dans Photoshop est important. Vous ne savez jamais ce que vous allez découvrir.