Erstellen Sie Animationen in Photoshop CC. Was ist Animation

Erstellen Sie eine neue Größendatei 700 x 300 px.

Öffnen des Fensters Zeitleiste( (Fenster - Zeitleiste)).

Klicken Sie auf die Schaltfläche " Rahmenanimation erstellen» (Rahmenanimation erstellen).

Mit dem Werkzeug () erstellen 3 Ebene mit Text ("Animation", "this", "just").

Platzieren Sie den Text mit dem Werkzeug (Werkzeug verschieben / V-Taste) wie im Bild unten.

Im Fenster Zeitleiste(Timeline) Wählen Sie das erste Bild aus und klicken Sie auf die Schaltfläche « Dupliziert ausgewählte Frames» (Kopie ausgewählter Rahmen erstellen).

Wir erstellen 4 Kopien ausgewählter Frames.

Wählen Sie im Fenster aus Zeitleiste(Zeitleiste) zweiter Rahmen und lassen Sie nur die Ebenen sichtbar " Animation" und " Hintergrund».

Wählen viertes Bild und sichtbar lassen alle Schichten.

Lassen Sie uns den Wiederholungsparameter für unsere Animation festlegen. Im Fenstermenü Zeitleiste(Timeline), ändern Sie den Wiederholungsparameter von " einmal" auf der " Ständig“ (Bild unten).

Jetzt können wir die Animation verwenden, um mit dem Spielen zu beginnen.

Animationseinstellungen in „Datei – Für Web speichern“ (Datei – Für Web speichern) Photoshop CC. Endergebnis

In diesem Artikel werde ich darüber sprechen, was Animation in Photoshop ist. Wir werden sehen, wie die Animation in Photoshop am Beispiel der Erstellung eines Neujahrsbanners funktioniert.

Ich werde in Adobe Photoshop CS6 arbeiten. Ich habe eine russische Schnittstelle, weil ich von der Arbeit schreibe.

Ich habe die englische Version zu Hause, und ich rate Ihnen, von der englischen Version zu lernen, hier ist der Grund:

Sie können das Programm in jeder Sprache problemlos navigieren (nach Englisch auf Russisch können Sie leicht Tools finden, da dies Ihre Muttersprache ist, und nach Russisch kann es Probleme bei der Anpassung geben).
Mehrheitlich Gute Lektionen sind in Englisch verfasst.
Lokalisierungen des Programms unterscheiden sich oft voneinander, die Qualität der Schnittstellenübersetzung lässt manchmal zu wünschen übrig. Eine falsche Übersetzung von Instrumenten kann eine Person verwirren, die mit dem Studium des Programms beginnt.

Erste Schritte mit Animation in Photoshop CS6

Lassen Sie uns Photoshop starten.

Erstellen Sie ein neues Dokument Datei -Neu (Strg+N).

Stellen Sie in dem sich öffnenden Fenster die Größe des Banners ein: 600 x 120, nennen wir es "Neujahrsbanner" -> "OK".

Erstellen Sie einen Hintergrund

Ich wähle im Voraus die Materialien aus, die ich in meiner Arbeit verwenden werde (Hintergründe, Schriftarten usw.).

Vorbereitete Textur öffnen: Strg+O. Sie können die von mir verwendete Textur herunterladen.

Öffnen Sie die Ebenenpalette "Ebenen" - F7.

Wählen Sie das Fenster mit der Textur aus und ziehen Sie die Ebene aus der Ebenenpalette auf die Ebene mit dem Banner.

Wenn sich herausstellt, dass die Textur im Vergleich zum Banner zu klein oder zu groß ist, passen Sie ihre Größe mit der Strg+T-Transformation an.

In den Ecken des Bildes erscheinen kleine quadratische Markierungen. Halten Sie die Umschalttaste gedrückt, um das Seitenverhältnis bei der Größenänderung beizubehalten, ziehen Sie den Eckgriff diagonal und verkleinern oder vergrößern Sie das Bild, bis die gesamte Oberfläche des Banners mit dem Hintergrund gefüllt ist.

Nachdem wir die Textur an die Größe des Banners angepasst haben, fahren wir mit der Farbkorrektur fort.

Gehen Sie in das Menü „Bild“ – „Anpassungen“ – „Farbton / Sättigung“ (Bild – Korrektur – Farbton / Sättigung).

Ich stelle diese Einstellungen ein, um eine helle, gesättigte Farbe zu erzielen:

Wir schreiben den Text

Erstellen Sie eine neue Ebene (Strg + Umschalt + N) oder klicken Sie auf das Symbol für neue Ebene in der Ebenenpalette.

Wählen Sie das horizontale Textwerkzeug (T) aus.

Wählen Sie einen Pinsel mit einem beliebigen Stern, die Farbe wird weiß #ffffff. Um eine Farbe auszuwählen, klicken Sie auf das kleine Quadrat unten im linken Bedienfeld.

Zeichnen Sie auf einer neuen Ebene an beliebigen Stellen Sterne. Um die Sterne heller zu machen, klicken Sie mehrmals auf eine Stelle. Folgendes ist mir passiert:

Erstellen Sie eine duplizierte Ebene (Strg + J). Klicken Sie auf das Augensymbol in der Ebenenpalette, um die Sichtbarkeit der vorherigen Ebene auszublenden.

Wählen Sie die oberste Ebene mit der Kopie der Sterne aus. Wählen Sie das Lasso-Werkzeug (L) aus dem linken Bereich.

Wählen Sie nacheinander jeden Stern aus, drücken Sie „V“ (Verschieben-Werkzeug) und verschieben Sie ihn an eine andere Stelle, sodass wir Sterne an verschiedenen Stellen in verschiedenen Rahmen haben, was einen Flackereffekt erzeugt.

Nachdem Sie alle Sterne an eine andere Stelle verschoben haben, erstellen Sie ein Duplikat der Ebene, an der Sie gearbeitet haben (Strg + J), blenden Sie die vorherige Ebene in der Ebenenpalette aus, indem Sie auf das Auge klicken, und wiederholen Sie den Vorgang erneut, um die Sterne an eine neue Stelle zu verschieben Stellen können Sie auch mehrere neue Sterne fertig malen.

So erhalten wir 3 Ebenen mit Sternen, in denen sich die Sterne jeweils an unterschiedlichen Positionen befinden.

Alles ist fertig.

Erste Schritte mit Animationen in Photoshop

Öffnen der Zeitleiste. Gehen Sie zum Menü "Fenster" - "Zeitleiste" (Fenster - Zeitleiste).

Im erscheinenden Timeline-Panel finden wir in der Mitte die Schaltfläche „Create Video Timeline“ (Create a timeline for video).

Danach ändert die Skala ihr Aussehen. Jetzt stoßen wir in der unteren linken Ecke des Fensters auf das Symbol mit drei Quadraten, um eine Frame-für-Frame-Animation zu erstellen.

Wir haben das Bild-für-Bild-Animationsfenster geöffnet. Jetzt gibt es nur noch einen Rahmen darin, in dem alle sichtbaren Ebenen angezeigt werden (der Inhalt des ausgewählten Rahmens wird im Hauptfenster auf dem Monitor angezeigt).

Gehen Sie zur Ebenenpalette - F7. Wir müssen jetzt die oberen beiden Sternschichten ausschalten (klicken Sie auf das Auge), sodass nur eine sichtbar bleibt. Dies wird der erste Rahmen sein.

Gehen Sie zur Ebenenpalette. Schalten Sie die erste Schicht mit Sternen aus, schalten Sie die zweite ein. Somit werden im zweiten Rahmen die Sterne an anderen Stellen gezeigt.

Klicken Sie erneut auf das neue Rahmensymbol. Schalten Sie die zweite Schicht mit den Sternen aus, schalten Sie die dritte ein.

Achten Sie auf die Zeit unter jedem Frame, dies ist die Dauer des Frames. 5 Sekunden, die standardmäßig sind, sind viel für uns - die Animation wird langsamer, klicken Sie auf den Pfeil und stellen Sie die Dauer jedes Frames auf 0,1 Sekunden ein.

Damit sich Frames reibungslos ändern, müssen wir Zwischenframes zwischen Keyframes erstellen. Klicken Sie dazu im ersten Frame auf das Symbol mit mehreren Kreisen am unteren Rand des temporären Bedienfelds.

Geben Sie im erscheinenden Fenster an, wie viele Zwischenbilder wir erstellen möchten. Ich setze es auf 2. Stellen Sie für alle Frames außer dem letzten "Nächster Frame" ein.

Zwischen dem ersten und zweiten Keyframe haben Sie 2 Zwischenbilder.

Nun stehen wir auf dem 2. Keyframe (jetzt ist es der 4. in Folge), klicken erneut auf das Icon mit den Kreisen und erzeugen 2 weitere Zwischenframes. Jetzt müssen wir das letzte und erste Bild schließen, um eine reibungslose Animation zu erhalten.

Wählen Sie den letzten Frame in der Timeline aus. Klicken Sie auf die Kreise. Wählen Sie im angezeigten Fenster in der Zeile "Zwischenbilder" "Erstes Bild" aus und fügen Sie auf die gleiche Weise 2 Bilder hinzu.

Jetzt geben wir unter den Frames unten links die Anzahl der Wiederholungen der Animationswiedergabe „Constant“ an.

Wählen Sie den ersten Frame aus, drücken Sie auf das Dreieck rechts "Play", um zu sehen, was passiert ist.

Wir wählen das Dateiformat zum Speichern des GIF aus, klicken auf "Speichern ...", wählen das Verzeichnis aus, in dem wir speichern möchten, und klicken erneut auf "Speichern".

In diesem Tutorial haben wir also gesehen, wie man Animationen in Photoshop CS6 erstellt.

Ich hoffe, Sie haben aus diesem Tutorial etwas Neues und Nützliches gelernt.

Um eine Animation zu erstellen, ist kein phänomenales Wissen erforderlich, Sie müssen nur das richtige Werkzeug erwerben und es richtig verwenden. Es gibt einige solcher Lösungen, aber die bekannteste davon ist Adobe Photoshop. Dieser Artikel zeigt Ihnen, wie Sie schnell eine Animation darin erstellen können.

Wenn Photoshop nicht auf Ihrem PC installiert ist, laden Sie es über den obigen Link herunter, installieren Sie es dann gemäß den Anweisungen in diesem Artikel und führen Sie es aus.

Stufe 1: Vorbereiten der Leinwand und der Ebenen

Jetzt können Sie darauf zeichnen, was in der Animation gezeigt wird. In unserem einfaches Beispiel Dies wird das sich bewegende Quadrat sein. Auf jeder Ebene verschiebt es sich um einige Pixel nach rechts.

Stufe 2: Arbeiten mit der Zeitachse

Alle! Animation ist fertig. Sie können das Ergebnis anzeigen, indem Sie auf die Schaltfläche klicken "Animationswiedergabe starten". Und dann kannst du es speichern als gif.

Auf so einfache, aber bewährte Weise haben wir es geschafft, eine GIF-Animation in Photoshop zu erstellen. Natürlich lässt es sich stark verbessern, indem man die Frametime reduziert, mehr Frames hinzufügt und natürlich statt eines schwarzen Quadrats etwas Originelleres und qualitativ Besseres schafft. Aber es hängt schon von Ihren Vorlieben, Wünschen und Fähigkeiten ab.

Erstellen Sie eine neue Größendatei 700 x 300 px.

Öffnen des Fensters Zeitleiste( (Fenster - Zeitleiste)).

Klicken Sie auf die Schaltfläche " Rahmenanimation erstellen» (Rahmenanimation erstellen).

Mit dem Werkzeug () erstellen 3 Ebene mit Text ("Animation", "this", "just").

Platzieren Sie den Text mit dem Werkzeug (Werkzeug verschieben / V-Taste) wie im Bild unten.

Im Fenster Zeitleiste(Timeline) Wählen Sie das erste Bild aus und klicken Sie auf die Schaltfläche « Dupliziert ausgewählte Frames» (Kopie ausgewählter Rahmen erstellen).

Wir erstellen 4 Kopien ausgewählter Frames.

Wählen Sie im Fenster aus Zeitleiste(Zeitleiste) zweiter Rahmen und lassen Sie nur die Ebenen sichtbar " Animation" und " Hintergrund».

Wählen viertes Bild und sichtbar lassen alle Schichten.

Jetzt können wir die Animation verwenden, um mit dem Spielen zu beginnen.

Animationseinstellungen in „Datei – Für Web speichern“ (Datei – Für Web speichern) Photoshop CC. Endergebnis

Du wirst es lernen:

So öffnen und schließen Sie das Animationsfenster und passen es an.
Wie man Key- und Animationsframes hinzufügt, entfernt und bearbeitet.
Wozu dient die Tween-Taste?
So erstellen Sie eine einfache Animation zum Zeichnen von Sternen.
So legen Sie Zeitintervalle für jeden Animationsframe fest.
So optimieren Sie die Animation, um die Größe der GIF-Datei zu reduzieren.
So importieren Sie GIF-Dateien in das Programm.
So wechseln Sie von der Frame-Animation zur Timeline.

Der Unterricht besteht aus den folgenden Abschnitten:

1. Lehrvideo.
2. Was ist Animation.
3. Teil 1. Frame-für-Frame-Animation.
4. Intervalle einstellen.
5. Einstellung der Wiederholungsfrequenz.
7. Animationsoptimierung.
8. Animation speichern.
10. Öffnen Sie GIFs.
11. Schaltflächen zum Vereinigen von Animationsebenen.
12. Schließen des Animationsbereichs.
13. Fragen.
14. Hausaufgaben.

Was ist Animation

Animation ist ein sequentieller Wechsel von Bildern, wodurch es uns so vorkommt, als würde sich das Objekt bewegen, seine Form ändern, erscheinen und verschwinden, und es können auch andere dynamische Aktionen damit auftreten.

Mithilfe von Animationen in Photoshop können Sie Diashows aus Fotos oder Bildern erstellen, Avatare, Banner, Bildschirmschoner für Webseiten, dynamische Postkarten und verschiedene Präsentationen erstellen. Dabei ist zu bedenken, dass Photoshop nach wie vor ein Grafikeditor ist und nicht für komplexe Animationsprozesse ausgelegt ist. Es gibt zwei Möglichkeiten, Animationen im Programm zu erstellen – Frame-by-Frame-Animation und Animation im Timeline-Modus. Wir werden beide Animationsarten der Reihe nach betrachten. Wir werden die gesamte Lektion 36 dem Studium der Bild-für-Bild-Animation widmen. Und in Lektion 37 werden wir uns mit der Zeitlinie befassen. Einige einfache Aufgaben lassen sich bequemer im Frame-für-Frame-Animationsmodus ausführen. Auch wenn Sie aus anderen Programmen wissen, wie man mit der Zeitleiste arbeitet, empfehle ich Ihnen, die Aufgaben aus dieser Lektion auszuprobieren. Anhand der gewonnenen Erkenntnisse können Sie entscheiden, welche Methode Sie im Einzelfall anwenden.

Teil 1. Frame-für-Frame-Animation

Tafel Rahmen erschien vor langer Zeit. Betrachten wir seine Einstellungen am Beispiel der Animation zum Zeichnen eines Sternchens.

Erstellen Sie ein neues Dokument 800 x 800 Pixel, 72 Auflösung, RGB-Farbmodus. Erstellen Sie eine neue Ebene, indem Sie auf das Symbol unten in der Ebenen-Palette klicken. Oder drücken Sie Umschalt+Strg+N.

Wählen Sie in der Symbolleiste das Pinselwerkzeug aus schwarz, 35 Pixel im Durchmesser mit verschwommenen Rändern. Zeichnen Sie die erste schräge Linie (setzen Sie einen Punkt, drücken Sie die Umschalttaste und setzen Sie den nächsten Punkt - die Linie wird gerade).

Erstellen Sie eine zweite Ebene. Zeichne die nächste Linie. Dann die dritte Schicht
und eine weitere Linie usw. Sie sollten sechs Ebenen haben, einschließlich der Hintergrundebene.

Um das Animationsbedienfeld zu öffnen, klicken Sie im Menü „Fenster“ auf das Element „Animation“. Oder stellen Sie im Menü Fenster den Arbeitsbereich ( Arbeitsumfeld) auf Video und Film/Video. Stellen Sie sicher, dass sich das Bedienfeld im Frame-für-Frame-Animationsmodus befindet.
Klicken Sie andernfalls auf das Symbol unten rechts im Animationsbereich.

Deaktivieren Sie die Sichtbarkeit aller Ebenen außer der Hintergrundebene in der Palette Ebenen (Ebenen), indem Sie auf das Symbol links neben der Ebenenminiatur klicken. Dies wird das erste Bild unserer Animation sein.

Klicken Sie auf das Symbol unten im Animationsfenster. Der zweite Rahmen (eine Kopie des ersten Rahmens) wird angezeigt. Um es zu ändern, schalten Sie die Sichtbarkeit der ersten Ebene in der Palette Ebenen (Ebenen) ein. Klicken Sie erneut auf das Symbol und aktivieren Sie die Sichtbarkeit der zweiten Ebene.

Erstellen Sie weiterhin neue Frames und schalten Sie die Sichtbarkeit der nächsten Ebenen ein, bis das gesamte Sternchen im letzten Frame erscheint.

Am unteren Rand des Animationsbedienfelds befinden sich Werkzeuge zum Hinzufügen, Entfernen und Anzeigen von Animationen.

- Umwandlung in Animation auf der Timeline.

- zwischen(Erstellung von Zwischenrahmen).

- Aktuellen Frame duplizieren (Erstellen einer Kopie der ausgewählten Frames).

- Wiedergabetasten (wie bei jedem Tonbandgerät).

Wählt den ersten Frame (WählenDer Ersterahmen); Wählt Vorschaurahmen (Wählenfrüherrahmen);

abspielen(Animation starten);

Wählt ausNächsterahmen(Nächstes Bild auswählen).

- Ausgewählte Frames löschen. Bitte beachten Sie, dass der SchlüsselDelauf der Tastatur löscht nicht den ausgewählten Rahmen, sondern löscht die ausgewählte Ebene aus der Palette Ebenen (Ebenen).

Intervalle einstellen.

Lassen Sie uns nun die Zeitintervalle festlegen, in denen Animationsframes sichtbar sind.

Unter jedem Frame wird unten 0 s geschrieben. und da ist ein pfeil. Klicken Sie auf den Pfeil und wählen Sie die Bildrate aus. Wählen Sie für alle Frames einen Wert von 0,5 (dh nach einer halben Sekunde erfolgt ein Framewechsel).

Einstellen der Wiederholungsfrequenz.

Der nächste Schritt besteht darin, die Häufigkeit der Animationswiederholungen festzulegen. Klicken Sie auf den Pfeil unten im Animationsbereich. Das Periodizitätsauswahlmenü erscheint.

Wenn Sie Forever (Forever / Permanently) auswählen, wird die Animation immer wieder wiederholt. Dieser Vorgang wird Schleifen genannt.

Wenn Sie „Einmal“ auswählen, wird die Animation einmal abgespielt und beim letzten Frame angehalten.

Wenn Sie Andere auswählen, können Sie innerhalb des Bereichs (von 1 bis 999) eine andere Anzahl von Wiederholungen einstellen.

Lassen Sie uns nun die erstellte Animation abspielen. Klicken Sie dazu auf die Schaltfläche Play (Animation starten). Wenn Ihnen alles gefällt, fahren Sie mit dem nächsten Schritt fort, wenn nicht, passen Sie die Animation nach Ihren Wünschen an.

Gehen Sie zum Animationsbereich. Klicken Sie auf das Symbol Aktuellen Frame duplizieren. Wählen Sie alle Ebenen außer der Hintergrundebene aus.
Deaktivieren Sie die Sichtbarkeit der Hintergrundebene. Drücken Sie Strg + Umschalt + Alt + E. Es erscheint eine neue Ebene, auf der alle ausgewählten Ebenen gestempelt werden.
Das Miniaturbild der Ebene zeigt einen Stern auf einem transparenten Hintergrund. Nennen Sie diese Ebene Stern.

Doppelklicken Sie auf die Ebene, um zu den Stileinstellungen zu gelangen. Legen Sie die Schatten- und Farbüberlagerung fest. Wählen Sie die Farbe Ihrer Wahl.

Gehen Sie zurück zum ersten Frame der Animation
und entfernen Sie die Sichtbarkeit der Ebene mit dem Stern
in der Palette Ebenen (Ebenen).

Wählen Sie das letzte Bild aus. Lassen Sie in der Ebenenpalette nur die Sternebene und die Hintergrundebene sichtbar.

Duplizieren Sie diese Ebene und ändern Sie die Stileinstellungen: Farbe ändern, Prägung oder Strich festlegen. Gehen Sie zum Animationsbereich. Klicken Sie auf das Symbol Aktuellen Frame duplizieren. Gehen Sie zurück zum ersten Frame im Animationsbedienfeld und deaktivieren Sie diese Ebene in der Palette.

Duplizieren Sie die Ebene erneut und ändern Sie den Stil. Wählen Sie das Werkzeug Bewegen (Verschieben) oder drücken Sie Strg + T, um zum Werkzeug Freie Transformation zu gelangen. Ändern Sie den Maßstab. Gehen Sie zum Animationsbereich. Klicken Sie auf das Symbol. Gehen Sie zurück zum ersten Bild und deaktivieren Sie diese Ebene.

Duplizieren Sie die Ebene erneut und zoomen Sie etwas mehr hinein und ändern Sie den Stil. Und fügen Sie einen Animationsrahmen hinzu. Sie sollten mit einem Storyboard wie diesem enden:

Drücken Sie die Play-Taste (Animation starten) und sehen Sie sich das Ergebnis der geleisteten Arbeit an.

Animationsoptimierung.

Klicken Sie auf das Symbol oben rechts im Animationsbereich. Es erscheint ein zusätzliches Menü.

Nach Abschluss der Arbeiten sollte die Animation optimiert werden, um die Größe der Gif-Datei zu reduzieren und besser im Webbrowser zu laden. Die Reduzierung erfolgt durch den Ausschluss von Bereichen, die sich beim Übergang von Frame zu Frame nicht ändern.

Auswählen Animation optimieren…(Animation optimieren). Aktivieren Sie beide Kontrollkästchen.
BegrenzungKasten(Begrenzungsrahmen)- Beschneidet Frames um den geänderten Bereich im Vergleich zum vorherigen Frame.

Redundant Pixel Removal (Entfernen zusätzlicher Pixel). Wenn sich ein Pixel gegenüber dem vorherigen Frame nicht geändert hat, wird es transparent.

Wählen Sie die Option aus, damit PhotoShop Frames speichert, die Transparenz enthalten "Automatisch". Wählen Sie dazu einen oder mehrere Rahmen aus. Klicken Rechtsklick Bewegen Sie die Maus über die Miniaturansicht des Rahmens. Wählen Sie aus drei Optionen:

Automatisch(Automatisch)— Das aktuelle Bild wird verworfen, wenn das nächste Bild Ebenentransparenz enthält.,

Tunnichtentsorgen(Nicht entsorgen)-Der aktuelle Frame ist durch die transparenten Bereiche des nächsten Frames sichtbar.,

Entsorgen(Position)- Das aktuelle Bild ist durch die transparenten Bereiche des nächsten Bildes nicht sichtbar.

Animation speichern.

Jetzt ist es an der Zeit, die Animation zu speichern. Während der Arbeit musste die Datei natürlich im PSD-Format gespeichert werden, um nicht in eine Situation mit einem plötzlichen Stromausfall oder einem unerwarteten Neustart des Computers zu geraten. Aber jetzt meine ich eine weitere Rettung. Die Animation kann mit dem Befehl „Für Web speichern“ als animiertes GIF gespeichert werden.

Wählen Sie im Menü „Datei“ die Option „Für Web speichern“. Stellen Sie das Gif-Format in den Einstellungen ein. Achten Sie auf die Größe der zukünftigen Datei. Reduzieren Sie seine Größe, wenn möglich. Wie das geht, haben wir ausführlich in der Lektion Image Size (Bildgröße) besprochen. Verwenden Sie beim Optimieren das adaptive, perzeptive oder selektive Farbreduktionsmodell, um die Farbkonsistenz über alle Frames hinweg sicherzustellen. Klicken Sie auf Speichern, geben Sie einen Namen und einen Pfad ein und klicken Sie erneut auf Speichern.

Bisher haben wir zum Aufzeichnen der Animation die ImageReady-Anwendung aufgerufen.

Photoshop CS2 führt das Animationsbedienfeld ein. Aber um die animierte Datei zu speichern, mussten Sie immer noch zu ImageReady wechseln. Für den Übergang dient die Schaltfläche am unteren Rand der Symbolleiste oder das Menü Datei (Datei) - Bearbeiten in ImageReady (Gehe zu ImageReady).

Ab Photoshop CS3 und höher sind keine zusätzlichen Programme zum Aufzeichnen von Animationen erforderlich. Für die Bearbeitung wird nun das Animationspanel verwendet und für die Aufnahme wurde der Punkt im Menü Datei (Datei) angepasst. SpeichernzumNetz(Speichern fürNetz) .

Betrachten wir ein weiteres kleines Beispiel für die Erstellung einer Frame-für-Frame-Animation, in der wir analysieren, wozu die Schaltfläche dient. zwischen(Tweening erstellen).

Erstellen Sie ein neues Dokument mit 500 x 250 Pixel. Wählen Sie das Werkzeug Type (Text), Schriftart Impact, Größe 150 pt. und schreibe ein beliebiges Wort. Stellen Sie die Deckkraft auf 100 % ein. Fügen Sie Ebenenstile hinzu: Schatten, Farbverlauf und Prägung. Du kannst einen anderen Stil wählen, du musst es nicht so machen wie bei mir. Die Textverformung kann auch animiert werden. Stellen Sie im Animationsbereich das Intervall auf 0,2 Sekunden ein. Drücken Sie die Taste, um das erste Bild zu kopieren. Gehen Sie zur Palette Ebenen (Ebenen) und reduzieren Sie die Deckkraft auf 0. Ändern Sie den Ebenenstil (fügen Sie beispielsweise anstelle einer Verlaufsüberlagerung eine Farbüberlagerung hinzu). Wenn Sie zwischen den Frames wechseln, können Sie beobachten, wie sich das Bild ändert.

Fügen wir Bewegung hinzu. Wählen Sie das Werkzeug Verschieben (Verschieben) und verschieben Sie den Text nach unten aus dem Blatt. Gehen Sie zum Animationsbereich und klicken Sie auf die Schaltfläche

In dem angezeigten Fenster können Sie die Anzahl der hinzugefügten Frames festlegen. Je mehr von ihnen, desto reibungsloser wird der Übergang sein. In der Grafik zwischenMit(zwischen Frames) Sie können aus der Liste auswählen, wo die Rahmen eingefügt werden:

Letzter (Letzter Frame); Auswahl (Auswahl); Vorheriger Frame (Vorheriger Frame); Erster Rahmen (Erster Rahmen); Nächstes Bild Die Liste ändert sich je nach ausgewähltem Rahmen.

Belassen Sie alle Standardeinstellungen. OK klicken.

Klicken Sie auf Play (Animation starten). Wenn alles zu Ihnen passt, speichern Sie die Animation.

Öffnen von GIFs.

In Photoshop CS3 und CS44 lassen sich Video- und GIF-Animationsdateien nicht über das Menü Datei (Datei) – Öffnen (Öffnen) öffnen. Wenn ich versuche, es zu öffnen, erscheint ein Fenster:

Achten Sie darauf, QuickTime Pro 7.1 oder höher zu installieren.

Photoshop CS5 hat dieses Problem nicht. Dateien werden ganz einfach auf die übliche Weise geöffnet.

Wählen Sie aus dem Menü Datei (Datei) –Importieren (Importieren) – Videoframes in Ebenen (Frames of video
in Schichten...). Sie können keine GIF-Dateien im Dateitypfeld auswählen. Dieser Mangel kann jedoch leicht umgangen werden, wenn Sie zuerst den Namen der .gif-Datei kopieren und in das Dateinamensfeld einfügen oder den Namen manuell in dieses Feld eingeben. Oder geben Sie * in das Feld Dateiname ein und klicken Sie dann auf Laden
der Name der GIF-Datei wird sichtbar und kann geöffnet werden (Andere Dateien werden sichtbar, auch solche, die nicht im Programm geöffnet werden können).

Belassen Sie die Einstellungen im erscheinenden Fenster als Standard. Von Anfang bis Ende und Frame-Animation erstellen sollten aktiviert sein. Leider haben auf diese Weise geöffnete Dateien keinen transparenten Hintergrund, sondern einen weißen. Wenn Sie eine solche Datei in CS5 öffnen, bleibt der transparente Hintergrund erhalten.

Schaltflächen zum Vereinigen von Animationsebenen.

Sehen Sie sich genau an, wie sich die Palette verändert hat Schichten(Schichten) beim Arbeiten mit Frame-by-Frame-Animation. Es wurden Schaltflächen angezeigt, mit denen Sie Änderungen im aktuellen Frame auf alle anderen Frames anwenden können. Aktivieren Sie das Kontrollkästchen Frame 1 propagieren.

Mal sehen, wie sie funktionieren ... Öffnen Sie die Sternzeichnungs-Animationsdatei. Wählen Sie einen beliebigen Rahmen aus und deaktivieren Sie die Sichtbarkeit der Hintergrundebene. Klicken Sie auf Wiedergabe (Animation starten). Nur der ausgewählte Rahmen wurde transparent. Klicken Sie auf die Schaltfläche Sichtbarkeit der Ebene vereinheitlichen. Es erscheint ein Fenster: .

Klicken Passen(Synchronisieren) und führen Sie die Animation erneut aus. Das Zeichnen des Sterns findet während der gesamten Animation auf einem transparenten Hintergrund statt. Die Transparenz des ersten Frames wird nun allen Animationsframes zugewiesen. Auf ähnliche Weise können Sie die Position und den Stil der Ebene steuern.

Wählen Sie in der Palette Ebenen (Ebenen) den Punkt Animationsoptionen (Animationsoptionen). Standardmäßig werden die Ebenenvereinheitlichungsschaltflächen automatisch angezeigt, wenn Sie die Frame-für-Frame-Animationsleiste aktivieren. Sie können diese Regel ändern, indem Sie „Immer anzeigen“ oder „Immer ausblenden“ auswählen.

Schließen Sie das Animationsfenster.

Es gibt mehrere Möglichkeiten, das Animationsfenster zu schließen:

Sie können das Animationsfenster minimieren oder schließen und auch zu den Einstellungen wechseln, indem Sie auf Benutzeroberflächeneinstellungen klicken.

Fragen:

Was passiert, wenn Sie einen Frame in einer Frame-für-Frame-Animation auswählen und auf der Tastatur die Entf-Taste drücken?

Der ausgewählte Rahmen wird gelöscht.

Die in der Ebenenpalette ausgewählte Ebene wird aus allen Animationsframes entfernt.

Die in der Palette Ebenen (Layers) ausgewählte Ebene wird nur für das ausgewählte Animationsframe gelöscht.

Die in der Ebenenpalette ausgewählte Ebene wird aus allen Animationsframes mit Ausnahme der Hintergrundebene entfernt.

Sie haben drei Rahmen. Die Animation wird kontinuierlich sein. Was muss getan werden, um hinzuzufügen
5 Zwischenbilder zwischen letztem und erstem Bild?

Wählen Sie den ersten Rahmen aus. Druckknopf
Wählen Sie in den Einstellungen in der Spalte Tween With (Intermediate frames) Next Frame (Next frame).

Wählen Sie das letzte Bild aus. Druckknopf
Wählen Sie in den Einstellungen in der Spalte Tween mit (Zwischenbilder) Vorheriges Bild (Vorheriges Bild).

Wählen Sie das letzte Bild aus. Klicken Sie auf die Tween-Schaltfläche.
Wählen Sie in den Einstellungen in der Spalte Tween With (Intermediate frames) First Frame (First frame).

Wozu dient die Animationsoptimierung?

Zum Konvertieren in eine Timeline-Animation.

Reduzieren der Größe einer GIF-Datei durch Ausschließen von Bereichen, die sich von Bild zu Bild nicht ändern.

Festlegen der Häufigkeit der Animationswiederholungen.

Hausaufgaben:

1) Führen Sie eine Bild-für-Bild-Animation zum Zeichnen eines Sterns durch (gemäß der Lektion).

2) Führen Sie eine Bild-für-Bild-Animation des Textes durch.