Wie man cinemagramm

Yup, das Bild bewegt.

Nein, du gehst nicht verrückt!

Denn wer die Fotos können nur Feature ‚noch‘ Leben?

Angeregt durch die bewegten Bilder erstellt vom Fotografen und Motion Designer-Duo Jamie Beck und Kevin Burg, setzen wir die Magie entziffern passieren.







Machen Sie Ihre Bilder bewegen wie die unsere mit einigen Photoshop Magie tat!

Was macht ‚Em Move?

Bilder Bewegung zeigen, wenn sie in GIFs gemacht.

GIFs steht für Graphics Interchange Format, und es ist ein Bitmap-Bildformat, das Animation unterstützt. Diese unterstützt Animation ist das, was jede Bewegung möglich macht.

Diese magische Bewegung traf das World Wide Web in den späten achtziger Jahren, so ist es nichts Neues. Allerdings ist die Animation in GIF-Dateien im Allgemeinen eher schreckhaft und unregelmäßig aus.

Dann kam Jamie Beck und Kevin Burg. Dieses talentierte Team von Modefotografen und Motion Designern gestalteten „cinemagramm“ -incredibly elegant und anspruchsvoll GIFs.

So feiern die reibungslose Rückkehr von GIFs, indem Sie Ihre eigenen Fotos, die Bewegung teilnehmen!

Liste der Zutaten:

Wie man cinemagramm

  • Eine Kamera, die Videos aufnehmen kann
  • Ein Stativ
  • Ideen für Szenen in einen cinemagramm zu machen!
  • Ein Modell und / oder was auch immer Requisiten benötigt
  • Ein Computer
  • Der Zugriff auf ein Videobearbeitungsprogramm (optional)
  • Der Zugriff auf Adobe Photoshop (für dieses Tutorial verwenden wir die CS4-Version)

Schritt 1: Scheming Ihre Szene

Für Ihre erste Runde der cinemagramm, versuchen Sie es einfach zu halten.

Einige hilfreiche Hinweise - Tipps:

  • Denken Sie daran, dass für diese Art von GIF, Sie irgendeine Art von subtiler Bewegung zeigen wollen; Sie wollen die Intrige schaffen „was für ein schönes Foto-whoa, es bewegt sich !!“
  • Neben etwas Bewegung zeigt, möchten Sie auch sicherstellen, dass Sie etwas in der Szene haben, die konsistent bleibt, um den Kontrast und diese Bewegung zu betonen.
  • Versuchen einer Szene oder Bewegung zu denken, die relativ einfach zu Schleife wäre, da Ihre endgültige GIF wird für immer in einer Schleife eingestellt werden.
  • Ihre Szene kann eine Person betreffen, aber es muss nicht unbedingt zu.

Einige der Ideen, die wir kamen mit waren:

  • Baum Blätter bewegt sanft im Wind
  • Jemandes Augen blinken oder sich bewegenden
  • Menschen oder Dinge in Bewegung in Glasfensterreflexionen, wie gezeigt

SCHRITT 2: Schieß auf die Szene

Dann richten Sie Ihre Kamera auf das Stativ und starten die Dreharbeiten weg!

Achten Sie darauf, Ihr Stativ auf einer festen Oberfläche steht, um sicherzustellen, dass Ihre Kamera so ruhig wie möglich filmen kann.

Sie müssen nicht für sehr lange Szene filmen; 10-20 Sekunden Filmmaterial ist mehr als genug, um einen cinemagramm zu machen.

Schritt 3: Haben Sie den richtigen Video-Datei

Bevor Sie Ihre Video-Datei durch Adobe Photoshop öffnen und bearbeiten, müssen Sie die Datei sicher ist etwas, das in Photoshop geöffnet werden kann.

Adobe Photoshop kann MOV oder AVI-Video-Dateien öffnen.

Wenn die Videodateien, die Sie keine dieser Dateien oder andere Videodateien gedreht werden, die in Photoshop geöffnet werden kann, öffnen Sie Ihre Video-Dateien in Standard-Videobearbeitungsprogramm, um Ihre Dateien zu konvertieren.

Schritt 4: Rahmen Sie Ihr Video

Es erscheint ein Fenster, in dem Sie die Möglichkeit gegeben wird, zu:

  • Importieren Sie Ihre gesamte Datei in den Rahmen oder
  • Importieren Sie einen ausgewählten Teil der Videodatei.






machen Sie Ihre resultierende GIF animiert viel glatter als allgemeine Anmerkung, wird eine Menge von Rahmen.

Das bedeutet aber, mehr Frames mehr Speicher und damit eine größere Datei mit zu arbeiten. Und Sie wollen nicht mit einer großen Datei auf Photoshop arbeiten, weil es das Programm verlangsamen werde (und Ihren Computer im Allgemeinen).

So ist das Beste für eine zielen unter 100 Frames mit zu beginnen. Sie können (und wahrscheinlich) erhalten von mehr Frames loswerden, wie Sie Ihren cinemagramm machen.

Bevor Sie auf „OK“ klicken und sichern Sie sich die entsprechenden Importoptionen überprüft haben Sie auf der linken Seite des Fensters wollen, sowie die Box auf die „Animation, Make Frame“ neben überprüfen Option.

Schritt 5: Ihre Video-Datei, Layered ... wie Kuchen

Sie werden sehen, dass jeder Frame des Videos in seine eigene separate Schicht hergestellt.

Schritt 6: Eingerahmt Wieder

Im Animationsfenster, klicken Sie rechts unten das Symbol einer Filmrolle die Animation als Rahmen zu sehen.

Jetzt werden Sie sehen, dass jeder Rahmen zu jeder Schicht Ihrer Videodatei entspricht.

Dies bedeutet, dass diese Schichten und die Rahmen sind miteinander verbunden. Denken Sie daran, wenn Sie bearbeiten und Löschen von Schichten und / oder Frames!

STEP 7: Fangen Sie diesen bewegenden Moment

Drücken Sie die Leertaste Ihre Video-Datei zu spielen, so dass Sie die Bewegung finden Sie wollen.

Sobald Sie festgestellt haben, was dieser Rahmen sind, isolieren sie durch das Loswerden von sowohl dem Rahmen und die Schicht, wie diese miteinander verbunden sind.

Beachten Sie, wenn Sie Frames löschen, Frame 1 in Ihrem Animationsfenster wird die allerletzte Schicht in dem Ebenenfenster immer sein, egal ob es Layer 1 (das Original Bild 1) oder Schicht 92 (wie in unserem Fall). Wenn dieser Bruch in Rahmen und Schichten Zahlen zu koordinieren Sie stört, können Sie die Schichten umbenennen, um den Rahmen zu passen, wenn Sie fertig sind alle nicht benötigten Bilder und Ebenen zu löschen.

Schritt 8: Alpha-Schicht In, über

Duplizieren Sie diese Ebene und legen Sie es auf allen anderen Ebenen im Ebenenfenster.

Benennen Sie diese Schicht „Alpha“, da es die Schicht sein wird, die Sie wollen zeigen, konsequent oben auf jeder Schicht und somit Rahmen.

Schritt 9: Masking Zeit

Sie werden Ihre Alpha-Schicht werden bearbeite diese Bewegung zu zeigen, indem sie eine Vektormaske und die Elemente in dieser Schicht, die Sie in Bewegung zeigen wollen Ausblendung.

Sie wissen nicht, was eine Vektormaske ist oder welche Maskierung bedeutet? Informieren Sie sich hier.

Für unsere cinemagramm, maskiert wir die Bereiche unseres Modells in die Augen und einige ihrer Haare, sowie die Büsche im Hintergrund, da diese Elemente waren, die wir etwas Bewegung zeigen wollte.

Schritt 10: Testen, Prüfen, 1 2 3

In der Animation Fenster-sicherstellen, dass es gerade die Frames stellen Sie sicher, Ihre Animation Schleife gesetzt ist „Forever“. Dann spielen Sie Ihre Animation.

Von diesem Testlauf sollten Sie in der Lage sein zu sehen, welche weiteren Änderungen, die Sie auf Ihre Schichten und / oder Rahmen für Ihre endgültige GIF machen müssen.

Schritt 11: Feelin' verworrene?

Dies kann auf folgende Weise gelöst werden:

Vergessen Sie nicht, Ihre cinemagramm zu testen, indem sie durch die Animation (Frames) Fenster spielen, wie Sie herausfinden, wie reibungslos Schleife es.

Schritt 12: Färben Sie Ihre cinemagramm

Um auf diese Herausforderung aufzunehmen, wenden Sie einen Farbeffekt, der mit weniger Farbspeicher arbeiten. Solche Effekte sind Duoton oder Farbverarbeitungseffekte.

Sie können dies mit einer Anpassung Maske manuell über alle Schichten durch das Spielen, oder Sie können die Web kostenlos Photoshop-Aktionen für Farbeffekte suchen, die Sie gerade über alle Ebenen anwenden können.

Schritt 13: Ändern der Größe zu optimieren

Damit Ihr GIF zu optimieren, so dass es schön zeigen werde auf der Web-wie, sagen wir, Ihre fantastische Blog-wir müssen sicherstellen, dass Ihre GIF-Datei nicht mehr groß sein wird, als notwendig ist. Das Internet ist nicht freundlich zu großen GIF-Dateien.

Bei so vielen Schichten in der Datei bereits, es ist bereits verpflichtet, eine große Datei zu sein, so wie Sie es kleiner machen?

Warum, die Größe Ihres Bildes, natürlich!

Ändern Sie die Größe Ihres Bildes nach Ihren Wünschen in Bild> Bildgröße.

Stellen Sie sicher, dass die Auflösung Ihres Bildes wird auch auf 72 Pixel / Zoll festgelegt; das ist alles, die Auflösung für Bilder im Web benötigt.

Unser cinemagramm, für die Zwecke dieses Tutorial, bei einer ziemlich großen Größe von 600 × 400 Pixel festgelegt.

Hinweis: Wenn Sie Ihre GIF-Datei, wie am besten optimiert haben, können Sie, und Sie später finden es immer noch Probleme, die im Internet hochgeladen werden, gibt es kostenlose GIF resizers online verfügbar, die Ihre GIF mehr webfreundliche Datei machen.

Schritt 14: Speichern Sie zweimal

Zuerst speichern Sie die Datei, die Sie wurden Bearbeitung haben (wenn Sie nicht so während dieses Prozesses getan haben) als PSD-Datei, so dass Sie für weitere Bearbeitungen zurückkommen können, wenn nötig.

Dann haben „Save for Web. - Geräte“ ein

In dem Fenster, das sich öffnet, stellen Sie sicher in der oberen rechten Ecke, die Sie eine GIF-Datei mit 256 Farben sind speichern, bevor Sie speichern klicken.

Schritt 15: cinemagramm Erfolg!

Sie haben nun eine cinemagramm unter dem Gürtel fertig!

Weitere GIF Großartigkeit

Besonderer Dank geht an Fernando J. Baez, aus dessen cinemagramm Tutorial wurde dieses Tutorial lose auf. Sie schaukeln unsere Neon-Socken, Herr Baez!

  • Magst du das? Teilt es!
  • Erstellt mit Skizze.






In Verbindung stehende Artikel