Animierte Instagram Story erstellen, die Aufmerksamkeit hält

Eine animierte Instagram Story funktioniert, wenn sich ein Element mit Absicht bewegt und alles andere lesbar bleibt. In der Praxis heißt das: ein Hintergrund, der langsam treibt, eine Überschrift, die einmal mit einer kurzen Animation erscheint und dann stehen bleibt, und nichts Wichtiges oben oder unten im Bild mit 1080×1920. Exportiere als MP4, nicht als GIF, und sorg dafür, dass schon der allererste Frame wie ein fertiges Design wirkt, denn manche sehen nur diesen Frame.

Was sich in einer animierten Story bewegen sollte

Eine Story wird einen Moment lang angesehen, auf Armlänge, oft ohne Ton. Bewegung zieht den Blick an, also konkurriert alles Bewegte mit deinen Worten. Stories, die Aufmerksamkeit halten, wählen eine bewegte Ebene, halten sie ruhig und lassen die Schrift ihre Arbeit tun. Volle Stories wirken im Editor energiegeladen und auf dem Handy anstrengend.

Dasselbe Prinzip zieht sich durch alle gute Motion-Arbeit, von Logos bis zu Websites. Wenn du die Theorie dahinter willst, behandelt Prinzipien des Motion Designs Timing, Easing und Hierarchie ausführlicher.

Vier Textanimationen, die in Stories funktionieren

Textanimation ist die nützlichste Bewegung in einer Story, weil sie dem Auge zeigt, wo es anfangen soll. Halte sie kurz. Ein Einstieg, der länger als etwa eine halbe Sekunde dauert, fühlt sich nach Warten an, und beim Warten tippen Leute weiter.

Staffle Zeilen statt Worte: zuerst die Überschrift, die unterstützende Zeile einen Takt später, den Hinweis auf den Link zuletzt. Diese Reihenfolge entspricht der Art, wie Menschen lesen, und die Story ergibt auch dann Sinn, wenn jemand mittendrin aussteigt. Weitere Muster, auch kinetische Typografie, findest du unter Ideen für Textanimation.

Das Timing einer animierten Instagram Story

Eine statische Story bleibt etwa fünf Sekunden auf dem Bildschirm, bevor Instagram weitergeht. Eine Video-Story läuft so lange wie der Clip, doch die Aufmerksamkeit liegt am Anfang: Ist die erste Sekunde leer, wird der Rest selten gesehen. Plane die Timeline von dort aus rückwärts.

1. 1

   0 bis 1 Sekunde: die Überschrift

   Der Hintergrund bewegt sich schon im ersten Frame. Die Überschrift schließt ihren Einstieg bis zum Ende der ersten Sekunde ab.

2. 2

   1 bis 2 Sekunden: die Ergänzung

   Die zweite Zeile oder das Produkt erscheint. Nutze dieselbe Animation wie bei der Überschrift, mit etwas kleinerer Bewegung.

3. 3

   2 bis 3 Sekunden: die Aktion

   Der Link-Hinweis, das Datum oder der Code erscheint. Auf diese Zeile reagieren die Leute, sie braucht also Zeit zum Lesen.

4. 4

   Der Rest: stehen lassen

   Nichts Neues kommt hinzu. Der Hintergrund treibt weiter, damit die Story ohne sichtbaren Neustart loopt.

Sechs bis zehn Sekunden sind eine angenehme Länge für eine gestaltete Story mit kurzer Botschaft. Längere Clips passen zu Gesprochenem oder Vorführungen, nicht zu einer Überschrift. Soll die Story loopen, muss der Hintergrund dort enden, wo er begann; Schritt für Schritt erklärt das Nahtlose Loop-Videos.

Größe, sichere Bereiche und Exporteinstellungen

Eine animierte Story nutzt dasselbe Format wie eine statische: 1080×1920 Pixel, 9:16. Die Bedienoberfläche von Instagram liegt oben und unten über dem Bild, halte Worte und Logos also im mittleren Streifen. Eine gängige Arbeitsregel ist, oben und unten jeweils etwa 250 Pixel frei von Text zu lassen. Die vollständige Aufschlüsselung steht unter Instagram-Story-Größe.

GIF ist hier das eine Format, das du meiden solltest. Seine Grenze von 256 Farben verwandelt weiche Verläufe in Streifen, und eine bewegte Story ist für Instagram ohnehin ein Video, also gib ihm eins. Den Vergleich findest du unter GIF vs. MP4.

Animierte Stories, die nicht wie alle anderen aussehen

Die meisten Vorlagen für animierte Stories nutzen dieselbe Handvoll bewegter Hintergründe, und ein Feed voller solcher Stories verschwimmt. Der Hintergrund ist die Stelle, an der deine Marke erkannt werden kann, bevor jemand ein Wort liest. Ein bewegtes Farbfeld, das dir gehört, leistet mehr als jeder Stock-Loop.

In Gradiently beginnt eine Story auf einem Mark: einem lebendigen Verlaufs- und Materialhintergrund, der sich von selbst bewegt und einzigartig ist. Füge deine Überschrift hinzu, wähle Aufsteigen, Aufploppen, Wischen oder Schreibmaschine, und der Mark hält seine ruhigste Fläche hinter den Worten, während die Automatische Farbe Zeile für Zeile helle oder dunkle Schrift wählt. Dasselbe Design lässt sich dann auf einen Feed-Post oder einen Reels-Hintergrund bringen, ohne es neu zu bauen. Der Videoexport ist Teil von Pro und speichert MP4, wo dein Browser es unterstützt.