Idee

Für meine Icons habe ich mir das Thema Videospiel Genre ausgesucht. Ich konnte mir für diese Icons passende Animationen, für das jeweilige Genre, gut vorstellen.

Ich überlegt mir das diese Icons eine gute Anwendung auf einer Website für den Erwerb von Videospielen haben. Wenn man dann auf der Website über eines der Icons mit der Maus darüber hovert, wird eine kleine Animation in Gang gesetzt.

Recherche

Ich überbelegte mir zu erst welche Genre ich darstellen wollte, da Videospiel Genre sehr vielfältig sein könne viel mir die Auswahl recht schwer, aber ich entschied mich für die folgenden:

Jump and Run

Hack and Slay

Rougelike

Rennen

Horror

Simulation

Battel royale

Rhythem

Fighting

Shooter

Diese nahm ich dann genauer unter die Lupe und schaut was diese bestimmte Genre ausmacht. So entschied ich mich, dass ich für das Icon Bettel Royale, das Prinzip Jeder gegen Jeden darstellen zu wollte. Da es in diesen Spielen das Ziel ist, im Kampf gegen viele Gegner, der eine zu sein der am Ende noch übrig ist. So ungefähr macht ich es für alle 10 Icons.

Umsetzung

Nach dem geklärt war, was ich mit den einzelnen Icons darstellen möchte, machte ich mich an die Arbeit diese in Illustrator umzusetzen. So startete ich meine ersten Versuche, die man hier sehen kann.

Ich habe mich dann dazu entschieden mit kantigen Strichen und Kreise zu arbeiten welche alle die gleiche Strichstärke haben. So bin ich zu diesen 10 Icons gekommen.

Animation

In der Zeit die im Kurzprojekt noch übrig war machte ich mich an die Arbeit um noch einige meiner geplanten Animationen umzusetzen. Ich schaffte es vier davon zu machen, welche alle unabhängig voneinander funktionieren, aber alle laufen in einem Loop ab, so dass sie super auf der geplanten Website funktioniert. Hier sieht man die Finalen Ergebnis: