BOT_IS_LONELY-Spielmenü!

BOT_IS_LONELY game menu!

Ich LIEBE Canva! Ich verwende es als Grundlage für Animationen, für meine T-Shirt-Designs und um superschnell Skizzen komplexer Projekte zu erstellen!

Werfen wir einen Blick auf den Menübildschirm meines in Arbeit befindlichen Visual Novels über Intelligenz und parasoziales Verhalten, „BOT_IS_LONELY“.

Soooooooo viel Canva. Siehst du abgefahrene Linien und animierte Abschnitte? In Canva gemacht. Hörst du die Musik? In Canva gemacht.

Fast ALLES darin sind Basiselemente aus der Canva-Bibliothek, leicht modifizierte Canva-Elemente oder meine eigene Arbeit.

Außer Canva habe ich für die Grafikelemente im Spiel Clip Studio Paint und Medibang Paint verwendet.

Entscheide, was zu tun ist. In diesem Fall wollte ich ein Tyrannobuilder- und Visual Novel Engine-freundliches Video erstellen, das in einer Schleife läuft und möglicherweise für spätere Bearbeitungen in die Unreal Engine exportiert werden kann. Die Schleife und die anklickbaren Menüpunkte werden in der Engine erstellt, aber ich habe sie im Video erstellt, damit sie alle zusammenarbeiten. Ein wenig sorgfältige Arbeit, um anklickbare, reaktive Bereiche in der Engine zu erstellen, und schon kann es losgehen!

Der Hauptfokus lag darauf, ein Video zu erstellen, das zum Thema und der Atmosphäre passt, die ich für das Spiel haben wollte.

Das ist BOT_1. Sie ist bezaubernd. Sie ist du. Ich habe ihr Farbschema genommen und es in die einzelnen Farben zerlegt. Mit diesen habe ich gearbeitet, um eine gewisse Verbindung zwischen der Benutzeroberfläche und den Figuren auf dem Bildschirm herzustellen.

(BOT_1 ist in Canva auch für grundlegende Augenblinzeln und Mundbewegungen animiert!)

Also hatte ich die Farben ausgewählt und eine Vorstellung davon, wie ich das Menü gestalten wollte. Ich beschloss, das Menü ruhig und angenehm zu gestalten. Das steht im direkten Gegensatz dazu, wie der Anfang je nach den eigenen Entscheidungen wirken kann.

Nun zum langweiligsten Teil des gesamten Prozesses: Miniaturbilder! Sie sind absolut notwendig, nicht nur, um Ihre Augen und Ihr Gehirn zu beschäftigen und etwas Passendes zu finden, sondern auch, wenn Sie Ihre Arbeit veröffentlichen möchten.

Bei Kunstbüchern sind sie enorm hilfreich, um Ideen zu vermitteln. Das Gleiche gilt für die Spieleentwicklung. Wenn du etwas veröffentlichen möchtest, beschreibe deinen Entstehungsprozess – deine Professionalität wird potenziellen Kunden und Verlegern deutlicher.

Okay, wir haben einen Plan! Wir haben unsere Farben! Wir wissen, was unser Thema und unser Gefühl sind! Lasst uns rumalbern!

Canva ist mittlerweile phänomenal. Sei nicht entmutigt, wenn du dich nicht genau an dein Vorschaubild hältst – die meisten Leute tun das nicht. Sieh es als Startrampe für Coolness.

Ich habe drei Tage lang am Menü herumgetüftelt, um nicht nur sicherzustellen, dass es meinen Vorstellungen entspricht, sondern auch, dass die fertige Datei gut optimiert ist und die Musikrhythmen genau stimmen. In dieser Zeit hat es sich stark verändert, aber jetzt ist es funktionsfähig und passt gut in ein kleines Videospiel. Hier ist es aus der Engine, sichtbar in Canva: https://www.canva.com/design/DAF6hLtXgvE/LaKPNSVbxVUA4TzcS_1g_Q/watch?utm_content=DAF6hLtXgvE&utm_campaign=share_your_design&utm_medium=link2&utm_source=shareyourdesignpanel

Canva ist ein flexibles Tool-Set, das auf einem sogenannten WYSIWYG-Editor basiert. WYSIWYG? What You See Is What You Get! Sobald die Benutzeroberfläche sichtbar ist, können Sie loslegen. Erstellen Sie zunächst ein Dokument – das kann eine vordefinierte leere Leinwand sein, eine leere Leinwand, deren Größe Sie bereits festgelegt haben, oder eine Vorlage! Vorlagen sind fantastisch und eine einfache Möglichkeit, etwas zu erstellen. Ich habe mich jedoch für die zweite Option entschieden, da ich etwas Bestimmtes im Sinn hatte.

Nachdem ich Größe, Ausrichtung und Typ des Menüs festgelegt hatte, begann ich, die vorhandenen Canva-Elemente zusammenzustellen. Unten sehen Sie den Arbeitsbereich und die Elementsuche – genau das, was wir brauchen. Sammeln Sie alle benötigten Einzelelemente und beginnen Sie mit dem nächsten Schritt: der Anpassung an Ihre Bedürfnisse!

...was gar nicht so schwer ist, nur zeitaufwendig. Ich wollte nämlich ein animiertes Menü, das sich in einer Endlosschleife wiedergeben lässt, also eine Videoanimation. Zum Glück geht das in Canva – ganz ohne teure Zusatzsoftware!

Wenn Sie sich das Bild unten ansehen, werden Sie feststellen, dass sich unter der Leinwand, auf der ich das Menü erstellt habe, eine Leiste befindet. Dies ist die Zeitleiste, und es ist wirklich wichtig zu verstehen, wie sie funktioniert. Jedes verwendete Element, ob animierte GIFs, Bilder oder Soundeffekte und Musik, hat seine eigene Zeitleiste.

Erstellen Sie zunächst Ihre komplette Szene. Was soll sie am Ende zeigen? Gehen Sie dann jedes Element einzeln durch. Klicken Sie auf das Element. Unten erscheint die violette Zeitleiste mit einem Zeitstempel. Der Zeitstempel zeigt Ihnen, was wann passiert. Sie müssen die violette Zeitleiste lediglich verlängern oder verkürzen, um sie an die gewünschte Zeit anzupassen, in der das Element auf dem Bildschirm angezeigt wird oder funktioniert.

Animationen sind ganz einfach. Wenn sich ein Element nicht wie gewünscht bewegt oder du es hüpfen und leuchten lassen möchtest, kannst du die Schaltflächen „Animieren“ oder „Effekte“ oben verwenden. Wenn du selbst etwas erstellt hast, kannst du es im linken Menü hochladen und verwenden, als wäre es Teil von Canva.

Tada! Hier funktioniert es direkt im Spiel. Bis zur Fertigstellung von „BOT_IS_LONELY“ habe ich noch einen langen Weg vor mir, aber Canva hat mir einen großen Teil der Arbeit deutlich erleichtert. Ich habe damit meine Charakteranimationen erstellt, Videos abgespielt, die Hintergründe gestaltet und die gesamte Benutzeroberfläche sowie die Credits erstellt.

Lust auf ein Spiel? Dann probier dieses Projekt aus: https://www.domestika.org/en/projects/1827332-bot_is_lonely-vn-stuff. Ich aktualisiere es jeden Freitag mit vereinfachten Anleitungen, wo man Spiel-Assets bekommt und wie man eigene erstellt – sogar Musik! Alle Spieltypen sind willkommen!