Wie erstellt man einen Instagram-Filter?

Erstellen eines Instagram-Filters mit Spark AR

Um einen Instagram-Filter zu erstellen, müssen Sie zunächst den Spark AR-Software. Letzteres ist die einzige Software, mit der Sie nicht nur einen Instagram-, sondern auch einen Facebook-Filter erstellen können.

Erstellen von Assets

Wie Sie vielleicht schon vermutet haben, müssen Sie, bevor Sie einen Instagram-Filter erstellen, die Bilder/Assets erstellen, die Sie einbinden möchten. 

Es gibt verschiedene Arten von Assets, die wir Ihnen hier vorstellen möchten: 

  • 2D-Assets: PNG, JPEG und SVG
  • die 3D-Modelle: FBX 2014/2015, gITF 2, COLLADA, DAE, OBJ
  • die Audios: Mono M4A, AAC-Codec mit 44.1KHz Sampling
  • die Schriftarten : TrueType, OpenType

Um Ihre Visualisierungen zu erstellen, können Sie jede beliebige Software verwenden, solange die Assets für Spark AR geeignet sind. 

Allerdings müssen Sie auf die Größe Ihrer Dateien achten, da der Filter bei der Veröffentlichung nicht mehr als 4 MB betragen darf. Es ist also besser, die Assets zu komprimieren, bevor Sie sie in Spark AR importieren. Wenn Sie 2D-Visualisierungen haben, die keinen transparenten Hintergrund enthalten, sollten Sie sie in JPEG importieren.

Assets in Texturen importieren

Nachdem Sie alle Assets vorbereitet haben, können Sie die Spark AR-Software öffnen. Wenn Sie die Software öffnen, haben Sie die Wahl, einen Instagram-Filter nach bereits erstellten Vorlagen zu erstellen oder bei Null anzufangen.

einen-instagram-filter-erstellen

Nachdem Sie Ihre Wahl getroffen haben, müssen Sie anschließend Ihre Assets importieren, die sich in der Software in Texturen verwandeln.

Wenn Sie Ihre Texturen importieren, bietet Ihnen die Software drei Lösungen zur Komprimierung an. Diese Funktion ermöglicht es Ihnen, die einzelnen Texturen zu sortieren und zu entscheiden, wie wichtig die Komprimierung für bestimmte Texturen ist. Der automatische Modus wird Ihre Textur auf die beste Weise komprimieren. Der manuelle Modus erlaubt es Ihnen, die Kompressionseinstellungen zu kontrollieren und schließlich ist die letzte Möglichkeit, die Textur nicht zu komprimieren. Es ist jedoch besser, Ihre Assets zu optimieren, bevor Sie sie als Textur in Spark AR importieren.

Um Ihre 2D-Texturen zu optimieren, hier einige Tipps: 

  • Machen Sie die Texturen so klein wie möglich
  • Die maximal akzeptierte Auflösung einer Textur beträgt 1024×1024. Wenn Sie eine Textur importieren, die größer ist als diese, wird sie automatisch auf der Software kleiner gerendert
  • Es ist besser, Texturen im quadratischen Format zu haben (2×2, 4×4, 16×16 usw.). 


Um Ihre 3D-Texturen zu optimieren : 

  • Importieren Sie nicht mehr als 50 3D-Objekte
  • Die maximale Anzahl an Vertices beträgt 20.000 pro Objekt.
  • Die Anzahl der Dreiecke in einem 3D-Objekt muss unter 50.000 liegen.
  • Insgesamt darf die Anzahl der Dreiecke für alle 3D-Objekte in einem Filter nicht mehr als 150.000 betragen


Es gibt auch eine AR Library, die Texturen, 3D-Objekte und viele andere kostenlose Ressourcen für die Erstellung eines Instagram-Filters bietet.

Animieren und Interaktionen schaffen

Nachdem Sie Ihre Texturen in Ihren Filter importiert haben, müssen Sie sie nach Ihren Wünschen in Ihren Filter integrieren. Sie können unbeweglich sein oder z. B. dank des Headtrackings, das die Software bietet, der Bewegung des Kopfes folgen.

Um Ihren Filter dynamischer zu gestalten, ist es wichtig, Interaktionen und Animationen zu erstellen. Hierfür gibt es verschiedene Patches, die Ihnen dies ermöglichen. 

Jeder Patch hat eine einzige Funktionalität und sendet und empfängt Informationen von anderen Patches. Mithilfe dieser Patches können Sie also einen Handlungsablauf in Ihrem Filter erstellen. Es gibt eine Vielzahl verschiedener Patches, aber hier sind die Patch-Familien : 

  • Interaktion: Interpretieren Sie die Interaktionen der Person, die den Filter benutzt. 
  • Face landmarks: die genaue Position des Gesichts erfassen
  • Facial gesture patches: Erkennen von Gesichtsausdrücken (happy face, kissing face, surprise face)
  • Animation patches: fügt Animationen hinzu
  • Audio Patches: Audios verwalten und steuern
  • Shaders: Arbeiten mit dem Aussehen von Texturen und Materialien
  • Mathe: Mathefunktionen hinzufügen 
  • Logic Patches: Fügen Sie anderen Patches eine Logik hinzu (and, not etc.). 
  • Utility Patches: Viele Patches wie z.B. Tracker
  • Users interfaces patches: Fügen Sie Ihren Effekten UI-Funktionen hinzu.
einen-instagram-patches-filter erstellen

Das Erstellen eines Instagram-Filters ist eine langwierige und mühsame Arbeit, und manchmal muss man ihn ausprobieren, um ihn zu perfektionieren. So können Sie ihn direkt auf Ihrer Webcam oder aber auf Ihrem Smartphone testen, indem Sie eine Benachrichtigung an Ihr Instagram-Konto oder den Link zum Effekt senden.

Den Effekt veröffentlichen

Wenn Sie mit Ihrem Filter zufrieden sind und Ihre Datei nicht mehr als 4 MB groß ist, müssen Sie sie anschließend veröffentlichen. 

Überprüfen Sie dazu, ob Sie Ihr Instagram-Konto mit einem Facebook-Konto verknüpft haben. Falls dies nicht der Fall ist, können Sie dies folgendermaßen nachholen:

  • Melden Sie sich von Ihrem Computer aus bei Ihrem Facebook-Konto an.
  • Rufen Sie die Einstellungen der Facebook-Seite auf und gehen Sie zum Reiter "Verbundene Konten".
  • Klicken Sie auf Instagram und folgen Sie den von Facebook erklärten Schritten.

 

Anschließend müssen Sie, um Ihren Filter zu veröffentlichen, über den Spark AR Hub gehen, der die Plattform für die Verwaltung und Veröffentlichung von Filtern ist. Melden Sie sich mit Ihren Facebook-Anmeldedaten an und klicken Sie auf "Effekt veröffentlichen". 

Danach sind die Schritte wie folgt: 

  • Wählen Sie einen Namen für Ihren Effekt
  • Importieren Sie die .arexport-Datei Ihres Filters
  • Wählen Sie das soziale Netzwerk Instagram, den Besitzer und das Konto, auf dem der Filter erscheinen soll.
  • Wählen Sie Kategorien und Schlüsselwörter, die zum Thema Ihres Filters passen.
filter-import-instagram
  • Fügen Sie ein Demonstrationsvideo (nicht länger als 15 Sekunden) und ein Symbol hinzu.
  • Bestimmen Sie das Datum, an dem Ihr Filter veröffentlicht wird
import-spark-ar-hub

Bevor Ihr Filter veröffentlicht wird, muss er den Facebook-Moderatoren vorgelegt werden, die den Effekt je nach Einhaltung der Meta-Richtlinie freigeben oder ablehnen. Es kann zwei bis fünf Tage dauern, bis du eine Antwort erhältst.
Sie haben es geschafft! Gut gemacht!

Umgang mit Effekten

Wenn Ihr Filter veröffentlicht wird, können Sie seine Sichtbarkeit auf der Spark AR Hub-Plattform verwalten. Außerdem stehen Ihnen zahlreiche Statistiken zur Verfügung, mit denen Sie die Leistung Ihres Filters analysieren können, wie z. B. Impressionen, Erfassungen und Freigaben.

Das Erstellen eines Instagram-Filters ist ein ziemlich langwieriger Prozess, vor allem, wenn Sie die Spark AR-Software nicht kennen und beherrschen. Möchten Sie einen Filter für Ihre Marke erstellen? Kontaktieren Sie einen unserer Experten um mehr zu erfahren!