Game UI erstellen

[cjs]

Hallo zusammen,
in der Hoffnung eine Hilfestellung zu bekommen poste ich mal meine Fragen hier (auch wenn z.Z. in dieser Rubrik nicht viel los zu sein scheint).

Ich würde gerne ein Game-UI erstellen, bin aber noch völlig planlos in welcher Größe so etwas angelegt werden sollte. Das Spiel wird eine max. Auflösung von 4K erhalten. Jetzt war mein erster Gedanke eine 4K-Blanko-Datei zu erstellen und in dieser Datei abzuschätzen wie groß die einzelnen UI-Elemente sein könnten. Auf dieser Basis würde ich dann die Grafiken erstellen.

Ist der Denkansatz richtig, oder mache ich damit was völlig sinnfreies?
Falls richtig: wieviel DPI sollte ich einer solchen Grafik für den Bildschirm zuweisen?

Danke vorab!

 

[liselotte]

Falls richtig: wieviel DPI sollte ich einer solchen Grafik für den Bildschirm zuweisen?

Das ist Scheiß EGAL, sorry das hatten wir schon zu oft

Ich würde gerne ein Game-UI erstellen, bin aber noch völlig planlos in welcher Größe so etwas angelegt werden sollte. Das Spiel wird eine max. Auflösung von 4K erhalten. Jetzt war mein erster Gedanke eine 4K-Blanko-Datei zu erstellen und in dieser Datei abzuschätzen wie groß die einzelnen UI-Elemente sein könnten.

Ich würde in 4k beginnen
Es ist sinnvoll die Grafiken in den höchsten Pixelmaßen zu erstellen (kleiner machen geht besser als vergrößern)
So meine Gedanken
MfG

 

[cjs]

Aye liselotte.
Wieder was über PS gelernt. Ich dachte mir zwar bereits die dpi-Angabe macht bei Zuweisung der Pixel nicht so viel Sinn, aber good to know dass es tatsächlich so ist.
Danke für deine Einschätzung!

 

[LikeLowLight]

Wieder was über PS gelernt

Hat ja eigentlich nichts mit PS zu tun. Wenn Du eine Grafik für eine bestimmte Bildschirmauflösung erstellst, dann ist es natürlich so, dass man ein Dokument mit b x h Pixel anlegt, also b...Breite, h...Höhe. Ob Du das in PS oder irgendeinem anderem Grafikprogramm tust, ist egal. dpi heißt dots per inch, das hat mit der Anzahl der Pixel am Monitor nichts zu tun. Hat jemand eine geringere Auflösung, dann müssen die Bilder bei der Ausgabe geschrumpft werden, sollte es in Zukunft noch höhere Auflösungen geben, dann werden sie eben hochskaliert. Beides führt zu Qualitätsverlust, Beim Schrumpfen solltest Du besonders bei Schriften darauf achten, die können bei niedriger Auflösung bald unleserlich werden.

 

[cjs]

@LikeLowLight Das ist mir durchaus bewusst. Ich bezog mich auf das Fenster welches Photoshop öffnet, wenn man eine neue Datei anlegt. Dort ist die Pixelbreite/-höhe sowie dpi gleichzeitig auswählbar. Dots per Inch machen natürlich keinen Sinn wenn man Grafiken digitale Inhalte mit Px BxH erstellt.

Schrumpfen führt zu Qualitätsverlust? Kannst du das erläutern? Eine Hochskalierung leuchtet mir ein, bei einer Runterskalierung (solange es nicht zu klein wird) verstehe ich es nicht ganz. Wenn ich z.B. eine Grafik in 2000px Breite anlege und diese dann einmal in 1500px und 1000px herunterskaliere und speichere. Dann sollte die Grafik doch in einer 100% Ansicht immer gleich "sauber" aussehen, oder?

 

[LikeLowLight]

Schrumpfen führt zu Qualitätsverlust? Kannst du das erläutern?

Prinzipiell das selbe Problem wie beim Vergrößern. Ein Algorithmus muss entscheiden, welche Pixel ausgelassen werden oder, genauer, wie er die Pixel daneben so ändert, dass der Gesamteindruck noch immer stimmig ist, man also scheinbar, damit meine ich wirklich scheinbar und nicht anscheinend, Farb- und Helligkeitsänderungen homogen lässt. Das hat nicht wirklich etwas mit dem Ausmaß der Skalierung zu tun, ob da um 2% oder um 80% geändert wird, es müssen prinzipiell alle Pixel neu berechnet werden. Dazu kommt, dass so ein Algorithmus auch Kontraständerungen vornimmt, denn Ziel ist eben, dass das in der Größe geänderte Bild stimmig bleibt. Das alles gilt natürlich nur bei Betrachtungen in der 100%-Ansicht, den sowohl verkleinerte als auch vergrößerte Bilder sollen in ihrer tatsächlichen Größe, als 1 Pixel des Bilds wird auf einem Pixel am Monitor, betrachtet und beurteilt werden.
Ganz deutlich wird es bei einer Schrift, denn wenn diese verkleinert wird (wir reden jetzt von Pixel, also nicht von Vektorschriften und nicht von Menüs oder Untertiteln, die in Echtzeit aus Vektoren dargestellt werden), und wenn eine Schrift in einem Bild, also z.B. auf einem Wegweiser oder an einer Hauswand oder einer Packung, bei voller Auflösung gut lesbar wird, wird beim Verkleinern noch ärger als beim Vergrößern die Schrift bald zu einer unlesbaren Treppe. Noch mal, ich rede da von gezeichneten, gemalten Schriften.

 

[liselotte]

Schrumpfen führt zu Qualitätsverlust? Kannst du das erläutern?

Na Du nimmst beim verkleinern Pixel weg und diese müssen ja auch kompensiert werden.
siehe LikeLowLight
MfG

 

[cjs]

Okay - danke für die Erläuterung. Das kompliziert die Sache natürlich enorm. :/
Wäre es eine Möglichkeit die Grafiken als Vektorgrafik (in Illustrator) zu erstellen und dann in vorgefertigte Photoshop Presets zu exportieren?

 

[liselotte]

Okay - danke für die Erläuterung. Das kompliziert die Sache natürlich enorm. :/

Na lass Dich doch nicht ins Bockshorn jagen.
Die Algorithmen sind doch mittlerweile so gut das fällt nicht so schnell auf, ein wenig nach schärfen sollte da reichen.

Wäre es eine Möglichkeit die Grafiken als Vektorgrafik (in Illustrator) zu erstellen und dann in vorgefertigte Photoshop Presets zu exportieren?

Geht auch, halte ich aber nicht für nötig.
MfG

 

[LikeLowLight]

Wäre es eine Möglichkeit die Grafiken als Vektorgrafik (in Illustrator) zu erstellen und dann in vorgefertigte Photoshop Presets zu exportieren?

Vektorgrafiken haben natürlich den Vorteil, dass sie praktisch auf jede in der Praxis benötigten Größe letztendlich in Pixel gerastert werden können, doch kommt es sehr auf das Spiel an, ob es sich lohnt. Ich bin kein Fachmann für Spiele, doch das Spektrum reicht von simplen Klick-Spielen, die ohnehin keine besondere Detailtreue aufweisen, über eher statische Bilder, die mit ein paar beweglichen Elementen zum Leben erweckt werden und von Videosequenzen aufgelockert werden, bis zu aufwändigen 3D-Simulationen, die meines Wissens erst in Echtzeit gerendert werden.
Abgesehen von letzteren ist mir keine Notwendigkeit eines besonderen Skalierungsaufwands aufgefallen. Doch vielleicht meldet sich noch jemand, der in diesem Bereich zeichnet oder entwickelt, der/die könnte sicher besser Auskunft geben.

 

[cjs]

Danke für eure Rückmeldung. Ich versuche es jetzt erst einmal mit einer Zweckgrafik in Photoshop. Falls dies Qualität nicht Genüge tut, muss ich wohl Vektorarbeit leisten und dann in PS exportieren. - Unity nimmt leider keine Vektorgrafiken an.

Die Grafiken sind für ein 3D-Jump'n'Run der alten Schule, sollen aber selbst in 2D gehalten werden.

Falls Interesse besteht kann ich (vermutlich) nächste Woche das Resultat des Skalierens posten.

 

[liselotte]

Arbeite mit smartobjekten
So als Tipp
MfG

 

[LikeLowLight]

Die Grafiken sind für ein...

Wäre sicher interessant zu sehen, doch meine ich, dass Du Dir zu viel Sorgen machst.

 

[denni173]

Selbstverständlich kannst Du Vektorgrafiken in Unity importieren, wieso sollte denn das nicht möglich sein? Das machst Du über Texture Importer. Es sogar möglich PSD-Files mit Multilayern zu importieren.

 

[cjs]

Ooooh! Echt jetzt?! Dann hätte ich mir diesen ganzen Ebenen-Export also sparen können?
Danke fürs Augen öffnen.

 

[Malisa]

Wie sieht es denn bei dir aus, hast du schon etwas gefunden ? Ich persönlich habe mir verschiedene Informationen gesucht und bin auch dabei auf unterschiedliche Tipps und Ratschläge gestoßen.

Bei meiner Suche habe ich bei
Werbelink entfernt auch passende Bücher gefunden welche mir dann zusätzlich auch noch Hilfe geboten haben.

Allgemein kann man sich im Internet schlau machen. Ich komme damit gut zurecht.

Beitrag editiert und Thread geschlossen, da über ein Jahr alt.
pepexx
Mod