Share
Une bonne capture d'écran peut vraiment vendre votre jeu. Dans ce tutoriel, je vais décrire plusieurs astuces simples qui amélioreront la qualité de vos captures d'écran. Ces astuces sont assez génériques pour être appliquées à la plupart des jeux, qu’ils soient en 2D ou en 3D. Je vais parler des outils qui vous aident à choisir une meilleure position et un angle de vue, des considérations sur l'interface utilisateur, des façons d'améliorer les couleurs des captures d'écran, des problèmes de rognage, etc..
Les captures d'écran sont importantes pour plusieurs raisons:
Et bien sur, bien les captures d'écran vont améliorer toutes ces choses.
Bien qu'il existe des outils externes pour créer des captures d'écran, la création de vos captures d'écran de jeu est utile de plusieurs manières:
Malheureusement, cela pourrait ne pas être une option (ou pourrait être trop difficile) dans certains moteurs. Heureusement, cela est déjà fait pour vous dans de nombreux moteurs; vous aurez juste besoin de l'adapter à vos besoins.
Vous voulez faire une belle capture d'écran, mais les ennemis s'enfuient ou apparaissent soudainement et attaquent votre personnage. Ou cet effet de particules que vous souhaitez capturer est tellement insaisissable.
La solution? Ajoutez un bouton qui met votre jeu en pause instantanément (et le met en pause lorsque vous appuyez à nouveau) tout en vous permettant de déplacer la caméra pour obtenir le bon angle pour votre capture d'écran..
Je trouve cette fonctionnalité extrêmement utile. Vous pouvez capturer n’importe quelle image, que le joueur puisse ou non la voir normalement dans le jeu. Vous pouvez obtenir des gros plans du paysage ou des personnages. Vous pouvez également l'utiliser pour déboguer votre jeu, en le mettant en pause pour analyser la situation, ce qui est encore plus utile si vous avez des aides visuelles au débogage..
Vous pouvez encore améliorer ce mode de pause en ajoutant un bouton pour activer votre jeu en une seule étape ou en l'exécutant au ralenti. Cela vous aidera à capturer le bon moment de l'animation (en plus de l'angle de la caméra) et est également très utile pour le débogage.
L’objectif du mode pause avec une caméra active est la composition de vos captures d’écran. Le sujet de la composition dépasse le cadre de cet article, mais il existe une chose simple à faire pour vous aider: ajoutez des lignes directrices.
La règle des tiers est un moyen courant de composer des images. Vous pouvez également trouver le nombre d'or utile. Bien sûr, vous pouvez toujours garder un œil sur les choses, mais si vous avez des problèmes avec cela, les directives sont utiles. Assurez-vous de ne pas inclure ces instructions dans la capture d'écran, bien que!
Vous pouvez également utiliser les instructions pour prévisualiser l’aspect de l’image lorsqu’elle est rognée selon différents formats. Plus à ce sujet ci-dessous.
Le personnage contrôlé par le joueur est souvent un élément important dans la composition de vos captures d'écran. Économisez beaucoup de temps et de peine en facilitant le déplacement où vous le souhaitez dans votre niveau.
La méthode exacte varie en fonction de votre jeu, mais quelque chose comme "pointer et appuyer sur un bouton" ou "maintenir le bouton et le point" est généralement le meilleur choix. Le mode de mouvement turbo sans clip fonctionne bien également. Vous n'avez pas besoin de vous rendre n'importe où en un saut, mais aller n'importe où en quelques secondes est essentiel..
Dans mon jeu LEVEL UP! J'ai un "mode d'affichage" qui est activé avec une simple pression sur une touche. La vue peut être rapidement défilée à l'aide de la souris et le personnage peut être téléporté dans le réticule en appuyant simplement sur un bouton:
Et, encore une fois, vous trouverez cette fonctionnalité utile pour d’autres tâches, comme tester vos niveaux et vos mécanismes ou déboguer votre jeu..
Évitez de mettre trop de texte dans vos captures d'écran. Dans l’ensemble, vous faites des photos; si vous voulez dire quelque chose avec du texte, vous feriez mieux de l'écrire séparément.
L’interface utilisateur prend beaucoup de temps à faire, vous voudrez donc naturellement la montrer dans vos captures d’écran (je sais que je le fais). Mais ce n'est pas une bonne idée. C'est une bonne capture d'écran de développement sur votre blog, mais les interfaces utilisateur et les menus ne devraient pas être le centre des captures d'écran de votre galerie de jeux, sauf s'il s'agit d'une simulation hardcore avec de vastes feuilles de calcul ou quelque chose du genre..
Cependant, il existe un autre type d'interface utilisateur: le HUD (affichage tête haute) ou l'interface de jeu (cette dernière est principalement destinée aux jeux de stratégie). Vous devriez considérer si vous le souhaitez dans vos captures d'écran.
Le HUD fournit des informations sur les mécanismes de jeu et le gameplay aux personnes assez intéressées. Cela signifie qu'il peut offrir plus d'informations sur votre jeu:
Toutefois, si l'interface est souvent redondante sur plusieurs captures d'écran, il est également possible que vous ne souhaitiez pas le faire pour des raisons marketing (travail en amont, concurrence, vol). Il cache et encombre aussi votre art. C'est nécessaire lorsque vous jouez au jeu, mais pas lorsque vous montrez ses images à d'autres.
Comme vous pouvez le constater, l'inclusion de l'interface utilisateur présente plus d'inconvénients que d'avantages, mais vous devez les peser vous-même pour votre jeu..
Même si vous décidez de conserver le HUD dans vos captures d'écran, l'ajout d'un bouton pour le basculer reste une bonne idée. Vous aurez peut-être besoin de vos illustrations de jeu pour des choses autres que les captures d'écran: conception de site, documents imprimés et publicités.
Et bien sûr, vos joueurs voudront peut-être prendre de belles captures d'écran de votre jeu pour les partager sur le Web ou créer des fonds d'écran, où un HUD vous gênera..
Un histogramme indique le nombre de pixels pour chaque niveau de luminosité sous forme de barre. Vous pouvez le trouver dans Photoshop, GIMP (dans une fenêtre séparée) et Paint.NET (dans Réglages> Niveaux). Les exemples ci-dessous utilisent l'histogramme GIMP, avec une échelle logarithmique pour plus de clarté..
Commençons par cette capture d'écran. Vous pouvez voir des feux de joie et probablement des ennemis et des murs si vous louchez. Jetons un coup d'oeil à son histogramme:
L'écart à l'extrême gauche représente les couleurs sombres inutilisées - il n'y a pas de noir dans l'image! L’écart à droite (environ un tiers de la plage) représente les couleurs claires non utilisées (jusqu’au blanc)..
Les couleurs réelles de l'image n'utilisent que la moitié de la plage totale, ce qui est mauvais. Corrigeons-le avec un peu de post-traitement. Je vais utiliser l'ajustement "Niveaux", qui est disponible dans de nombreux programmes de traitement graphique, et définir la plage d'entrée pour qu'elle corresponde aux couleurs utilisées dans l'histogramme et ajuster un peu le gamma (courbe):
Ce n'est pas idéal, mais c'est beaucoup mieux. Regardons maintenant l'histogramme:
Comme vous pouvez le constater, les couleurs utilisées remplissent maintenant toute la plage de luminosité; l'ajustement "étiré" les valeurs de couleur pour remplir la plage. Cela peut être fait automatiquement comme étape de post-traitement dans votre rendu. Vous pouvez également essayer d'autres effets de traitement dans le programme de manipulation d'images de votre choix, puis appliquer ceux que vous aimez dans votre jeu..
Cependant, il y a une autre façon.
L'histogramme de capture d'écran d'origine nous indique qu'il manque des couleurs sombres et lumineuses, de sorte que la plage utilisée est plus petite que ce qu'elle pourrait être. Réglons cela en améliorant l'art. Les choses brillantes ici sont les flammes et les yeux de monstre, et les plus sombres sont le fond (sol) et les cendres.
Ok, ça a l'air encore mieux que celui post-traité. Qu'en est-il de son histogramme maintenant?
Comme vous le voyez, la plage de luminosité est beaucoup mieux utilisée maintenant. Bien sûr, vous pouvez combiner des ajustements artistiques avec du post-traitement!
J'ai compressé l'extrémité la plus claire de la plage (les flammes), en y sacrifiant des détails pour étendre la plage du reste de l'image:
Et voici à nouveau l'original à comparer:
Partout où il y a une galerie de captures d'écran pour votre jeu (votre site, une boutique en ligne, etc.), il est préférable de conserver la résolution de la capture d'écran dans cette galerie. À tout le moins, vous devriez garder le aspect rapport (comme 16: 9, 4: 3 ou 2: 1) cohérent.
Cela soulève la question de savoir comment choisir la meilleure résolution d’écran pour votre jeu. Déterminez quelle est votre plate-forme cible principale et choisissez la résolution et le format d'image en fonction..
Quelle que soit la résolution choisie, vous rencontrerez tôt ou tard le problème de recadrage. Qu'il s'agisse de photos Twitter ou de Capture d'écran samedi, certains sites recadreront vos images conformément à leurs normes..
Pour y faire face, je vous recommande de garder les choses les plus intéressantes au centre de votre capture d'écran et de vérifier comment elles seront coupées au carré. L'ajout de directives dans votre jeu peut également vous aider. Vous pouvez également ajouter des directives pour d’autres rapports de format si vous en avez besoin..
Un autre problème similaire se pose lorsque vos images sont réduites pour créer des vignettes. Cela supprime efficacement les petits détails haute fréquence de votre capture d'écran, ne laissant que les grandes fonctionnalités basse fréquence. Donc, assurez-vous de les avoir et qu’ils ont un contraste assez élevé. C’est bon pour votre jeu aussi, car il est plus facile d’obtenir ce qui est à l’écran lorsque de larges caractéristiques visuelles contrastées guident votre regard..
Pour vous aider, ajoutez une vignette d’aperçu qui s’affiche avec d’autres outils de capture d’écran, tels que des instructions..
Certains jeux semblent bien en mouvement, mais pas aussi bons dans les captures d'écran. Et parfois, une image statique ne peut tout simplement pas donner assez d'informations sur votre jeu..
Pensez à créer des captures d'écran animées avec des GIF. Il existe d'autres moyens de le faire, mais les fichiers GIF sont largement pris en charge, ce qui permet à de nombreuses personnes de les visualiser sur différents appareils. Si vous voulez être plus moderne ou plus efficace, essayez Gfycat pour les vidéos HTML5..
Vous pouvez enregistrer une vidéo et la convertir au format GIF ou utiliser un programme permettant d’enregistrer directement au format GIF, comme GifCam ou LICEcap..
Cette fonctionnalité est intégrée à FRAPS et vous pouvez l’implémenter directement dans votre jeu. L'idée est que le programme enregistre toujours dans une mémoire tampon de taille limitée, disons 30 secondes de vidéo. Donc, lorsque vous jouez à votre jeu, faites quelque chose et pensez "hé, c'était génial", vous pouvez simplement appuyer sur un bouton pour enregistrer une vidéo des 30 dernières secondes avant vous avez appuyé dessus, comme si l'enregistrement avait commencé il y a 30 secondes.
Vous connaissez maintenant plusieurs outils et méthodes qui vous aideront à présenter votre jeu de la meilleure façon possible: mode de pause active et téléportage du personnage du joueur pour obtenir la meilleure vue, masquant votre HUD (ou le conservant, et quand le faire), analyser l'histogramme de votre capture d'écran pour améliorer ses couleurs et utiliser des recommandations pour vous aider à recadrer et à composer.
Bon nombre de ces conseils vous aideront également à développer le jeu et amélioreront la qualité de vos dessins et de vos captures d'écran réalisées par la communauté..
Accentsconagua