Wie erstelle ich einen Filter für Instagram in Spark AR Studio?

Erstellen eines eigenen Augmented-Reality-Filters Mit der Spark AR Studio-Software können Sie ganz einfach einen Augmented-Reality-Filter erstellen, indem Sie ein leeres Projekt verwenden, einen zufälligen Integer-Selektor einfügen und eine Lösung pro Bild hinzufügen. Daraufhin wird eine sich schnell ändernde Auswahl angezeigt, die für ein zufälliges Bild aus der Auswahl angehalten wird, um einen Filter für Instagram zu erstellen.


Wie erstelle ich einen WAS-AR-Filter auf Instagram?

Erstellen eines eigenen Augmented-Reality-Filters Mit der Spark AR Studio-Software können Sie ganz einfach einen Augmented-Reality-Filter erstellen, indem Sie ein leeres Projekt verwenden, einen zufälligen Integer-Selektor einfügen und eine Lösung pro Bild hinzufügen. Daraufhin wird eine sich schnell ändernde Auswahl angezeigt, die für ein zufälliges Bild aus der Auswahl angehalten wird, um einen Filter für Instagram zu erstellen.

Im Folgenden finden Sie eine vollständige Anleitung zum Erstellen Ihres eigenen Instagram. Was filtern Sie und teilen Sie es mit all Ihren Freunden in Ihrem privaten oder geschäftlichen Instagram-Konto und teilen Sie die Instagram-Geschichte mit Facebook oder erstellen Sie sie für Ihre Facebook-Geschäftsseite oder private Geschichten, nachdem Sie dies getan haben die  Instagram-Effektpublikation   auf Spark AR Hub.

So erstelle ich den Instagram-Filter What Pokemon Are You
Spark AR Studio herunterladen

1- Laden Sie alle Bilder als Assets hoch

Beginnen Sie, indem Sie im Spark AR Studio-Hauptfenster ein leeres Projekt erstellen.

Wählen Sie zunächst auf dieser leeren Leinwand alle Bilder aus, die Sie für Ihr Projekt verwenden möchten, und importieren Sie sie mithilfe der Importschaltfläche oder durch Ziehen und Ablegen in den richtigen Bereich.

Stellen Sie sicher, dass die Bilder bereits optimiert sind. Andernfalls treten später einige Probleme auf, falls Sie zu viele Bilder importieren und diese zu groß sind. Die endgültige Paketgröße darf in keinem Fall 40 MB überschreiten. Dies gilt auch für alle Assets. Je niedriger die Pakete für Instagram-AR-Filter und Facebook-AR-Filter, desto besser - im Idealfall sollten sie weniger als 1 MB groß sein, um problemlos heruntergeladen werden zu können.

2- Fügen Sie pro Assets einen Flugzeug-Facetracker hinzu

Der nächste Schritt besteht darin, einen allgemeinen Facetracker hinzuzufügen, der den Gesichtsbewegungen folgt und an den die Bilder angehängt werden, und sich entsprechend zu bewegen. Klicken Sie mit der rechten Maustaste in den Szenenbereich und wählen Sie Hinzufügen> Gesichtsverfolgung.

Fügen Sie dann unter diesem neu erstellten Facetracker ein Ebenenelement pro Bild hinzu, das wichtig war und in dem Instagram-Filter verwendet wird, indem Sie mit der rechten Maustaste auf den Gesichts-Tracker klicken und Hinzufügen> Ebenenelement auswählen.

Vergewissern Sie sich, dass Sie jedes Ebenenelement entsprechend umbenennen, da es sonst leicht unübersichtlich und schwierig wird, sie untereinander zu erkennen.

Nachdem Sie alle Ebenenelemente erstellt haben, wählen Sie jeweils eines pro Asset-Bild aus und verschieben Sie sie im Hauptbildschirm nach Ihren Wünschen.

Standardmäßig befindet sich der Facetracker in der Mitte des Gesichts. Möglicherweise möchten Sie jedoch, dass Ihre Bilder beispielsweise über dem Kopf oder vor einem bestimmten Gesichtsteil angezeigt werden.

3- Verknüpfen Sie jeden Facetracker mit einem Material mit einem Asset

Nachdem Sie alle Ebenenelemente erstellt haben, wählen Sie sie nacheinander aus und aktivieren Sie sie für Materialien auf der rechten Seite. Wählen Sie jedes Mal ein neues Material aus.

Wählen Sie jedes neu erstellte Material aus, klicken Sie auf Textur und weisen Sie ihm die entsprechende Textur zu. Für jedes Ebenenelement sollte ein Material erstellt werden, dem eine Textur zugewiesen ist. Wiederholen Sie die Übung für jede einzelne Textur.

Am Ende sollten Sie die gleiche Anzahl von Textur-Asset-Elementen, ebenen Elementen unter einem Facetracker und Material-Assets haben, die jeweils mit einer entsprechenden Textur verknüpft sind.

4- Erstellen Sie eine zufällige Auswahl

Nachdem alle Assets erstellt und miteinander verknüpft wurden und ordnungsgemäß auf dem Face-Tracker und anschließend auf der Kamera platziert wurden, ist es an der Zeit, die Zufallsauswahl zu codieren. Keine Sorge, es wird alles visuell sein, es wird nichts geben eine einzelne Codezeile.

Beginnen Sie mit dem Anzeigen des Patch-Editors über das Spark AR Studio-Menü view> show / hide patch editor.

utorial: Verwenden des Spark AR Studio-Patch-Editors

Für jedes Element, das wir im Patch-Editor hinzufügen, können Sie es hinzufügen, indem Sie mit der rechten Maustaste in den Bereich der Patch-Elemente klicken und die Elementsuchfunktion verwenden, indem Sie einige Buchstaben eingeben, die sich auf das gewünschte Patch beziehen.

In einigen Fällen werden Patches von der Anwendung vorgeschlagen, in anderen Fällen müssen Sie sie über dieses Fenster selbst im Patch-Katalog finden.

Beginnen Sie mit der Erstellung Ihres ersten Patches, indem Sie das Wort RANDOM eingeben und das entsprechende RANDOM-Patch auswählen.

Dieses Zufallselement wird nun verwendet, um eine Zufallszahl zu generieren, die mit 0 beginnt und mit der Anzahl von Bildern endet, die wir zufällig minus eins sortieren möchten.

In unserem Fall beginnt unser Zufallszähler bei 37 Bildern bei 0 und endet bei 36.

5- Fügen Sie eine Lösung pro Bild hinzu

Nachdem wir einen Zufallszahlen-Selektor erstellt haben, müssen wir eine Lösung pro Bild erstellen.

Es gibt mehrere Möglichkeiten, dies zu tun - beispielsweise durch Erstellen einer Rundungsfunktion pro Bild.

Fügen Sie nach dem Erstellen der runden Patches ein Element EQUALS EXACTLY pro endgültiges Bild hinzu.

Jedes EQUALS EXACTLY-Element entspricht einer anderen Ganzzahl von 0 bis zur maximalen Anzahl von Bildern minus eins, in unserem Fall sind es 36.

Ziehen Sie schließlich jedes Facetracker-Ebenenelement - oder alle gleichzeitig - und legen Sie es in der Nähe der genau gleichen Elemente ab. Vergessen Sie nicht, auf den Pfeil zu klicken, bevor die sichtbare Eigenschaft einer von ihnen angezeigt wird. Dies bedeutet, dass die Sichtbarkeitseigenschaft durch die Funktion equals exact ausgelöst wird.

Verknüpfen Sie anschließend alle runden Elemente mit dem Zufallsfeld, wobei jedes runde Feld genau einem Feld und jedes genau einem Facetracker-Ebenenelement entspricht.

6- Die Animation in einer Schleife abspielen und mit einem Bildschirmtipp starten

Wenn alle Elemente miteinander verknüpft wurden, müssen Sie eine Schleife hinzufügen, um den gesamten Test fortlaufend zu durchlaufen, und ein anderes Ebenenelement auswählen, das sofort angezeigt werden soll. Auf diese Weise wird der Karusselleffekt des Instagram-Filters angezeigt, nach dem Sie filtern.

Fügen Sie der Patch-Zone eine Loop-Animation hinzu.

Verknüpfen Sie die Loop-Animation mit dem Zufalls-Patch, dh, während die Loop-Animation aktiv ist, wird das Zufalls-Patch-Element ausgelöst, bis die Loop beendet ist.

Abschließend möchten wir zunächst ein statisches Bild, ein Hauptbild, anzeigen. Fügen Sie das Hauptbild vor der Schleifenanimation hinzu, fügen Sie ein Bildschirm-Tap-Element hinzu und fügen Sie zwei Schaltelemente plus ein Nicht-Element hinzu.

Wir beginnen mit einem Bildschirmtipp: Standardmäßig sehen wir nur das Hauptbild, das sichtbar ist.

Spark AR: Die Regeln zum Erstellen von Filtern für Instagram

Das erste Schalterelement macht das Hauptbild nicht sichtbar, wenn der Bildschirmtipp ausgelöst wird.

Das zweite Schaltelement startet die Schleifenanimation zur selben Zeit, in der das Hauptbild ausgeblendet ist, und zeigt so das Bildkarussell an.

7- Veröffentlichen Sie Ihren Instagram AR-Filter!

Und das ist vorbei, unser Instagram Was-bist-du-Filter ist fertig, es ist jetzt Zeit, es zu testen.

Wählen Sie im Vorschaufenster des Smartphones die Option „Touch simulieren“ und klicken Sie in die Anzeige, um den Auswahlprozess für zufällige Bilder zu starten!

Um die Smartphone-Emulation zurückzusetzen und erneut zu starten, verwenden Sie das Rücksetzsymbol in der linken Symbolleiste unterhalb des Dateimenüs.

Um das Ergebnis zu überprüfen, verwenden Sie die Option An App senden in der unteren linken Symbolleiste.

Wenn Sie die Kameraoption Facebook verwenden, erhalten Sie eine private Benachrichtigung auf Facebook, in der Sie aufgefordert werden, Ihren neuen Facebook AR-Filter privat zu testen.

Wenn Sie die Instagram-Kameraoption verwenden, erhalten Sie eine private Benachrichtigung auf Instagram, in der Sie aufgefordert werden, Ihren neuen Instagram-AR-Filter privat zu testen.

Beide haben den gleichen Effekt: Sie können Ihren Augmented-Reality-Filter privat auf Ihrem eigenen Gerät testen und wertvolle Screenshots erstellen, die zum Hochladen des AR-Filters in Spark AR Hub erforderlich sind.

Spark AR Hub

Yoann Bierling
Über den Autor - Yoann Bierling
Yoann Bierling ist ein Professionell für Web Publishing & Digital Consulting, der sich durch Fachwissen und Innovationen in Technologien global auswirkt. Er leidenschaftlich für die Stärkung von Einzelpersonen und Organisationen, um im digitalen Zeitalter gedeihen zu können, ist ermächtig, um außergewöhnliche Ergebnisse zu erzielen und das Wachstum durch Bildungsinhalte zu fördern.




Bemerkungen (0)

Hinterlasse einen Kommentar