Eine Reihe von Tutorials zum Erstellen von Flugzeuganimationen in Photoshop CS3 (1): Übersicht.
Das Prinzip der Animationsbildung besteht darin, dass das menschliche Auge über die Eigenschaft der Persistenz des Sehens verfügt. Die sogenannte Persistenz des Sehens bedeutet, dass ein Objekt, selbst wenn es schnell verschwindet, noch ein kontinuierliches Bild in den Augen hinterlässt Dies gilt insbesondere dann, wenn das Objekt relativ hell ist. Am häufigsten wird bei Nachtaufnahmen der Blitz verwendet. Auch wenn der Blitz längst erloschen ist, verbleibt der Lichthof noch eine Zeit lang in den Augen des Motivs.
Die früheste Anwendung dieser Funktion wurde möglicherweise von uns in der Grundschule durchgeführt, indem wir die Bewegungen vieler Zeichen in der Fußzeile des Lehrbuchs zeichneten und dann schnell durchblätterten, um kontinuierliche Bilder in den Augen zu erhalten ist Animation. Es ist zu beachten, dass sich die Animation hier nicht auf Cartoon-Animationen bezieht. Obwohl die Produktionsprinzipien von Cartoon-Animationen gleich sind, bezieht sich die Animation hier im Allgemeinen auf alle fortlaufenden Bilder.
Zusammenfassend lässt sich sagen, dass die sogenannte Animation darin besteht, mehrere Standbilder kontinuierlich abzuspielen und die Persistenz des Sehens zu nutzen, um ein kontinuierliches Bild zu erzeugen. Herkömmliche Filme verwenden beispielsweise eine lange Filmreihe, um kontinuierlich einzelne Bilder aufzunehmen und sie mit Lichtern nacheinander und mit einer bestimmten Geschwindigkeit auf die Leinwand zu projizieren. Hier besteht eine Geschwindigkeitsanforderung. Stellen Sie sich vor, wenn wir langsam durch das Lehrbuch blättern, werden wir nur mehrere Standbilder anstelle von fortlaufenden Bildern sehen. Das Gleiche gilt für die Wiedergabe von Filmen, wenn die Geschwindigkeit zu niedrig ist. Das, was das Publikum sieht, entspricht einer rotierenden Diashow. Um dem Zuschauer ein kontinuierliches Bilderlebnis zu ermöglichen, wird der Film mit einer Geschwindigkeit von 24 Bildern pro Sekunde abgespielt, d. h. es werden fortlaufend 24 Standbilder in einer Sekunde auf die Leinwand projiziert. Die Einheit für die Wiedergabegeschwindigkeit von Animationen ist fps, wobei f für das englische Wort Frame (Bild, Frame), p für Per (pro) und s für Second (Sekunde) steht. Auf Chinesisch bedeutet es wie viele Bilder pro Sekunde oder wie viele Bilder pro Sekunde. Filme haben eine Auflösung von 24 Bildern pro Sekunde, oft auch als 24 Bilder bezeichnet.
Andere Geräte, die Bilder im echten Leben erzeugen können, verwenden beispielsweise das Konzept der Bildrate. Das in China und Europa verwendete PAL-Format beträgt 25 Bilder und das in Japan und Amerika verwendete NTSC-Format beträgt 29,97 Bilder. Wenn die Animation auf einem Computermonitor abgespielt wird, können 15 Bilder den Effekt kontinuierlicher Bilder erzielen. Wenn Sie in Zukunft Videos erstellen, müssen Sie sich daher Gedanken darüber machen, auf welchem Gerät Sie diese veröffentlichen und unterschiedliche Bildraten festlegen.
Die Erkennungsgenauigkeit des menschlichen Auges ist tatsächlich viel höher als die oben genannten Bildraten, da das visuelle System, bestehend aus dem menschlichen Auge und dem Gehirn, sehr entwickelt ist. Es hat lediglich unterschiedliche Empfindlichkeitsstufen je nach Umgebung. In einer dunklen Umgebung ist beispielsweise die visuelle Nachleuchtzeit bei helleren Lichtquellen länger, sodass der Film nur 24 Bilder benötigt. Abgesehen davon haben nur wenige Tiere Augen, die in einigen Aspekten die des Menschen übertreffen, in anderen Aspekten weisen sie jedoch alle ernsthafte Mängel auf. Beispielsweise ist der Adler, der „König der Details“, farbenblind, während die Eule, der „König der Nachtsicht“, starre Augen hat und ihren Kopf drehen muss, um ihre Umgebung zu beobachten.
In den Photoshop-Design-Tutorials, die wir uns in Tianji Design Online angesehen haben, wird Photoshop hauptsächlich zum Erstellen statischer Bilder wie Poster und gedruckter Manuskripte verwendet. Wir haben erwähnt, dass es die Möglichkeit hat, Animationen zu erstellen. Jetzt erstellen wir in Photoshop eine Animation, die aus mehreren Bildern besteht. Erweitern Sie einen einzelnen Bildschirm auf mehrere Bildschirme. Und schaffen Sie eine Art Bildkontinuität zwischen diesen mehreren Szenen, um der Animation Gestalt zu verleihen.
Heutzutage können viele mit Flash erstellte Animationen mit Synchronisation und Interaktivität ausgestattet sein, wodurch die gesamte Animation lebendiger wird. Die von Photoshop erstellte Animation kann nur als einfache Animation bezeichnet werden, vor allem weil sie nur Bilder enthält und keinen Ton hinzufügen kann und das Publikum sie nur auf feste Weise ansehen kann. Aber Einfachheit bedeutet nicht Grobheit. Obwohl ersteres mehr Produktions- und Ausdrucksmethoden bietet, hat letzteres immer noch seine eigenen einzigartigen Vorteile. Beispielsweise können mit der Animation im Ebenenstil leicht einige schöne Dinge erzeugt werden, die mit anderer Animationssoftware schwer zu erreichen sind. Darüber hinaus zeichnen verschiedene Menschen unterschiedlich, so wie das Zeichnen auf Papier ein sehr einfacher Vorgang ist. Daher erfordert eine exzellente Animation nicht unbedingt eine komplexe Technologie. Wichtig ist eine hervorragende Kreativität.
Egal um welche Software es sich handelt, ihre Produktionsprinzipien sind dieselben, genau wie der RGB-Farbmodus, den wir so intensiv studiert haben, dass er überall angewendet werden kann. Unsere aktuelle Aufgabe besteht also darin, die erlernten Grundkenntnisse von Photoshop zu nutzen, auf die Animationsproduktion auszuweiten und die allgemeinen Fähigkeiten und Methoden der Animationsproduktion zu erlernen. Dieses Wissen kann später noch auf andere Aspekte angewendet werden. Außerdem stellen wir Ihnen vor, wie Sie Photoshop-Animationen in Videos konvertieren und ihnen Ton hinzufügen.
Neben Unterschieden in der Produktion gibt es auch Unterschiede in der Nutzung. Animationen werden häufig in einem bestimmten Bereich einer Webseite platziert, um bestimmte Inhalte hervorzuheben, beispielsweise Werbeanimationen. Diese Art von Animation hat normalerweise entsprechende feste Größen je nach Platzierungsort, z. B. 468 x 60, 140 x 60, 90 x 180 usw. Animationen können auch auf Mobiltelefon-MMS (ein Multimedia-Textnachrichtendienst, der Bilder, Töne und Videos senden kann) angewendet werden. Jede dieser Verwendungen hat ihre eigenen Merkmale und neben der Größe sind noch weitere Faktoren zu berücksichtigen. Zum Beispiel die Begrenzung der Anzahl der Bytes, der Frame-Verweilzeit usw. Wir erklären es Schritt für Schritt im Tutorial.
Hinweis: Bevor wir mit dieser Reihe von Tutorials beginnen, müssen die Leser die Grundlagen von Photoshop erlernt haben und Konzepte und Vorgänge wie Einstellungsebenen, Ebenenstile usw. verstehen und beherrschen, z. B. „So erstellen Sie eine Kurveneinstellungsebene“ usw Es wird nur eine kurze Einführung in die Funktionsweise gegeben und die Prinzipien werden nicht im Detail erläutert. Daher wird empfohlen, dass neue Leser sich zunächst mit den Grundlagen vertraut machen.
Darüber hinaus verfügt nur die erweiterte (erweiterte) Version von Photoshop CS3 über die Animationsproduktionsfunktion, die in der normalen Version nicht verfügbar ist. Die CS2-Version verfügt über Funktionen zur Aktionserstellung und die Bedienung ähnelt der von CS3 Extended. CS und frühere Versionen erfordern die mitgelieferte ImageReady-Software für die Animationsproduktion. Es wird empfohlen, dieselbe CS3 Extended-Version wie im Tutorial zu verwenden.
Da es sich um Animation handelt, bedeutet es, die Bilder auf dem Bildschirm zu bewegen. Lassen Sie uns jetzt tatsächlich eine „einfache und grobe“ Animation zeichnen und erstellen.
Erstellen Sie ein neues leeres Bild im Format 150×150, erstellen Sie eine neue Ebene und zeichnen Sie ein Rechteck, ungefähr wie unten links gezeigt, und die Ebenenpalette wie rechts gezeigt. Daraus ist ersichtlich, dass es sich um eine gewöhnliche Gitterebene handelt. Sie sollten in der Praxis so oft wie möglich darauf achten.
Öffnen Sie die Animationspalette über [Window_Animation], wie im linken Bild unten gezeigt. Derzeit gibt es auch einige weitere Optionen in der Ebenenpalette, wie durch den roten Pfeil im rechten Bild unten dargestellt. Wenn Sie die Animationspalette schließen, wird sie in ihren ursprünglichen Zustand zurückversetzt. Machen Sie sich vorerst keine Sorgen. Darüber hinaus wird die Animationspalette oft mit der Messprotokollpalette kombiniert. Letztere hat nichts mit unserem aktuellen Inhalt zu tun und kann ausgeschaltet werden.
Nachdem wir die Animationspalette geöffnet haben, können wir mit der Erstellung von Animationen beginnen. Klicken Sie auf die Schaltfläche „Ausgewähltes Bild kopieren“ beim roten Pfeil in der Animationspalette. 
, Sie werden sehen, dass ein neuer Rahmen hinzugefügt wurde. Wie unten gezeigt. Gemäß unseren bisherigen Gewohnheiten sollte dieses Symbol ein neues Symbol darstellen, z. B. eine neue Ebene usw. Obwohl die wörtliche Erklärung hier „Kopieren“ lautet, handelt es sich tatsächlich um ein neues, aber der neu hinzugefügte Rahmen ist tatsächlich derselbe wie der vorherige Rahmen . Gleicher Inhalt. Entsprechend sollte es sich jeder vorstellen können 
Die Funktion der Schaltfläche besteht darin, den Rahmen zu löschen.
Stellen Sie sicher, dass das kopierte 2. Bild derzeit in der Animationspalette ausgewählt ist, und verschieben Sie dann das Quadrat in der Ebene mit dem Verschieben-Werkzeug um eine bestimmte Strecke, ungefähr wie im linken Bild unten gezeigt. Zu diesem Zeitpunkt ist die Animationspalette wie im mittleren Bild unten dargestellt. Es ist ersichtlich, dass die Position des Blocks in Frame 1 unverändert bleibt, obwohl sich die Position des Blocks in Frame 2 geändert hat. Dies ist eine sehr wichtige Funktion.
Wiederholen Sie diesen Vorgang, indem Sie zuerst den Rahmen kopieren und dann den Block mehrmals verschieben. Schließlich erhalten Sie etwas wie das Bild rechts unten (ähnlich diesem). Jetzt haben wir 7 Frames und die Blöcke befinden sich in jedem Frame an unterschiedlichen Positionen. Achten Sie auf den Satz „Die Position der Quadrate in jedem Frame ist unterschiedlich“ und schauen Sie sich dann die Ebenenpalette an. Es ist offensichtlich, dass nur eine Ebene vorhanden ist (die Hintergrundebene wird vorerst nicht gezählt), was dazu führt Ein Feature: Für eine Ebene kann beispielsweise ihre Position (oder Koordinaten) individuell in verschiedenen Frames angegeben werden. Mit dieser Funktion können wir die Bewegung von Objekten mit nur einer Ebene animieren.
Jetzt können Sie den Play-Button in der Animationspalette drücken 
, können Sie den Effekt der Bewegung des Kästchens im Bildfenster sehen, aber es bewegt sich sehr schnell. Dies liegt daran, dass die Frame-Verzögerungszeit nicht eingestellt ist. Beachten Sie, dass unter jedem Frame in der Animationspalette jetzt „0 Sekunden“ steht. Dies ist die Frame-Verzögerungszeit (oder Verweilzeit). Die Frame-Verzögerungszeit gibt an, wie lange das Frame während der Animation angezeigt wird. Wenn beispielsweise die Verzögerung eines bestimmten Frames auf 2 Sekunden eingestellt ist, bleibt die Wiedergabe dieses Frames 2 Sekunden lang bestehen, bevor mit der Wiedergabe des nächsten Frames fortgefahren wird. Die Verzögerung beträgt standardmäßig 0 Sekunden und kann für jeden Frame unabhängig eingestellt werden.
Die Methode zum Festlegen der Frame-Verzögerung besteht darin, auf die Zeit unter dem Frame zu klicken und die entsprechende Zeit in der Popup-Liste auszuwählen. Stellen Sie Frame 7 wie im linken Bild unten gezeigt auf 0,5 Sekunden ein. „Keine Verzögerung“ in der Liste ist 0 Sekunden. Wenn Sie keine Zeit einstellen möchten, können Sie „Andere“ auswählen und den Wert selbst eingeben (in Sekunden). Sie können die Verzögerung auch einheitlich ändern, nachdem Sie mehrere Frames ausgewählt haben. Die Methode zum Auswählen mehrerer Frames ist die gleiche wie beim Auswählen mehrerer Ebenen. Klicken Sie zunächst auf Frame 1 in der Animationspalette, um ihn auszuwählen. Halten Sie dann die UMSCHALTTASTE gedrückt und klicken Sie auf Frame 6 . Wählen Sie einfach die Bilder 1 bis 6 aus. Stellen Sie dann die Zeitzone eines beliebigen Frames ein, wie im rechten Bild unten gezeigt, und stellen Sie sie auf 0,1 Sekunden ein. Dies ist eine häufiger verwendete Verzögerungszeit.
Spielen Sie die Animation erneut ab und Sie werden sehen, dass sich der Block langsamer bewegt und am Ende der Bewegung länger verweilt. Dies liegt offensichtlich an der langen Verzögerung, die eingestellt wurde. Diese lange Verzögerung spielt tatsächlich eine herausragende Rolle und diese Funktion kann verwendet werden, um ein bestimmtes Thema in der tatsächlichen Produktion hervorzuheben. Wir werden uns auch die Zeit nehmen, in den folgenden Tutorials einige Ausdruckstechniken vorzustellen.
Neben der Verzögerungszeit besteht eine weitere Funktion der Animation darin, dass Sie die Anzahl der Wiedergabeschleifen festlegen können. Beachten Sie, dass sich unter dem ersten Frame der Animationspalette ein „Forever“ befindet, das die Anzahl der Schleifen angibt. Nach dem Klicken können Sie „einmalig“ oder „für immer“ wählen oder die Anzahl der Zyklen selbst festlegen. Spielen Sie dann die Animation erneut ab, um die Auswirkung der Einstellung der Schleifennummer zu sehen.
Obwohl Animationen in den meisten Fällen kontinuierlich (d. h. für immer) wiederholt werden, werden an manchen Stellen auch einzelne oder einige Male (2 bis 3 Mal) Schleifen verwendet, hauptsächlich wenn Animationen zum Erstellen von Webkomponenten verwendet werden. Animieren Sie beispielsweise den Namen einer Spalte von Grund auf so, dass er nach und nach angezeigt wird, sodass er fixiert sein sollte, wenn der Name vollständig angezeigt wird, und nicht wieder verschwinden und dann wieder eingeblendet werden kann. Zu diesem Zeitpunkt ist es notwendig, die Zykluseinstellung „einmal“ zu verwenden.
Drücken Sie 〖STRG+S〗[Datei>Speichern], um die Animationseinstellungen zu speichern. Das Dateiformat ist psd. Dieses Dateiformat ist proprietär für Photoshop und kann alle relevanten Informationen aufzeichnen. Es wird empfohlen, dass jeder seine Werke in diesem Format speichert, um zukünftige Änderungen zu erleichtern. Wenn Sie eine unabhängige Animationsdatei benötigen, die auf Webseiten verwendet werden kann, müssen Sie [STRG+ALT+UMSCHALT+S] [Datei>Für Web und Geräte speichern] verwenden. Daraufhin wird ein großes Fenster angezeigt, wie unten links gezeigt . Dieses große Fenster hat viel zu verdecken. Jetzt müssen Sie aber nur noch auf die Einstellungen im Bereich mit dem roten Pfeil achten.
Gleichzeitig werden im grünen Pfeilbereich unten rechts im Fenster eine Wiedergabeschaltfläche und Loop-Optionen angezeigt. Wenn Sie hier die Anzahl der Loops ändern, ändern sich auch die Einstellungen in der Quelldatei. Beachten Sie, dass die Wiedergabeschaltfläche nicht verfügbar ist, wenn im roten Pfeilbereich kein GIF ausgewählt ist. Dies liegt daran, dass nur das GIF-Format Animationen unterstützt. Wenn Sie es zwangsweise in anderen Formaten wie JPG oder PNG speichern, enthält das generierte Bild nur das erste Bild.
Während des Speichervorgangs kann die unten rechts dargestellte Warnmeldung erscheinen. Ignorieren Sie diese nicht und bestätigen Sie sie einfach. Sie können es auch wieder unsichtbar machen. Allerdings sollte jeder darauf achten, beim Benennen von Dateien Englisch in halber Breite oder Zahlen zu verwenden und keine Zeichen in voller Breite oder chinesische Schriftzeichen zu verwenden. Dies soll eine größere Kompatibilität mit Browsern verschiedener Sprachen ermöglichen.
In diesem Kapitel muss jeder zwei Attribute der Animation beherrschen, nämlich die Bildverzögerungszeit und die Anzahl der Schleifen. Darüber hinaus müssen Sie die Methoden zum Erstellen einfacher Objektverschiebungsanimationen wie „Kopieren von Frames und Verschieben von Ebenen“ beherrschen. Und verwenden Sie diese Methode, um eine Animation mit der gleichzeitigen Verschiebung von zwei Objekten zu erstellen. Der Effekt ähnelt dem Bild unten.
Im nächsten Abschnitt stellen wir den zweiten Teil vor: die Ausbreitungseigenschaften des ersten Frames.