Abbildung 1
Tipp: Animation ist eine kontinuierliche Wiedergabe statischer Bilder. Bevor wir eine Animation erstellen, müssen wir das statische Bild entwerfen, das jedem Schlüsselbild entspricht. Wichtig sind auch die Einstellungen für die Anzeigezeit der Keyframes. Dieser Parameter wirkt sich auch direkt auf den Wiedergabeeffekt aus. Für Benutzer, die gerade erst anfangen, führt der mehrmalige Versuch mit unterschiedlichen Parametern zu unerwarteten Ergebnissen.
Der erste Schritt, die Grafikproduktion
Öffnen Sie die Adobe Photoshop CS3-Software, um die Arbeitsoberfläche aufzurufen, doppelklicken Sie in den Arbeitsbereich und öffnen Sie das ausgewählte Material im Popup-Dialogfeld „Öffnen“. Wir können Fotos verwenden, die wir selbst aufgenommen haben, oder wir können Filmstills oder Bilder von Zeichentrickfiguren als Material verwenden. Als Material wählten wir lustige Standbilder aus einer klassischen Komödie.
Nachdem Sie die Größe angepasst und zugeschnitten haben, führen Sie den Befehl „Fenster – Animation“ aus, öffnen Sie die Palette „Animation“ und beginnen Sie mit der Herstellung übertriebener Risse. Zuerst klicken wir auf das Symbol „Neue Ebene erstellen“ unterhalb der Ebenenpalette, um eine neue Ebene zu erstellen. Der Standardname ist „Ebene 1“. Wir können auf den Text „Ebene 1“ hinter der Miniaturansicht in der Ebenenpalette doppelklicken, um ihn in einen bearbeitbaren Zustand zu versetzen und ihn in „Tear 1“ umzubenennen, um eine Verwechslung der Ebenen zu vermeiden .
Als nächstes doppelklicken wir auf das Symbol „Vordergrundfarbe festlegen“ in der Toolbox und stellen die Vordergrundfarbe im Popup-Dialogfeld „Farbauswahl“ auf ein helleres Blau (R=232, G=250, B=255) ein. und bestätigen Sie. Wählen Sie dann das „Rechteck-Werkzeug“ in der Toolbox aus und aktivieren Sie das Symbol „Pixel füllen“ in der Optionsleiste „Rechteck-Werkzeug“, damit Sie auf der Ebene „Träne 1“ ein hellblaues Rechteck direkt unter den Augen der Figur zeichnen können (Abbildung 2).
Abbildung 2
Dann wählen wir die Ebene „Tear 1“ aus, führen den Befehl „FilterDistortWave“ aus und legen im Popup-Dialogfeld „Wave“ verschiedene Parameter fest. Drücken Sie die „OK“-Taste und es erscheint ein übertriebener wellenförmiger Riss. Anschließend wählen wir das „Rectangular Marquee Tool“, wählen „Tear“, wählen dann das „Move Tool“ und halten die „Alt“-Taste gedrückt, um den Tear an die Position unter dem rechten Auge zu kopieren (Abbildung 3).
Abbildung 3
Nachdem wir den Kopiervorgang abgeschlossen haben, drücken wir die Tastenkombination
Der nächste Schritt besteht darin, mit dem Werkzeug „Vertikaler Text“ lustigen Text zum Bild hinzuzufügen (Abbildung 4). Wählen Sie die Textebene aus, führen Sie den Befehl „EbeneEbenenstilStrich“ aus, öffnen Sie das Dialogfeld „Ebenenstil“ und fügen Sie dem Text einen auffälligen Stricheffekt hinzu. Drücken Sie die Schaltfläche „OK“ (Abbildung 5).
Abbildung 4
Abbildung 5
Der zweite Schritt: Animationsproduktion
Um ein Bild zu bewegen, ist das Festlegen von Keyframes der wichtigste Schritt. Wir klicken kontinuierlich auf das Symbol, um Schlüsselbilder unterhalb der Animationspalette zu erstellen (Abbildung 6). Insgesamt werden 5 Schlüsselbilder benötigt.
Abbildung 6
Wählen Sie zunächst den ersten Keyframe aus, behalten Sie nur die Hintergrundebene und den Text in der Ebenenpalette bei, brechen Sie die Anzeige anderer Ebenen ab und stellen Sie die Anzeigezeit des Keyframes auf 0,1 Sekunden unterhalb der Animationspalette ein.
Wählen Sie den zweiten Keyframe aus, lassen Sie die Hintergrundebene und die Ebene „Tears 2“ in der Ebenenpalette sichtbar, deaktivieren Sie die Anzeige der anderen Ebenen und stellen Sie die Deckkraft der Ebene „Tears 2“ auf 80 % ein, wobei Sie die Anzeigezeit des Schlüssels belassen des Frames ist auf 0,2 Sekunden eingestellt.
Wählen Sie den dritten Keyframe aus, lassen Sie die Hintergrundebene und die Ebene „Tear 1“ in der Ebenenpalette sichtbar, brechen Sie die Anzeige der anderen Ebenen ab und stellen Sie die Deckkraft der Ebene „Tear 1“ auf 80 % ein, wobei Sie den Schlüssel belassen. Die Anzeigezeit von Der Frame ist auf 0,2 Sekunden eingestellt.
Wählen Sie den vierten Keyframe aus, lassen Sie die Hintergrundebene und die Ebene „Tears 2“ in der Ebenenpalette sichtbar, brechen Sie die Anzeige der anderen Ebenen ab und stellen Sie die Deckkraft der Ebene „Tears 2“ auf 80 % ein, wobei Sie den Schlüssel belassen Die Anzeigezeit des Frames ist auf 0,2 Sekunden eingestellt.
Wählen Sie den fünften Keyframe aus, lassen Sie die Hintergrundebene und die Ebene „Tear 1“ in der Ebenenpalette sichtbar, deaktivieren Sie die Anzeige der anderen Ebenen und stellen Sie die Deckkraft der Ebene „Tear 1“ auf 80 % ein. Die Anzeigezeit des Frames beträgt auf 0,5 Sekunden eingestellt.
Als nächstes speichern wir die Datei als PSD-Datei, um ein Backup zu erstellen, führen dann den Befehl „DateiFür Web und Geräte speichern“ aus, wählen im sich öffnenden Dialogfeld das GIF-Format aus und optimieren die Animation entsprechend. Wir müssen die Größe der Animation reduzieren, um die Ausbreitung zu erleichtern (Abbildung 7). Nach Abschluss der Optimierung wird das Bild auf der lokalen Festplatte gespeichert.
Abbildung 7
Schritt 3: QQ-Emoticons importieren
Nachdem wir die QQ-Software gestartet haben, wählen wir einen Freund aus, um das Chat-Fenster zu öffnen, klicken auf die Schaltfläche „Emoticon auswählen“ unter dem Chat-Fenster, um das Emoticon-Fenster zu öffnen, klicken unter dem Fenster auf „Emoticon-Verwaltung“ und dann auf die Schaltfläche „Hinzufügen“. . Klicken Sie im Popup-Fenster „Benutzerdefiniertes Emoticon hinzufügen“ auf „Durchsuchen“, um das von uns gespeicherte animierte GIF zu finden, und benennen Sie das Emoticon um oder verwenden Sie den Standardnamen.
Abbildung 8
Wenn wir das QQ-Chat-Fenster erneut öffnen, werfen Sie einen Blick auf das Emoticon-Symbol. Haha! Du bist fertig! Der neue Ausdruck ist in der Ausdrucksbibliothek erschienen. Nachdem wir dieses einfache dynamische QQ-Emoticon fertiggestellt haben, haben wir ein vorläufiges Verständnis der Prinzipien und der Produktion von GIF-Animationen. Im weiteren Produktionsprozess können wir entscheiden, wie sich die Bilder verändern und wie die Handlung angelegt wird. Solange wir Schlussfolgerungen aus einem Beispiel ziehen und unbegrenzte Kreativität einsetzen, werden wir sicherlich in der Lage sein, interessantere dynamische QQ-Emoticons zu erstellen.
(Artikel aus Computer News, Ausgabe 2, 2008, Seite F)