This post is also available in: English (Englisch)

In diesem zweiteiligen Tutorial, das ursprünglich im Docma Magazin veröffentlicht wurde, erklärt Gallereplay-Mitgründerin Lydia Dietsch, wie mit Adobe Photoshop Cinemagraphs erstellt werden können. In diesem zweiten Teil erklärt sie, wie alles in Photoshop zusammengeführt wird und wie man das Cinemagraph nachbearbeitet.

Kommen wir zur (Bewegt-)Bildbearbeitung in Photoshop. Ich beginne damit, dass ich die mp4-Datei in Photoshop ziehe. In der Zeitleiste kann man das Video mit der Leertaste starten lassen. Ich suche mir ein Standbild, welches mir gut gefällt und erstelle daraus ein stilles Bild auf einer neuen Ebene (Shift + alt + cmd + E). Wir blenden diese Ebene vorerst wieder aus.

In diesem Fall hatten wir auch Videomaterial, in welchem die rechte Person das Bild verlassen hat. Dies macht es einfacher, die Person von dem bewegten Hintergrund zu trennen. Wir suchen uns nun eine passende Stelle aus dem Video und kürzen dieses auf beispielsweise 4 Sekunden (Cinemagraphs sollten idealerweise nicht länger als 8 Sekunden sein). Ich trenne nun mein Video in der Mitte und bringe den zweiten Teil eine Ebene höher und an den Beginn der Zeitleiste. Den unteren Teil schiebe ich etwas nach hinten. Die beiden Clips sollten sich dabei auf der Zeitleiste überlappen. Nun wähle ich in der Zeitleiste den Effekt “Verblassen” und ziehe ihn an das Ende des oberen Clips. Schon haben wir ein Video erstellt, welches in der Endlosschleife funktioniert. Man kann ein bisschen austesten, wie lang der Effekt sein soll und an welcher Stelle im Clip man den Effekt genau anwendet.

Nun blenden wir unser stilles Bild wieder ein. Es muss auf der Zeitleiste über die volle Länge des Clips gehen. Um den Freisteller der Person zu erstellen, gehe ich meistens so vor, dass ich eine neue Ebene anlege und mit einem roten Pinsel die Kanten abfahre. Ich achte dabei darauf, dass bei harten Kanten ebenfalls die Härte des Pinsels in einem hohen Prozentbereich liegt, bei weichen Kanten ist es umgekehrt. Bei Haaren wende ich eine andere Methode an, bei welcher ich den Kontrast zwischen den Elementen, die man trennen möchte, stark erhöhe.

Sobald wir fertig sind, können wir die rote Ebene als Auswahl laden (cmd + Klick auf die Ebene). Nun wählen wir wieder unser stilles Bild an und klicken auf das Masken-Symbol rechts unten. Somit haben wir das stille Bild mit dem bewegten Element kombiniert.

In Sachen Farbanpassungen kann Photoshop sein volles Potential auch auf das Video anwenden. Dies funktioniert beispielsweise mit dem Camera Raw-Filter sehr gut. Hierfür müssen wir unsere Clips markieren und sie in ein Smartobjekt konvertieren (rechter Mausklick auf die Ebene > In Smartobjekt konvertieren).

In meinem Fall habe ich das stille Bild in ein separates Smartobjekt konvertiert, da ich an diesem leicht andere Farbanpassungen machen wollte als an dem bewegten Element (dem Vorhang). Anschließend habe ich weitere Bildbearbeitung mit Einstellungsebenen & Co vorgenommen. Zudem habe ich ein weiteres Cinemagraph in den Fernseher eingesetzt. Man muss darauf achten, dass alle Ebenen auf der Zeitleiste die Länge des bewegten Elementes haben.

Sobald man fertig ist, kann man das Cinemagraph rendern. Hierfür nimmt man den “Video rendern”-Knopf links unten an der Zeitleiste.

Ich rendere das Video mit dem gängigen Video-Codec H.264. Die Framerate belasse ich bei 25fps. Eine Änderung der Framerate beim Export im Vergleich zum Original-Video kann schwarze Frames am Ende des Videos verursachen. Die Auflösung komprimiere ich von 4K auf HD, da mein Video so bei einer 100%-Ansicht schärfer ist und ich eine Auflösung von 4K in dem Fall nicht benötige. Zudem exportiere ich das Cinemagraph mit 16mbps.

Dieses Video kann man beispielsweise bei Facebook oder Instagram hochladen, wo es automatisch immer und immer wieder abgespielt wird. Auf Webseiten wird es mit Hilfe eines HTML- oder Embed-Codes automatisch abgespielt und in die Endlosschleife gebracht. Immer mehr Social Media-Kanäle machen ein einfaches Einbinden von Cinemagraphs möglich. Sollte es doch einmal Probleme mit dem Video geben, da beispielsweise die Endlosschleife nicht funktioniert, gibt es in Photoshop die Möglichkeit, das Cinemagraph als gif-Format auszuspielen (Dabei > Exportieren > Für Web speichern / cmd + alt + shift + S), in welchem die Endloschleife bereits nativ enthalten ist.

Der beschriebene Effekt zählt zu einem der drei am häufigsten angewandten Effekte, um Cinemagraphs zu erstellen. Neben dem “Verblassen”-Effekt gibt es noch den “Hard Cut” und den “Vorwärts/Rückwärts”-Effekt. Alle Effekte sind mit Photoshop möglich. Beim “Hard Cut” wird das Video einfach an der passenden Stelle geschnitten. Dies funktioniert nur bei kreisenden Bewegungen, beispielsweise einem Schallplattenspieler oder einem Karussell. Beim “Vorwärts/Rückwärts”-Effekt lässt man eine bestimmte Bewegung erst ganz normal abspielen, um sie im Anschluss direkt wieder rückwärts abspielen zu lassen. Dadurch kommt die Bewegung wieder an die Ursprungsposition zurück. Hier muss man aufpassen, dass Bewegungen nicht robotisch wirken. Je öfter man jedoch die verschiedenen Effekte testet, desto besser bekommt man ein Gefühl dafür, welcher Effekt richtig ist und warum. Auch lernt man, welche Bewegungen gut funktionieren und entwickelt ein Cinemagraph-Auge. Das schöne ist, dass es doch immer mehr Bewegung gibt als man vielleicht gedacht hätte. Und wenn keine Bewegungen da sind, kann man sie mit einfachen Hilfsmitteln provozieren.

Den ersten Teil des Tutorial findet ihr hier. Falls ihr Fragen habt, schreibt mir gerne eine E-Mail.