Emojis, GIFs und Sticker

Im Items-Tab stecken vier kleine Bibliotheken, direkt neben Shapes und My Shapes. Jede funktioniert als Such- und Einfüge-Raster: Du suchst etwas, klickst darauf, und es landet zentriert als ganz normales Objekt auf der Arbeitsfläche.

Kurzüberblick

1. Öffne den Items-Tab (Alt+5) in der Symbolleiste.
2. Wähle Emoji, GIFs, Lottie oder Stickers aus der Kategorienreihe.
3. Stöbere im vorhandenen Raster oder nutze das Suchfeld.
4. Klicke ein Ergebnis an, um es auf die Arbeitsfläche zu setzen.
5. Skaliere, färbe um (nur bei Emojis) und positioniere es wie jedes andere Objekt.

Ausführliche Referenz

Emoji

Eine Bibliothek statischer Bilder aus Twemoji, ganz ohne externen API-Schlüssel.

Funktion	Detail
Kategorien	Popular, Smileys & People, Animals & Nature, Food & Drink, Activities, Travel & Places, Objects, Symbols & Hearts
Suche	Filtert nach dem Emoji-Namen über alle Kategorien hinweg gleichzeitig; die Kategorieansicht wird ausgeblendet, solange eine Suche aktiv ist
Einfügen	Ein statisches Bildobjekt, kein animiertes

GIFs

Läuft über GIPHY. Dafür brauchst du deinen eigenen GIPHY-API-Schlüssel, den du unter KI- und API-Schlüssel hinterlegst; fehlt der Schlüssel, zeigt das Panel einen entsprechenden Hinweis.

Funktion	Detail
Standardansicht	Ein Trending-Slider
Suche	Entkoppelt (debounced), mit unendlichem Scrollen durch das Ergebnisraster
Einfügen	Ein animiertes Objekt, das auf der Arbeitsfläche abspielt

Lottie

Die Suchergebnisse stammen aus der öffentlichen Bibliothek von LottieFiles und brauchen keinen eigenen API-Schlüssel. Anders als ein echter Vektor-Lottie-Player spielt dieses Panel nicht die ursprüngliche JSON-Animation ab, sondern die als GIF exportierte Vorschau jeder Animation. Deshalb verhält es sich beim Einfügen genauso wie das GIFs-Panel.

Funktion	Detail
Quelle	Öffentliche Such-API von LottieFiles
Suche	Unendlich scrollendes Masonry-Raster, gleiches Prinzip wie bei GIFs
Einfügen	Eine animierte GIF-Vorschau der Lottie-Datei, keine native Vektoranimation

Stickers

Läuft ebenfalls über GIPHY, allerdings über den eigenen Sticker-Endpunkt, der transparente GIFs statt fotoartiger Ergebnisse liefert.

Funktion	Detail
Quelle	GIPHY-Sticker-Endpunkt
Suche	Gleiche entkoppelte Suche und unendliches Scrollen wie bei GIFs
Einfügen	Ein transparentes animiertes (oder statisches) Sticker-Objekt

Zwischen den Bibliotheken wechseln

Alle vier liegen als aufklappbare Ansichten im Items-Tab, gleich neben dem geometrischen Shapes-Raster und dem My-Shapes-Browser. Jede hat ihren eigenen Back-Button, der dich zur obersten Items-Ansicht zurückbringt, statt den Tab zu schließen. So springst du zwischen den Kategorien hin und her, ohne den Faden zu verlieren.

Wie die Animation auf der Arbeitsfläche tatsächlich läuft

GIFs, Sticker und Lottie-Vorschauen sind nicht als lebendige Browser-<img>-Animation eingebettet. Wenn du ein Ergebnis anklickst, lädt der Editor das GIF herunter, dekodiert jeden einzelnen Frame clientseitig und treibt eine leichtgewichtige Render-Schleife an, die den jeweiligen Frame des Objekts neu auf die Arbeitsfläche zeichnet, sobald die Verzögerung des Frames abgelaufen ist. Diese Schleife läuft nur, solange irgendwo auf der Arbeitsfläche mindestens ein animiertes Objekt existiert, und die dekodierten Frame-Daten liegen in einem begrenzten In-Memory-Cache. Dadurch erzwingt der Wechsel zwischen Seiten oder ein Rückgängig-Schritt kein vollständiges erneutes Herunterladen und Dekodieren aller bereits platzierten animierten Objekte. Genau deshalb spielt ein animiertes Objekt auch weiter, nachdem du es wie ein normales Objekt skaliert, gedreht oder umgestylt hast: Darunter steckt ein ganz normales Arbeitsflächen-Objekt, an das die Animation angehängt ist.

Schritt für Schritt

Ein animiertes GIF auf die Arbeitsfläche ziehen

1. Öffne Items (Alt+5) und wähle GIFs.
2. Stöbere im Trending-Slider oder tippe einen Suchbegriff ein; die Ergebnisse laden in einem Masonry-Raster, und weitere kommen automatisch nach, sobald du nach unten scrollst.
3. Klicke ein Ergebnis an. Es wird dekodiert und zentriert auf die Arbeitsfläche gesetzt, wo es sofort abspielt.
4. Skaliere oder positioniere es wie jedes andere Objekt; die Animation läuft in der neuen Größe einfach weiter.

Ein Emoji einfügen und umfärben

1. Öffne Items (Alt+5) und wähle Emoji.
2. Wähle einen Kategorie-Tab oder tippe einen Suchbegriff ein, um alle Kategorien auf einmal zu durchsuchen.
3. Klicke ein Emoji an, um es als kleines Vektorobjekt auf die Arbeitsfläche zu setzen.
4. Wähle es aus und ändere seine Füllfarbe im Eigenschaften-Panel; weil es eine echte Vektorform ist (kein Rasterbild), wird die Umfärbung sauber übernommen.

Den GIPHY-Schlüssel einmalig für GIFs und Sticker einrichten

1. Öffne Settings, dann AI Settings und scrolle zu Stock Media API Keys.
2. Füge einen GIPHY-Schlüssel ein und speichere.
3. Öffne Items erneut: GIFs und Stickers zeigen jetzt Ergebnisse statt des Hinweises "add your GIPHY key", denn beide lesen denselben gespeicherten Schlüssel.

Lottie-Animationen durchstöbern

1. Öffne Items (Alt+5) und wähle Lottie.
2. Suche oder scrolle durch das vorgestellte Raster; die Vorschauen stammen aus der öffentlichen Bibliothek von LottieFiles und brauchen keinen API-Schlüssel.
3. Klicke ein Ergebnis an, um es einzufügen. Unter der Haube wird dafür die GIF-Pipeline wiederverwendet (die von LottieFiles selbst exportierte GIF-Vorschau der Animation), sodass es sich auf der Arbeitsfläche exakt wie ein GIF verhält, einschließlich der unten genannten Einschränkung beim Umfärben.

Häufige Aufgaben

Aufgabe	Schritte
Aus einer aufgeklappten Ansicht zur Kategorienliste zurück	Klicke den Back-Button des Panels oder öffne den Items-Tab neu
Einen bestimmten Sticker statt eines fotoartigen GIFs finden	Nutze den Stickers-Tab statt GIFs, denn er fragt den eigenen Sticker-Endpunkt von GIPHY ab
Weiter stöbern, ohne die Suche neu einzutippen	Scrolle nach unten; GIFs, Stickers und Lottie laden alle nahe am unteren Rand des Rasters automatisch weitere Ergebnisse nach
Die API-Einrichtung ganz überspringen	Bleib bei Emoji und Lottie, keins von beiden braucht einen Schlüssel

Fehlerbehebung

Ein fehlender GIPHY-Schlüssel zeigt einen Hinweis, keinen Fehler

Sowohl die Slider von GIFs und Stickers als auch ihre vollen Raster zeigen "Add your GIPHY API key in Settings > API Keys", wenn kein Schlüssel gesetzt ist, statt lautlos zu scheitern. Siehe KI- und API-Schlüssel.

Umfärben funktioniert nur bei Emojis

Emojis sind einfache Vektorformen, die du im Eigenschaften-Panel umstylen kannst. GIFs, Lottie-Vorschauen und Sticker sind dekodierte Frame-Bilder, deshalb änderst du ihre Farbe nur, indem du nach einem anderen Ergebnis suchst.

Lottie spielt einen GIF-Export ab, nicht die ursprüngliche Vektoranimation

Der Lottie-Tab zeigt die als GIF exportierte Vorschau jeder Animation statt des nativen JSON-/Vektorformats. Sehr detailreiche Lottie-Dateien oder solche mit hoher Bildrate können auf der Arbeitsfläche daher etwas weicher wirken als im eigenen Player von LottieFiles.

Tastenkürzel

Kürzel	Aktion
Alt+5	Den Items-Tab öffnen, in dem Emoji, GIFs, Lottie und Stickers liegen

Tipps

Deinen GIPHY-Schlüssel einmalig setzen

GIFs und Stickers lesen beide denselben GIPHY-Schlüssel. Emoji und Lottie brauchen gar keinen Schlüssel. Wenn du also nur diese beiden nutzt, kannst du die API-Einrichtung komplett überspringen.

Emojis lassen sich umfärben, animierte Inhalte nicht

Emojis sind einfache Vektorformen, die du im Eigenschaften-Panel umstylen kannst. GIFs, Lottie-Vorschauen und Sticker sind fest eingebrannte Bilder, deshalb klappt das Umfärben nur, indem du ein anderes Suchergebnis findest.

Verwandt

• Shapes für die geometrische Formenbibliothek, die sich den Items-Tab teilt
• My shapes zum Speichern eigener, wiederverwendbarer Objekte
• Icons für eine Vektor-Icon-Bibliothek statt Emojis
• KI- und API-Schlüssel zum Einrichten des GIPHY-Schlüssels