Unter neuen Namen erobern die einstigen Animationsclips des GIFs-Formats zum zweiten Mal die Welt. Diesmal auch im Format H.264/MP4. Cinemagraph erstellen ohne Photoshop – oder mit – ist keine Hexerei, auch wenn Informationen finden dazu nicht ganz einfach ist. Darum findest du hier alles, was du über das Thema Cinemagramm wissen musst.
Europa hat Cinemagramme als Trend für Social Media und Ad-Screen noch nicht wirklich bemerkt. Darum zeigen und erklären wir dir hier die wichtigsten Arten und Wege, wie Standbilder effektvoll für animierte Bilder in Bewegung gebracht werden.
Cinemagraphs auf dem Siegeszug
In den USA setzen Toyota, Mercedes-Benz und Dunkin Donuts längst und erfolgreich auf die Kombination aus Animation, Bewegtbild und Photo. Wirkungsanalysen von Nielsen Brand Effect geben diesen Top-Brands recht. Als eigentliche Pioniere dieser neuen Medienart gelten die Fotografen Kevin Burg und Jamie Beck. Sie haben Kunden wie Google, Volvo, MTV, Cartier, Amazon, Microsoft und Giorgio Armani schön früh für Cinemagramme begeistern können.
Getrieben ist dieser Eroberungsfeldzug der heimlichen Muskelprotze nicht nur von hochauflösenden Ad-Screens am POS (Point of Sale). Sondern auch durch den Entscheid von Facebook und Instagram, Cinemagraphs als Werbeform für Social Media-Kampagnen im Internet technisch zu unterstützen.
Megatrend für Social Media und Ad-Screen
Auch das iPhone von Apple und neue iPad setzen mit Live-Foto Apps verstärkt auf bewegte Bilder und auf Cinemagraphs erstellen. Sie verwandeln Aufnahmen mit automatisch erstellten kurzen Videosequenzen in kurze Bildschlaufen. Dazu zeichnet das Smartphone von Apple automatisch je 1,5 Sekunden Video am Ende und Anfang auf und verwandelt die Bilder mit einem sog. 3D-Touch in Mini-Animationen.
Aufmerksamkeit garantiert: Marketing für ein Fachbuch; Originalformat: APNG, hier konvertiert als Video; Artist: A. Jenny
Dies allerdings mit technischen Werten und einem Look-and-feel, bei dem sich nicht nur dem Profi die Haare zu Berge stehen: die Wirkung ist (noch) in keiner Weise mit derjenigen einer professionellen 3D Animation vergleichbar.
Das Resultat erinnert im allerbesten Fall an die sich bewegenden Porträts aus der Harry Potter-Filmserie. Auch wenn Apple dem Trend zu folgen versucht. Man muss hier Klartext sprechen. Zusatzfunktionen und Apps aus dem iTunes Store allein ergeben noch lange keine Wirkung.
Was ist ein Cinemagraph?
Cinemagraphs werden auch als Cinemagramm bezeichnet. Sie sind weder Photo noch Film. Sie bewegen sich zwischen beiden Welten. Das zeigt sich auch beim Cinemagraphs erstellen.
Anders als ihre gepixelten Vorgänger oder die Spielereien im iTunes Store, spielen sich die heutigen Animationen qualitativ wie inhaltlich-künstlerisch auf höchstem Niveau. Trotzdem kostet ihre Herstellung nur einen Bruchteil eines Videos. Das macht das Cinemagraphs erstellen für Social Media und Ad-Screen so beliebt. (Wer die Kosten vergleichen möchte, findet eine Tabelle mit Richtpreisen im Filmpuls-Beitrag Was kostet ein Film.)
Nüchtern betrachtet sind Cinemagramme eine digitale Endlosschleife (Loop), bei der sich ausgesuchte Bildelemente ohne erkennbaren Anfang und Ende bewegen. Darum muss, wer sich für die Kommunikation mit Film und Video interessiert, auch an dieser Art Video ein Interesse haben.
Wer ein GIF erstellen will, aber eine hohe Qualität anstrebt, erstellt darum ein Cinemagramm. Der Unterschied zwischen den beiden Begriffen ist einzig qualitativer Natur. Zugleich gibt es zahlreiche Apps und Software-Lösungen zur Herstellung eines Cinemagrafs.
Funktionsweise
Ähnlich wie Videos ziehen Cinemagramme die Aufmerksamkeit durch Bewegung auf sich. Anders als Videos geben sie dem Betrachter die Freiheit, Bildinhalte selbst zu entdecken und zu reflektieren.
Der Siegeszug und ihre Kraft begründen sich auch darin, dass sie für den Betrachter kein marktschreierisches Werbemittel sind.
Eigene Regeln für das Storytelling
Konzeption und Kreation von Content für Ad-Screen oder Social Media folgen beim Cinemagraphs erstellen eigenen Regeln. Das gilt jede dieser Animationen. Die große Herausforderung liegt in der Reduktion. Weglassen ist sehr viel schwieriger als hinzufügen.
Für die Kreativen gilt es in Rahmen der Konzeption den schmalen Grat zwischen überraschender, diskreter Bewegung und Ruhe zu finden.
Aber damit nicht genug. Die Bewegung, so will es die Natur dieser kurzen Videoclips, muss sich beim Cinemagraphs erstellen zu einer Endlosschleife zusammenfügen lassen.
Der Ausgangspunkt des in Bewegung befindlichen Objekts muss zwingend identisch sein mit dem Schlusspunkt der Bewegung. Nur so kann ein Endlosvideo seine nahezu hypnotische Wirkung erzielen.
Der Zwang zur Reduktion bedeutet nicht, dass keine Geschichten erzählt wird.
Im Unterschied zu einem Video zeigen die meisten Video-Schleifen aber nicht die Entwicklung einer Story, sondern einen Augenblick. Eine Situation. Wird diese als Teil eines größeren Ganzen vom Zuschauer erkannt und wahrgenommen, entsteht im Kopf des Zuschauers eine Geschichte. Im besten Fall übertrifft diese in ihrer Intensität (da die Geschichte der eigenen, individuellen Vorstellungskraft entspringt) die Kraft eines Videos.
Die Frage, wie lang muss ein Video sein, stellt sich beim Cinemagraphs erstellen nur bedingt. Die Länge ergibt sich hier durch die Frage, wie lange ein Zuschauer benötigt, bis er die Wiederholung bemerkt.
Welche Software und Apps benötige ich für das Cinemagraph erstellen?
Cinemagraph erstellen ohne Photoshop ist keine Hexerei. In der Praxis gibt es unterschiedliche Bedürfnisse und Wege, wie man ein Cinemagraph erstellt. Viele professionelle Anwender setzten dazu auf die Bearbeitungssoftware Adobe After Effects, Final Cut Pro oder die App Cinemagraphs Pro des Herstellers Flixel.
Jedes der vier Tools zur Bildbearbeitung brilliert in einem anderen Bereich. Die Software-Programme werden im Produktionsablauf darum von Profis oftmals auch gemeinsam für unterschiedliche Phasen der Bildbearbeitung und Aufgaben eingesetzt.
1Cinemagraph erstellen: After Effects (Adobe)
After Effects von Adobe eignet sich besonders gut für die Animation. Zugleich lassen sich mit der Funktion «Puppet Warp» lediglich bestimme Teile eines Bildes bearbeiten. Dazu legt After Effects ein digitales Gitter über das Video.
Per Mausklick kann man innerhalb dieser Zone eigene Punkte setzen und verschieben. Die Software berechnet dann automatisch die Bewegung der einzelnen Bildpixel für die gewählte Bewegung.
After Effects kostet 19 € pro Monat (inkl. MwSt.) als Cloud-Abonnement. Für den Videoschnitt mit dem Smartphone ist die Software mit professionellem Anspruch allerdings nicht geeignet.
2 Cinemagraph erstellen Mac / Apple: Flixel
Die App Cinemagraph Pro, auch bekannt als Flixel, bietet alle Werkzeuge für die Erstellung und Bearbeitung von Endlosschleifen. Es ist das einzige professionelle Bildbearbeitungsprogramm, das sich ausschließlich auf Cinemagramme konzentriert. Entsprechend ausgeklügelt ist die Software für Cinemagraph erstellen ohne Photoshop.
Zusätzlich und im Unterschied zu vielen anderen Programme kann man damit Schleifen erzeugen (vergleichbar mit der Bounce-Funktion auf Smartphones). Dabei spielt das Cinemagramm ein Endlossequenz zwischen zwei frei definierbaren Punkten vor- / rückwärts.
Cinemagraph Pro kostet 83 € pro Jahr (inkl. MwSt.).
3Cinemagraph erstellen ohne Photoshop: Final Cut Pro (Apple)
Mit Final Cut Pro lässt sich eine Zeitrafferaufnahme perfekt verlangsamen. Damit entstehen hypnotische Effekte. Selbstverständlich kann Final Cut, wie alle anderen hier erwähnte Software, noch viel mehr. Wir beschränken uns in diesem Artikel auf die Vorteile, welche für Cinemagraphs entscheidend sind.
Die meisten Profis setzen bei der Bildbearbeitung von Cinemagraphs nicht eine, sondern oftmals mehrere Programme ein.
Final Cut Pro ist eine ausgewachsene, professionelle Software für den Filmschnitt für Apple und Windows. Das spiegelt sich auch im Preis, der bei 399 € liegt.
4 Cinemagraph erstellen: Photoshop (Adobe)
Einzelaufnahmen, also Frames, lassen sich in Photoshop ebenso mühelos wie Videosequenzen mit weiteren Bildelementen ergänzen und zu einer Animation oder zu einem Loop zusammenfahren. Dies erfolgt innerhalb der Zeitleiste (Timeline).
Die Software bietet zusätzlich dazu noch die Option an, ein Cinemagraph schon auf Stufe Einzelbild in Bezug auf die Datenmenge zu optimieren und redundante Bilddaten zu reduzieren. Cinemagraph erstellen ohne Photoshop ist aber natürlich ebenso möglich. Auch diese Software gibt es für die Betriebssysteme Apple und Windows.
Im Cloud-Abo von Adobe kostet die Lizenz für die Vollversion von Photopshop pro Monat 19 € (Alle erwähnten Preise sind immer Richtpreise und können sich ändern).
Welches ist das richtige Format beim Cinemagraph erstellen?
Ein Cinemagraph lässt sich in jedem Videoformat erstellen und exportieren. Trotzdem eignet sich das Format MP4 mit H.264 dazu besonders gut. Erstens ist es kompatibel mit allen Social-Media-Plattformen. Zweitens sind solche Dateien relativ klein, was den Download und Upload vereinfacht.
Für die Einbindung auf Websites eignet sich auch das Grafik-Format PNG. Es ist zusätzlich stark komprimierbar. Allerdings werden animierte PNG von Geräten mit installiertem Browser vom Typ Safari (Apple) nicht abgespielt. Auch das neue, mobile Webformat AMP tut sich noch schwer mit PNG-Files.
Die 3 wichtigsten Wege beim Cinemagraph erstellen
Ein Cinemagraph lässt sich auf drei unterschiedliche Arten erstellen:
ALoop aus Videoproduktion
Der Inhalt wird als Videoclip (One-Shot-Spot) gedreht. Aus Gründen der Datenmenge und der damit verbundenen Ladezeiten einer Webpage im Internet wird in der Bildbearbeitung in einem ersten Schritt der statische Bildbereich isoliert (weil in ihm keine Bewegung stattfindet).
Im zweiten Schritt wird der Teil des Videobildes, in dem eine Bewegung stattfindet, in das statische Bild gesetzt. Die Tools zur Produktion eines Cinemagramm als Video sind identisch zu einer Videoproduktion. Es braucht eine Videokamera und einen Schnittplatz mit Bildbearbeitungsprogramm und der Möglichkeit, das fertige Produkt im gewünschten Format (meist GIF oder PNG) und in der angeforderten Pixelgröße zu exportieren.
BFotoproduktion mit anschließender Animation
Oftmals sind Bewegtbild-Loops auch als Fotoproduktion realisiert. Anders als bei der Videoproduktion fotografiert man dabei statt einer Videosequenz eine Reihe aufeinander folgender Einzelbilder. Die Aufnahmen werden anschließend in ein Software-Programm importiert und dort weiterbearbeitet.
Ebenso wie im Fall der Videoproduktion strebt auch in dieser Variante der Profi danach, die Datenmenge möglichst kleinzuhalten. Dies, indem er strikte zwischen bewegtem und statischem Bildbereich unterscheidet.
CDigitale Animation von A bis Z
Es gibt Fälle, in denen ein Kunde bereits die Rechte an einem Bild für eine Print-Kampagne lizenziert hat und sich nun für Ad-Screen, Social Media oder POS ein Cinemagramm wünscht. In diesem Fall bleibt nur eine Möglichkeit. Die Bewegung wird in das statische Bild hinein-animiert.
Dazu wird die identische Software eingesetzt, wie sie auch sonst für die 2D- und 3D-Animation von Film und Video verwendet wird. Konzeptuell, kreativ und oftmals auch hinsichtlich der Kosten, stellt diese Variante des Cinemagraphs erstellen meist eine deutliche Steigerung zu den vorgehend beschriebenen Produktionswegen dar. Zudem ist entscheidend, dass das zu animierende Bild in genügender Größe vorliegt und lizenziert ist.
Bei aufwendigen Vorhaben empfiehlt es sich, vorab zur Produktion die Intensität und das Funktionieren des angedachten Kreativkonzepts mit einem Layout zu testen. Bei einem Real-Dreh mit Video oder bei der Umsetzung mit einer Foto-Sequenz lässt sich sowohl die Wirkung als auch der Arbeitsablauf problemlos ausprobieren. Kreative Kopfgeburten können so von Beginn weg vermieden werden.
Unterschied zu mit dem Parallax-Effekt (2.5D) animierten Photos
Für die Verwendung in Videos animierte Photos arbeiten ebenfalls mit der Trennung eines Bildes in unterschiedliche Ebenen. Für beide Arten Cinemagramm und Foto-Animation ist dies unerlässlich.
Der entscheidende Unterschied zwischen beiden Arten liegt im Ziel der Animation. Zwar wird beides Mal aus einem Standbild ein Bewegtbild gefertigt. Aber beim Cinemagraph ist die Bewegung immer und definitionsgemäß endlos. Dies macht sowohl die Animation als auch die vorhergehende Auswahl geeigneter Bilder nochmals anspruchsvoller.
Cinemagraphs erstellen: Zusammenfassung
Wer sich für den Weg der Animation auf Basis eines existierenden Fotos entscheidet, wird ohnehin auf einen professionellen Motion Designer zugreifen wollen. Auch dieser ist in der Lage, mit wenig Initialaufwand in Form einer Simulation zu prüfen, ob sich aus dem Standbild eine attraktive Endlosschlaufe erstellen lässt. So kannst du jedes Bild zum Leben erwecken!
Damit ist mühelos feststellbar, ob das Video den Namen Cinemagraph / Cinemagramm verdient und den Aufwand einer 2D oder 3D-Animation wert ist.
Cinemagraphs wirken im digitalen Geschrei um Aufmerksamkeit wohltuend entschleunigend. Mit ihrer hypnotischen Kraft erreichen sie Zielgruppen, die sich der klassischen Werbung verweigern.
Carrie Duvan
Cinemagramme sind für die Kommunikation mit Film und Video keine Konkurrenz. Sondern eine sinnvolle Ergänzung. Ob für Social Videos oder für das E-Mail Marketing: Sie nehmen unsere Faszination am Entdecken von Bildwelten ernst. Darum sollten wir das Potenzial von Cinemagraph auch in unseren Breitengraden ernst nehmen.
Das musst du wissen
- Cinemagraphs (auch Cinemagramm genannt) sind Kurzanimation ohne Ton.
- Anders als animierte GIF ist ein Cinemagraph immer eine Endlosschlaufe ohne erkennbaren Anfang.
- Meist wird nur ein Teilelement einer Einstellung animiert.
- Die Herstellung eines Cinemagramms kann auf Basis eines Videos, einer Fotoserie oder als komplett digitale Animation erfolgen.
- Die wichtigste Software dazu: Adobe After Effects, Cinemagraph Pro (Flixel), Final Cut Pro, Adobe Photoshop. Du siehst: Cinemagraph erstellen ohne Photoshop ist genauso möglich, wie mit.
Fehler gefunden? Jetzt melden
Dieser Artikel wurde erstmals publiziert am 30.09.2015
Hat ein Cinemagraph eine Audiospur? oder sind alle Cinemagraphs stumm?
GIF sind komprimierte Bilder ohne Ton. Mit JavaScript lässt sich eine „Tonspur“ erstellen. Die spielt aber nur dann, wenn der Besucher Deiner Webpage bei seinem eigenen Browser JavaScript aktiviert hat. Darüber hast Du keine Kontrolle. Besser für die Vertonung ist es, nicht GIF sondern ein anderes Format zu verwenden.
Vine kann das. wie GIF aber mit Ton.
Der Begriff Cinemagraph kann aus inhaltlicher und wirkungsorientierter Sicht oder aus technischer Perspektive definiert werden. Die Redaktion Filmpuls bevorzugt die inhaltliche Sicht, die damit über reine GIF oder PNG hinausgeht. Wenn mit Ton, gilt: Sobald eine unsensible Tonspur die Bildebene sabotiert, wird der diskrete Muskelprotz zum Hampelmann und gehen Wirkung und Faszination flöten.
Ein recht herzliches Dankeschön an die Profis. Insbesondere bedanke ich mich bei der Redaktion für das konstruktive Gespräch unter Kollegen aus der Branche. Für uns ist das Segment Cinemagraph ein Novum in der Umsetzung beim Kunden. Wer kompetente Auskünfte zu dieser Thematik braucht, wird bei Filmpuls bestens versorgt!
Danke für die Rückmeldung, über die wir uns freuen.
Recht vielen Dank für den interessanten Beitrag! Prima.