Maison  >  Article  >  interface Web  >  Tutoriel sur la façon de concevoir une page d'accueil de site Web de jeu de scène de bataille super cool à l'aide de Photoshop

Tutoriel sur la façon de concevoir une page d'accueil de site Web de jeu de scène de bataille super cool à l'aide de Photoshop

黄舟
黄舟original
2017-05-14 10:26:222589parcourir

Ce didacticiel enseigne aux passionnés de Script House PS comment utiliser Photoshop pour concevoir une page d'accueil de site Web de jeu de scène de bataille super cool. Il existe de nombreuses formes de partage sur le marché et différentes façons de le créer. Cependant, il n'existe pas de tutoriel aussi détaillé sur la création de l'ambiance scénique du jeu. Si vous êtes intéressé, allez y jeter un œil

Effet final : <.>

Tutoriel sur la façon de concevoir une page daccueil de site Web de jeu de scène de bataille super cool à laide de Photoshop

Processus principal :

1.

Tutoriel sur la façon de concevoir une page daccueil de site Web de jeu de scène de bataille super cool à laide de Photoshop

2. Selon la référence visuelle, Brawl est une image qui rayonne du centre vers les environs, donc la sélection de scènes est également symétrique et graphique divergente.

Tutoriel sur la façon de concevoir une page daccueil de site Web de jeu de scène de bataille super cool à laide de Photoshop

Tutoriel sur la façon de concevoir une page daccueil de site Web de jeu de scène de bataille super cool à laide de Photoshop

3. Afin d'assurer l'équilibre de l'image, il est plus sûr de conserver les mouvements des personnages environnants. symétrique, j'ai donc choisi ces 3 personnages conçus en fonction de leurs actions. Les deux personnages du pistolet féminin et du raton laveur sont utilisés à gauche car ils sont relativement minces et petits, afin de maintenir un équilibre avec le fort chevalier masculin de droite.

Tutoriel sur la façon de concevoir une page daccueil de site Web de jeu de scène de bataille super cool à laide de Photoshop

4. Source de lumière fixe (la source de lumière est divisée en 2 types : 1. Source de lumière chaude 2. Source de lumière froide).

Tutoriel sur la façon de concevoir une page daccueil de site Web de jeu de scène de bataille super cool à laide de Photoshop

5. L'objectif principal ici est de définir la source de lumière pour la scène (éclairer le milieu et assombrir les environs). Utilisez la source de lumière principale jaune chaud pour éclairer la scène. au milieu et utilisez une lumière froide bleue pour le contraste sur les côtés, la raison pour laquelle cela est fait est de rendre l'image du thème central plus proéminente.

Tutoriel sur la façon de concevoir une page daccueil de site Web de jeu de scène de bataille super cool à laide de Photoshop

6. Dupliquez un calque de la scène et appliquez le flou gaussien à la peinture originale sur le nouveau calque. Sélectionnez la propriété de couleur de filtre

du calque , ajoutez un masque de filtre au calque flou pour l'effacer et utilisez un pinceau pour effacer les zones qui n'ont pas besoin d'être floues. Cette méthode peut ajouter de la profondeur. champ jusqu'à la scène.

Tutoriel sur la façon de concevoir une page daccueil de site Web de jeu de scène de bataille super cool à laide de Photoshop

7. Utilisez « Niveaux » (touche de raccourci Ctrl+L) pour approfondir les parties sombres de la scène, augmenter les parties claires et améliorer le contraste.

Tutoriel sur la façon de concevoir une page daccueil de site Web de jeu de scène de bataille super cool à laide de Photoshop

8. L'ambiance de la scène est désormais en place, comme indiqué ci-dessous.

Tutoriel sur la façon de concevoir une page daccueil de site Web de jeu de scène de bataille super cool à laide de Photoshop

9. Utilisez le réglage des « niveaux de couleur » (touche de raccourci Ctrl+L) pour renforcer le contraste et la texture clairs et sombres du personnage. Utilisez « Burn and Dodge » pour éclaircir le côté recevant la lumière du personnage et assombrir le côté rétro-éclairé du personnage. Renforcez l'effet d'éclairage de la source lumineuse, rendant les personnages plus tridimensionnels et l'image plus spacieuse.

Tutoriel sur la façon de concevoir une page daccueil de site Web de jeu de scène de bataille super cool à laide de Photoshop

10. Selon la source de lumière, ajoutez une sélection de forme au personnage et remplissez-le de noir.

Tutoriel sur la façon de concevoir une page daccueil de site Web de jeu de scène de bataille super cool à laide de Photoshop

11. Ajustez la transparence du calque afin que la clarté et l'obscurité du personnage et de l'arrière-plan soient dans le même niveau d'environnement. Ajoutez un calque de masque et effacez les reflets en fonction de la direction de la source lumineuse.

Tutoriel sur la façon de concevoir une page daccueil de site Web de jeu de scène de bataille super cool à laide de Photoshop

12. Les autres héros sont traités de la même manière pour obtenir l'image finale.

Tutoriel sur la façon de concevoir une page daccueil de site Web de jeu de scène de bataille super cool à laide de Photoshop

13. La recherche de couleur est un calque de réglage, son emplacement est comme indiqué ci-dessous. Après avoir ajouté la recherche de couleurs, recherchez le fichier 3DLUT dans le panneau de recherche de couleurs déroulant et vous pourrez voir de nombreux styles avec des effets spéciaux intégrés, notamment froid, chaud, lourd et frais. Vous pouvez les essayer un par un et les utiliser directement si vous en trouvez un qui vous convient. Pas grand chose à dire ici.

Tutoriel sur la façon de concevoir une page daccueil de site Web de jeu de scène de bataille super cool à laide de Photoshop

14. Créez un nouveau calque et utilisez le mode de fusion de couche de lumière douce ou de superposition. Utilisez le pinceau pour absorber le jaune chaud, puis utilisez le pinceau pour ajouter une source de lumière chaude à la source de lumière principale.

Tutoriel sur la façon de concevoir une page daccueil de site Web de jeu de scène de bataille super cool à laide de Photoshop

Tutoriel sur la façon de concevoir une page daccueil de site Web de jeu de scène de bataille super cool à laide de Photoshop

15. Utilisez "Balance des couleurs", "Saturation des teintes", "Niveaux", etc. pour ajuster les calques ! Vous pouvez rapidement obtenir l'atmosphère et le ton de l'image que vous souhaitez.

Tutoriel sur la façon de concevoir une page daccueil de site Web de jeu de scène de bataille super cool à laide de Photoshop

Tutoriel sur la façon de concevoir une page daccueil de site Web de jeu de scène de bataille super cool à laide de Photoshop

16. Créez un nouveau calque et utilisez le mode de fusion des calques de lumière douce. Utilisez un pinceau noir pour assombrir les zones environnantes de l’image et mettre à nouveau en surbrillance l’image centrale.

Tutoriel sur la façon de concevoir une page daccueil de site Web de jeu de scène de bataille super cool à laide de Photoshop

17. Créez un nouveau calque, remplissez-le de gris et utilisez-le comme arrière-plan du module de contenu pour créer un effet de dégradé avec la scène.

Tutoriel sur la façon de concevoir une page daccueil de site Web de jeu de scène de bataille super cool à laide de Photoshop

18. Conception de police.

Tutoriel sur la façon de concevoir une page daccueil de site Web de jeu de scène de bataille super cool à laide de Photoshop

19. Les objets flottants peuvent apparaître sous de nombreuses formes. L'ajout de flocons de neige flottants, d'effets de lumière d'étoile, etc. selon les besoins de l'image rendra l'image plus détaillée et améliorée. la texture de l'image.

Tutoriel sur la façon de concevoir une page daccueil de site Web de jeu de scène de bataille super cool à laide de Photoshop

20. Ajoutez des éclaboussures de gravier sous les pieds des personnages de l'image pour améliorer la puissance de l'image et la rendre instantanément choquante. L'ajout correct d'objets flottants peut ajouter ! Atmosphère à l'image, et créer une sensation d'espace est un outil épique pour se montrer.

Tutoriel sur la façon de concevoir une page daccueil de site Web de jeu de scène de bataille super cool à laide de Photoshop

21. L'écran est presque créé. Ensuite, concevez la conception de l'interface de la boîte d'enregistrement de connexion d'en-tête.

Tutoriel sur la façon de concevoir une page daccueil de site Web de jeu de scène de bataille super cool à laide de Photoshop

Effet final :

Tutoriel sur la façon de concevoir une page daccueil de site Web de jeu de scène de bataille super cool à laide de Photoshop

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn