Auto Battler UI Icons
Pixelart Icons
Studienprojekt
Erstellung von neun Game Icons für ein fikitven Auto Battler.
Zeitraum
9 Wochen
Kategorien
Pixelart
Game Icons
Werkzeuge
Photoshop
Rollen
Viuseller Designer
Überblick
Design von Game Icons im Pixelart-Style für ein Videospiel aus dem Genre Auto Battler, angesiedelt in einer Welt mit verschiedenen Elementnationen, jedoch ohne klassische Elemente wie Feuer oder Wasser.
Der Spieler übernimmt die Holz-Nation, die sich gegen die Elektro-, Magma- und weitere Nationen behaupten muss.
Problem
Erstellen Sie neun Icons für ein frei wählbares Thema eines fiktiven Auto Battlers. Das Thema können Sie selbst bestimmen. Die Icons stellen Aktionen dar, die der Spieler durch Anklicken mit seiner Spielfigur ausführen kann. Alle Icons sind als Pixelgrafiken mir Rahmen zu gestalten und in den folgenden Auflösungen auszugeben: 512 × 512 Pixel, 128 × 128 Pixel sowie 64 × 64 Pixel. Diese Aktionen gliedern sich in Angriffe, Heilungen und Zauber:
Im Bereich Angriffe sollen drei Icons entworfen werden: ein einzelner Angriff auf ein Ziel, mehrere gleichzeitige Angriffe auf ein einzelnes Ziel sowie ein Flächenangriff. Im Bereich Heilung sind es: eine Heilung auf ein einzelnes Ziel, eine gleichzeitige Heilung mehrerer Ziele sowie eine Heilung, bei der dem Heiler Lebenspunkte entzogen werden, um das Ziel vollständig zu heilen. Der Bereich Zauber umfasst: einen Zauber, der die Rüstung des Ziels erhöht, einer der das Ziel lähmt oder versteinert, sowie einer der das Ziel betört.
Lösung
Bei der Themenbestimmung habe ich mir überlegt, welches Thema ich stilistisch am besten umsetzen kann. Da in der Aufgabe die Umsetzung eher zeichnerisch erfolgen sollte, habe ich mich für Pixelart entschieden, da ich diesen Stil zeichnerisch am besten umsetzen kann. In diesem Kontext kam mir schnell die Idee, dass sich Holzelemente relativ gut in diesem Stil darstellen lassen. So entstand die Idee, zwei untypische Elementklassen gegeneinander antreten zu lassen.
01 Digitale Skizzen
In den ersten Skizzen habe ich meine ersten Assoziationen zum Themenbereich Holz/Natur im Kontext der einzelnen Icons festgehalten. Ziel war es, eine grobe Richtung zu finden und mögliche passende Formen zu entdecken.
02 Definierte Skizzen
Im nächsten Schritt habe ich andere Personen gefragt, welche Bilder für sie am klarsten waren und bei welchen sie die besten Assoziationen gefunden haben. Die Skizzen, die am besten funktionierten, habe ich beibehalten. Zu den Entwürfen, an denen noch gearbeitet werden musste, habe ich weitere Skizzen angefertigt.
03 Rahmen Komposition
Nach der Definition der finalen Motive habe ich mich mit der Komposition innerhalb des Rahmens beschäftigt. Dabei habe ich entschieden, welche geometrische Form der Rahmen haben soll und wie die Komposition im Inneren aufgebaut ist.
04 Finale Rahmen
Bei den finalen Rahmen war es mir wichtig, für jeden Themenschwerpunkt Kohärente Rahmen zu gestalten, die die jeweilige Nation gut widerspiegelt. Ziel war es, dass man in einem Bruchteil einer Sekunde erkennt, welche Nation man spielt.
Zusätzlich sollte jede Aktion durch spezifische Farben klar voneinander getrennt werden, sowie zu jeder Aktionen einzelnen Piktogrammen an den Seiten – wie zum Beispiel die pinken Herzen.
05 Finale Icons
Die gepixelten Rahmen wurden anschließend in die Kompositionen integriert und weiter ausgearbeitet, sodass sie sich durch ihre farbigen Hintergründe schnell voneinander abheben. Jeder Aktionsbereich erhielt dabei eine jeweils spezifische. klassische Farbe, passend zu den Rahmen. Das restliche Farbspektrum wurde passen zum Rahmen definiert.