Warum ist mein Charakter im Hintergrund verloren?

Ich designe und entwickle einen 2D-Platformer und habe Probleme mit dem Look and Feel des Spiels. Das Spiel handelt von einem Erfinder, der für die Kriegsführung entführt wird. Thema: Kindisch aber traurig.

Es gibt drei weitere Schichten: den blauen, rissigen Himmel, die Säulen, Doodads (wie die Rakete) und die Kacheln.

Bildschirmfoto

(Der haarige Typ in der Mitte ist der Protagonist.)

Was sollte geändert werden, um den Charakter hervorzuheben?

Welche Palette sollten die Kacheln, die Schriftart und der Hintergrund haben, um die Figur in den Mittelpunkt der Aufmerksamkeit zu rücken?

Welche Farben sollen sich um die Figur und das Thema drehen?

Bearbeiten:

Dies ist die überarbeitete Farbpalette. Ich hätte Farbtheorie studieren sollen, bevor ich wie verrückt gezeichnet habe.

Geben Sie hier die Bildbeschreibung ein

Kontrast kann in anderen Dingen bestehen: Kontrastbewegungsgeschwindigkeit (Parallax-Scrolling): youtube.com/watch?v=aRExmZIurUs und Parallax-Scrolling mit atmosphärischer Perspektive: youtube.com/watch?v=UfGqAdQw8jk . Ein weiterer Kontrast besteht zwischen scharfen Kanten und weichen Kanten (insbesondere Schärfentiefe): Die wichtigen Teile sind scharf fokussiert, während Dinge, die ignoriert werden können, verschwommen sind.
Es geht nicht unbedingt immer um Farbe oder die Fähigkeit, gut zu zeichnen. Es gibt dieses sehr gut gemachte Flash-basierte Spiel namens N i.stack.imgur.com/t5FiF.jpg - devppl.com/flash-game/fullscreen/n-game. Sehr einfache Grafik (einfache geometrische Formen), aber ein sehr gut gemachtes Spiel. Vielleicht kann dich das inspirieren.. oder so.
Andere Farbe (der Kopf hat ungefähr die gleiche Farbe wie die Blöcke) und vielleicht dickere Linien. Sie haben sich für einen "geschäftigen" Hintergrund entschieden, dann besteht die Gefahr, dass er sozusagen zu sehr "nach vorne kommt". Wenn das BG sehr auffällt, heben Sie die Sprites vorne viel mehr hervor.

Antworten (3)

Wie kann man etwas hervorheben? Kontrast. Am einfachsten ist es, dunkle vs. helle oder gegensätzliche Farben wie Rot und Grün zu verwenden.

Das Problem, das Sie haben, ist, dass Ihr Charakter auch mit den Kacheln verschmilzt, während der Hintergrund reich an Farben ist. Was uns dazu bringt, zuerst den Hintergrund zu betrachten. Grundsätzlich, schauen Sie sich jedes ähnliche Spiel an, Sie werden sehen, dass Hintergrund und Vordergrund getrennt sind. Und meistens wird der Hintergrund ausgeblendet, was auch die Illusion von Tiefe hinzufügt. Schauen Sie sich dieses Beispiel an, der Vordergrund ist satt und der Hintergrund verschwindet allmählich. Dann gibt es auch Komplexität, komplexe und detaillierte Charaktere und kastenförmigere Hintergründe. All dies lenkt den Fokus auf den Mai-Charakter, genau das, wonach Sie fragen.

Also würde ich entweder Ihre Palette umkehren, hinten hell und gräulich werden oder Ihren Hintergrund verdunkeln, damit er weniger "hervorspringt". Es heißt aus gutem Grund Hintergrund.

Es gibt auch ein Formkontrastproblem - Ihr Protagonist ähnelt stark den Pflanzen (?) hinter ihm.
+1. Beachten Sie, dass „Kontrast“ nicht nur „hell und dunkel“ bedeutet, sondern auch „anders“. Ein Begriff, der dafür nützlich sein kann, ist "atmosphärische Perspektive": Sie haben die Luft, die über die Entfernung den Farb- und Texturkontrast verringert. In einem Spiel könnte dies als Farbfilter gerendert werden: Rendern Sie Ihren Hintergrund (einige Spiele verwenden 3 Ebenen, wie in den alten Popeye-Cartoons), legen Sie einen blauen Farbfilter über die gesamte Ebene und rendern Sie dann die nächste Ebene darüber. Diese Methode gibt Ihnen "freie Beleuchtung", indem Sie die Farbe der Filter ändern können.
Ich habe alle Vorschläge auf das neue Mock-up angewendet. Wertvolle Lektion: Lernen Sie die Farbtheorie, bevor Sie ein Spiel entwerfen.

Sieht aus wie ein Fall von zu viel Kontrast. Versuchen Sie in Photoshop/Gimp/was auch immer, einen Teil der grünen Dinge und eine Probe des zerbrochenen Himmels, des Charakters usw. zu betrachten. Sehen Sie sich die Histogramme davon an. Sie umfassen jeweils einen breiten Bereich von Werten, von schwarz oder fast schwarz bis weiß oder fast weiß.

Objekte und Hintergrund sind für das Auge leichter zu trennen, wenn sich ihre Wertebereiche nicht oder nur geringfügig überschneiden. Ein helles Objekt mit mäßig kontrastreichen Details passt gut vor einen völlig dunklen, kontrastarmen Hintergrund und umgekehrt. Aber ein kontrastreiches Objekt mit mittlerem Wert über einem kontrastärmeren Hintergrund mit mittlerem Wert wird nicht so gut funktionieren, und egal, wenn Vorder- und Hintergrund beide kontrastreich sind.

Versuchen Sie in Ihrem Beispielbild, die grünen Fuzzypuffs neu zu malen, damit sie alle etwas heller und dunkler sind. Das wird helfen, aber das ist nicht das Hauptproblem. Die Kacheln sind sehr hart kontrastiert. Sie möchten sie natürlich visuell im Vordergrund haben, aber ihre sehr leichte Textur mit absolut schwarzen Konturen lenkt die visuelle Aufmerksamkeit von allem anderen ab, sodass Ihre Hauptfigur und der Hintergrund dazu neigen, zusammen in Unwichtigkeit zu treten. Diese sind für unser Bewusstsein nicht unwichtig, aber auf einer bestimmten Ebene der visuellen Verarbeitung in unserem Auge/Gehirn-System geht die Bedeutungsbeziehung zum Objekt verloren.

Neben nicht überlappenden Wertebereichen und allgemein mäßigen Kontrastbereichen können Sie gut getrennte Farbbereiche ausprobieren - zum Beispiel ein leuchtend rotes Objekt auf einem wässrigen blaugrünen Hintergrund. Mario im verlinkten Bild von KMSTR sticht dadurch hervor, dass es satt rot ist und dunkler (nicht dunkel, nur dunkler) als die Umgebung.

Die langfristige allgemeine Lösung: Nehmen Sie an informellen Kunstkursen teil. Auch erfahrene Computergrafik-Experten können von ein bisschen Malen oder Kohlezeichnen profitieren.

Ich denke, dass Sie vielleicht ein wenig Kontrast hinzufügen sollten. Für mich scheint es, dass Sie zu viele analoge Farben haben gehen Sie für Primärfarben.