Share
Digital erzeugter Schnee kann in Photoshop auf realistische Weise oft schwer zu erzeugen sein. Wir haben vor kurzem ein Tutorial veröffentlicht, in dem gezeigt wird, wie einem Standbild Schnee hinzugefügt werden kann. In diesem Tutorial haben wir beschlossen, zu zeigen, wie ein realistisch aussehender animierter Schneefalleffekt in Photoshop erstellt und dann in ein animiertes GIF umgewandelt wird Datei. Lass uns anfangen!
Um das Tutorial abzuschließen, benötigen Sie folgende Ressourcen:
Dieses Video wurde während der Erstellung dieses Tutorials aufgenommen. Leider konnten wir für dieses Video kein Audio aufnehmen, daher ist es stumm. Wir wollten es in den schriftlichen Teil dieses Tutorials aufnehmen, nur für den Fall, dass es hilfreich sein könnte.
Erstellen Sie ein neues Dokument mit 800 x 800 px.
Wähle aus Pinselwerkzeug (B) und setze das Größe auf eine kleine Anzahl wie 4.
Malen Sie auf einer neuen Ebene zufällig einige schwarze Punkte über die Leinwand. Jeder Punkt wird zu einer Schneeflocke. Benennen Sie diese Ebene Schneeflocken. Es ist wichtig zu vermeiden, dass zu viele Schneeflocken in einem Bereich zusammengefasst werden.
Bevor wir die Schneeflocken animieren, ist es wichtig zu überlegen, wie sie fallen. Wenn Schneeflocken vom Himmel fallen, stelle ich mir vor, dass sie in ihrem Abstieg hin und her schweben und ihnen ein anmutiges Aussehen verleihen. (Siehe Bild unten). Dieser Interpretation des fallenden Schnees folgend, können wir zwei Bewegungen identifizieren. fallen (nach unten) und schweben (von Seite zu Seite). Um den fallenden Schnee zu animieren, beginnen wir mit der leichten Bewegung von einer Seite zur anderen.
Öffne das Zeitleistenfenster (Fenster> Zeitleiste).
Das Zeitleistenfenster erscheint, aber es wird zunächst keine Zeitleiste angezeigt. Stattdessen wird eine einzige Schaltfläche angezeigt, in der Sie gefragt werden, welche Zeitleiste Sie verwenden möchten. Stellen Sie sicher, dass Sie auswählen Video-Timeline erstellen.
Nachdem nun eine Videozeitleiste erstellt wurde, sollten zwei Ebenen in der Zeitleiste sichtbar sein. Diese entsprechen den beiden Ebenen in der Ebenen Panel. In dem Zeitleistenfenster, Klicken Sie auf den Pfeil neben dem Schneeflocke Ebene, um die Animationseigenschaften anzuzeigen.
Stellen Sie sicher, dass sich der Abspielkopf beim ersten Bild befindet und klicken Sie auf das Stoppuhr-Symbol Aktivieren Sie die Keyframe-Animation. Dadurch wird automatisch ein Keyframe im ersten Frame eingefügt.
Bevor wir Bewegung hinzufügen, ist es hilfreich, einige Hilfslinien einzurichten. Vergrößern Sie eine der Schneeflocken und platzieren Sie eine vertikale Führung darüber.
Platziere zwei weitere Hilfslinien auf beiden Seiten der Schneeflocke. Dies wird die Entfernung darstellen, um die wir die Schneeflocke hin und her bewegen.
Spitze: Verwenden Sie die Linealleiste (Befehl / Strg + R) um sicherzustellen, dass die beiden Führungen den gleichen Abstand von der mittleren Führung haben.
Jetzt, da unsere Szene eingerichtet und die Keyframe-Animation aktiviert ist, können wir anfangen, unsere Schneeflocken zu animieren. Bewegen Sie den Abspielkopf zur 1-Sekunden-Markierung (1: 00f) auf der Timeline und verwenden Sie die Werkzeug verschieben, Bewegen Sie die Schneeflocke, bis sie die linke Führung erreicht.
Spitze: Wenn Sie die Umschalttaste gedrückt halten, wird die Bewegung horizontal eingeschränkt.
Bewegen Sie dann den Abspielkopf auf die Drei-Sekunden-Markierung (3: 00f) auf der Timeline und bewegen Sie die Schneeflocke zur rechten Führung.
Bewegen Sie den Abspielkopf schließlich bis zur 4-Sekunden-Markierung (4: 00f) und bewegen Sie die Schneeflocke zurück in die mittlere Führung.
Da unsere Animation über vier Sekunden läuft, müssen Sie das Ende des Arbeitsbereichs auf die Vier-Sekunden-Markierung setzen. Zieh den Ende des Arbeitsbereichs Markierung auf die Vier-Sekunden-Markierung (4: 00f). Klicken Sie auch oben rechts im Flyout-Menü auf Zeitleistenfenster und wähle Loop-Wiedergabe.
Drücken Sie Leertaste Vorschau der Animation.
Nach dem Betrachten der Animation ist die Bewegung der Schneeflocke zu hart. Dies kann durch Hinzufügen zusätzlicher Keyframes verringert werden. Ziehen Sie den Abspielkopf kurz vor der 1-Sekunden-Markierung (1:00). Beachten Sie die Position der Schneeflocke.
Verwendung der Pfeiltasten, Schieben Sie die Schneeflocke näher an den Führer.
Wiederholen Sie dies für die andere Seite der 1-Minuten-Markierung (1: 00f).
Machen Sie dasselbe an der Drei-Sekunden-Markierung (3: 00f).
Vorschau der Animation durch Drücken von Leertaste. Indem wir die Schneeflocken näher an die Führung schieben, haben wir es in und aus der Richtungsänderung leichter gemacht (wodurch sie eine natürlichere Bewegung erhalten)..
Nun, da die Schneeflocken eine Side-to-Side-Animation haben, müssen wir sicherstellen, dass keine von ihnen aus der Leinwand animiert wird. Überprüfen Sie die Kanten der Animation auf verschwindende Schneeflocken und verwenden Sie die Radiergummi-Werkzeug (E) um sie zu entfernen.
Klicken Sie auf das Augensymbol auf der Hintergrund Schicht in unserem Ebenen Panel. Dadurch wird die weiße Ebene ausgeblendet, sodass unsere Schneeflocken auf einem transparenten Hintergrund erscheinen.
Wählen Sie beide Ebenen in der Ebenen Panel und Rechtsklick. Wählen In intelligentes Objekt konvertieren. Es ist wichtig, dass beide Layer ausgewählt sind.
Der nächste Schritt besteht darin, unsere Leinwand zu erweitern, um Platz zu schaffen, um den fallenden Schnee zu animieren. Verwendung der Zuschneidewerkzeug (C), Fassen Sie die Unterkante und ziehen Sie sie nach unten, um die Leinwand zu erweitern. Halten Alt wird die Leinwand in beide Richtungen gleichmäßig erweitern.
Erstellen Sie eine neue Ebene unter dem Schneeflocken Schicht und Füllen mit Weiss.
Positionieren Sie die Schneeflocken Ebene nach oben auf der Leinwand.
In dem Zeitleistenfenster, Klicken Sie auf den Pfeil auf der Schneeflocken Ebene, um die Animationseigenschaften anzuzeigen. Notiere dass der Position Eigenschaft wurde durch die ersetzt Verwandeln Eigenschaft, da dies jetzt ein Smart-Objekt ist.
Schieben Sie den Ende des Arbeitsbereichs Markierung für die Vier-Sekunden-Markierung (4: 00f).
Bewegen Sie den Abspielkopf zum ersten Bild und klicken Sie auf das Stoppuhr-Symbol Aktivieren Sie die Keyframe-Animation und ein Keyframe am ersten Frame platzieren.
Bewegen Sie den Abspielkopf auf die Vier-Sekunden-Markierung (4: 00f) und verwenden Sie die Werkzeug bewegen (V) ziehen Sie die Schneeflocken Ebene an der Unterseite der Leinwand.
Drücken Sie Leertaste Vorschau der Animation. Wie Sie sehen, fällt der Schnee jetzt mit einer leichten seitlichen Bewegung anmutig. In den nächsten Schritten füllen wir den Schnee, um den Rest der Leinwand zu bedecken.
Erstellen Sie eine Kopie (Ebene> Ebene duplizieren) des Schneeflocken Schicht. Das kann man auch im tun Ebenen Panel indem Sie die Ebene über die ziehen Erstellen Sie ein neues Ebenensymbol. Durch das Duplizieren der Ebene wird die Animation beibehalten. Hinweis: Drücken Sie Befehl / Strg + J funktioniert nicht, da die Animationseigenschaften nicht kopiert werden.
Bewegen Sie die neue Ebene in der Zeitleiste um den zehnten Frame-Marker (10f)..
Drücken Sie Leertaste Vorschau der Animation. Der Schnee fällt nun weiter von der Oberseite der Leinwand.
Setzen Sie diese Technik fort, bis die gesamte Leinwand mit fallendem Schnee bedeckt ist. Bei einigen Ebenen müssen Sie die Keyframes möglicherweise manuell anpassen.
Beachten Sie, dass der Schneefall zu gleichmäßig erscheint. Um einige Variationen hinzuzufügen, können wir eine weitere duplizierte Ebene erstellen und diese mit einem Keyframe schneller als der Rest des Schnees fallen lassen.
Um noch mehr Variationen hinzuzufügen, ändern Sie die Keyframes einiger Ebenen, um sich schneller oder langsamer zu bewegen. Stellen Sie nur sicher, dass es keine Lücken im Schneefall gibt.
Wählen Sie Alle Schneeflocken Schichten und In intelligentes Objekt konvertieren.
Der Schneefall sieht allmählich besser aus, aber es gibt noch mehr Möglichkeiten. In den nächsten Schritten werden wir dem Schnee mehr Abwechslung und Dichte verleihen. Beginnen Sie mit dem Erstellen eines Kopieren (Befehl / Strg + J) des Schneeflocken Layer (da sich die gesamte Animation innerhalb des Smart-Objekts befindet, können wir das Smart-Objekt kopieren und die Animation trotzdem beibehalten).
Stellen Sie sicher, dass sich der Abspielkopf im ersten Bild befindet, sodass unsere Ebene die gesamten vier Sekunden animiert.
Transformieren (Befehl / Strg + T) Diese Ebene, so dass sie etwas größer und außermittig gedreht ist.
Mach etwas anderes Kopieren (Befehl / Strg + J), und ändern Sie die Größe und drehen Sie sie in die entgegengesetzte Richtung. Dies führt dazu, dass der Schnee sich kreuz und quer bewegt und ein realistischeres Verhalten ergibt.
Fügen Sie weitere neue Schneekopien hinzu und wandeln Sie diese auf verschiedene Weise um, um die Größe und Geschwindigkeit zu variieren (eine Ebene, die vertikal vergrößert wurde, scheint schneller zu schneien als die, die vertikal verringert wurde). Achten Sie darauf, die Transformationen nicht zu übertreiben.
Drücken Sie Leertaste um eine Vorschau der Ergebnisse anzuzeigen. Da wir Ebenen und Ebenen von animierten intelligenten Objekten hinzugefügt haben, verlangsamt sich Photoshop möglicherweise beim Versuch, eine Vorschau zu rendern.
Zum Schluss stellen Sie sicher, dass Ende des Arbeitsbereichs wurde auf die 4-Sekunden-Markierung (4: 00f) verschoben. Wenn Sie mit den Ergebnissen zufrieden sind, wählen Sie alle Ebenen und aus In intelligentes Objekt konvertieren. Benennen Sie die Ebene in um Schneefall. Speichern (Befehl / Strg + S) die Datei.
Jetzt, da der Schneefall erstellt wurde, können wir daran arbeiten, ein Bild für den Schneefall vorzubereiten. Öffnen Sie das Bild Ihrer Wahl. In diesem Fall verwende ich ein Foto von Tuts + Photoshop Editor, Grant Friedman vom Central Park.
Der nächste Schritt ist das Zuschneiden des Fotos. Ich bin nie ein großer Fan von Fotos, die nicht mir gehören. Da das Endergebnis jedoch eine quadratische GIF sein wird, muss dies getan werden. Verwenden Sie die Zuschneidewerkzeug (C) und stell das Seitenverhältnis auf 1: 1 (Quadrat).
Passen Sie die Zuschneidehilfen auf dem Bildschirm an, um das Bild auf 600 x 600 Pixel zu beschneiden. Klicken Sie auf das Häkchen (oder drücken Sie die Eingabetaste), um die Änderungen zu bestätigen.
Gehen Sie zu unserem Schneefalldokument, klicken Sie auf die Leinwand und ziehen Sie die Ebene auf die Dokumentregisterkarte, die das Foto enthält. Wenn Sie den Mauszeiger über die Registerkarte bewegen, wird das Dokument geöffnet. Ziehen Sie weiter über das Fotodokument und lassen Sie die Maustaste los. Das intelligente Objekt sollte auf unserem Foto platziert werden.
Wenn die Zeitleistenfenster ist noch nicht geöffnet, gehe zu Fenster> Zeitleiste. Klicken Sie auf die Schaltfläche zu Video-Timeline erstellen.
Schieben Sie den Ende des Arbeitsbereichs zu der vier Sekunden Markierung (4: 00f).
Drücken Sie Leertaste Vorschau der Animation. Wie bereits erwähnt, kann es einige Zeit dauern, bis Photoshop die Animation rendert. Der Schneefall sollte leicht zu sehen sein, da alles schwarz ist (wir werden das später ändern).
Jetzt ist es Zeit, dem Foto Schneelagen hinzuzufügen. Beginnen Sie mit der Größenänderung (Befehl / Strg + T) das Schneefall Ebene so ist es nur größer als die Leinwand.
Kopieren (Befehl / Strg + J) das Schneefall Schicht und Transformieren (Befehl / Strg + T) es passt in den Bereich hinter dem Pfad. Da diese Schneeschicht kleiner ist, wird der Schneefall wie im wirklichen Leben langsamer.
Um zu verhindern, dass Schnee plötzlich oben und unten auf der Ebene erscheint und verschwindet, müssen wir eine Ebenenmaske hinzufügen. Zuerst das Original ausblenden Schneefall Ebene (wir möchten die kopierte Ebene deutlich sehen). Klicken Sie anschließend auf Ebenenmaske hinzufügen Symbol und verwenden Sie einen großen, weichen Pinsel, um die Ober- und Unterseite der Ebene auszublenden.
Drücken Sie Leertaste Vorschau der Animation. Der Schnee sollte hinter die Baumgrenze fallen und in der Ferne auf dem Boden stehen bleiben.
Mach ein Kopieren (Befehl / Strg + J) dieser Ebene und verkleinern (Befehl / Strg + T) etwas größer als die vorherige Schicht sein. Diese Schneeschicht sollte auf halber Strecke erscheinen.
Die Ebenenmaske wird auch kopiert. Bearbeiten Sie dies für die größere Schneeschicht.
Mach etwas anderes Kopieren (Befehl / Strg + J). Werfen Sie diesmal die Ebenenmaske im Papierkorb-Symbol unten im Fenster weg Ebenen Panel. In Photoshop werden Sie gefragt, was Sie mit der Ebene tun sollen. Wählen Löschen.
Ändern Sie die Größe dieser Ebene. Erstellen Sie weitere Kopien und Transformieren (Befehl / Strg + T) sie auf verschiedene Weise, um Variation hinzuzufügen.
Als nächstes erstellen Sie eine andere Kopieren (Befehl / Strg + J) und verkleinere die Ebene auf ca. 175%.
Füge hinzu ein Gaußscher Weichzeichner (Filter> Unschärfe Gaußscher Weichzeichner) mit einer Radius von 2,9 px. Dies vermittelt die Illusion, dass Schnee unscharf ist und direkt vor die Kamera fällt.
Fügen Sie optional eine kleine Menge hinzu Gaußscher Weichzeichner zu den beiden hinteren Schichten.
Eines der letzten Dinge, die getan werden müssen, ist, die Schneeflocken weiß zu machen. Um dies zu tun, Doppelklick eine der Thumbnails der Schneefall intelligente Objekte. Dadurch wird das Smart-Objekt zur Bearbeitung geöffnet. Stellen Sie sicher, dass die weiße Hintergrundebene sichtbar ist.
Als nächstes fügen Sie das hinzu Umkehren Einstellungsebene an den oberen Rand des Ebenenstapels. Das Ergebnis sollte weißer Schnee auf schwarzem Hintergrund sein.
Speichern (Befehl / Strg + S) das Smart-Objekt-Dokument und kehren Sie zum Arbeitsdokument zurück. Möglicherweise stellen Sie fest, dass das Foto nicht mehr sichtbar ist. Wählen Sie alle Schneefall-Layer aus und ändern Sie die Mischmodus auf dem Bildschirm.
Drücken Sie Leertaste zur Vorschau. Alle Schneeschichten, die wir hinzugefügt haben, haben einen Parallaxe-Effekt erzeugt, der dem Schnee die Tiefe verleiht.
Da alles mit intelligenten Objekten erstellt wurde, können wir den Schneefall problemlos bearbeiten. In diesem Fall könnte der Schnee dicker und vielleicht etwas weicher wirken. Den Schnee bearbeiten, Doppelklick die Miniaturansicht eines der intelligenten Objekte.
Wenn der Schneefall in unserer ersten Vorschau zu einheitlich aussah, sollten Sie sich hier etwas Zeit nehmen, um das Bild neu zu positionieren und seine Größe zu ändern Schneeflocke Schichten, bis Sie mit der Variation zufrieden sind.
Weiter Doppelklick jedes intelligente Objekt, bis wir zum Original gelangen Schneeflocken Schicht.
Doppelklick das Schneeflocken Schicht und fügen Sie eine schwarze hinzu Äußeres Glühen Ebenenstil mit den folgenden Einstellungen. OK klicken.
Speichern (Befehl / Strg + S) und Schließen Jedes Smart-Objekt dokumentiert, bis wir zu unserer Schneefallszene zurückkehren. Drücken Sie Leertaste Vorschau der Animation. Der Schnee sieht viel besser aus.
Die schnellste Methode zum Erstellen einer GIF ist normalerweise die Verwendung der Speichern Sie für Web Möglichkeit. Da wir jedoch bei der Erstellung unserer Szene viele intelligente Objekte mit mehreren Ebenen verwendet haben, wird Photoshop zweifellos langsamer, wenn versucht wird, all diese Informationen zu verarbeiten. Stattdessen erstellen wir zuerst eine Videodatei. Gehe zu Datei> Exportieren> Video rendern
In dem Video rendern Ändern Sie die Einstellungen nach Belieben oder verwenden Sie die Einstellungen unten und klicken Sie auf Machen.
Wenn die Datei fertig gerendert wurde, suchen Sie sie auf Ihrem Computer und öffnen Sie sie in Photoshop. Photoshop sollte diese automatisch als Videodatei öffnen
Gehen Sie jetzt zu Datei> Für Web speichern und passen Sie die Einstellungen an und klicken Sie auf Erledigt. Wenn Sie möchten, dass Ihre Animation in einer Schleife abgespielt wird, müssen Sie die Schleife aktivieren. Weitere Informationen zum Optimieren einer GIF-Datei finden Sie in Martin Perhiniaks Beitrag 10 Möglichkeiten zur Optimierung einer animierten GIF-Datei.
In diesem Lernprogramm haben wir gelernt, wie Sie eine traditionell komplexe Animation - wie fallender Schnee - nehmen und diese mithilfe von intelligenten Objekten in mehrere einfache Animationen unterteilen. Hoffentlich hat Ihnen dieses Tutorial gezeigt, wie einfach Animationen in Photoshop wirklich sein können.
Accentsconagua