Photoshop und ImageReady zeichnen exquisite und wunderschöne Flash-Bilder

Das Herstellungsprinzip von „Flash-Bildern“ besteht hauptsächlich darin, mehrere Bilder mit demselben Muster und unterschiedlichen Farben zu einer scrollenden Gif-Animation zusammenzufügen. Größtenteils gemeinsam mit Photoshop und ImageReady erstellt.
Gestern Abend fragte mich jemand, wie man den folgenden Effekt erzielt. Später habe ich ihn gesucht, mit ImageReady geöffnet, mir das Beispielbild im Tutorial von Shadow Sister angesehen und es schließlich herausgefunden wie es geht. Gleichzeitig habe ich auch einen weiteren, besser aussehenden Effekt entwickelt, also habe ich ein Tutorial geschrieben, das ich mit Ihnen teilen möchte.
Beispielbild

Unten ist der Effekt, den ich erzielt habe

Der Produktionsprozess ist wie folgt:

1. Erstellen Sie in Photoshop eine neue 300*200-Datei und erstellen Sie eine neue Ebene.

Wählen Sie das Pinsel-Werkzeug, wählen Sie einige Pinsel aus, die Ihnen gefallen, und zeichnen Sie ein Pendant auf Ebene 1.

Abbildung 1

Abbildung 2

2. Kopieren Sie Ebene 1, die Musterebene, umkreisen Sie mit dem Stiftwerkzeug das erste zu ändernde Muster und drücken Sie STRG+Eingabetaste, um den Pfad in eine Auswahl umzuwandeln.

Abbildung 3

Abbildung 4

Drücken Sie STRG+U, um das Optionsfeld „Farbtonsättigung“ aufzurufen, stellen Sie den Farbton auf +100 ein, behalten Sie andere Optionen als Standard bei und drücken Sie dann „Fertig“.

Abbildung 5

Kopieren Sie als Nächstes Ebene 1 und kreisen Sie mit dem Stiftwerkzeug das zweite Farbänderungsmuster ein. Machen Sie dasselbe wie beim ersten Farbänderungsmuster, und zwar in der Reihenfolge, in der die Farbänderungsmuster auftreten sollen.

Abbildung 6

Abbildung 7

Abbildung 8

Abbildung 9

Wenn Sie ein herzförmiges Flügelmuster erstellen, sollten Sie darauf achten, zunächst zwei Ebenen zu kopieren und die Farbe des Musters mithilfe von Farbton und Sättigung zu ändern.

Abbildung 10

Wählen Sie auf der ersten Ebene die Lippen aus und löschen Sie sie, um nur die Flügel anzuzeigen. Löschen Sie auf der zweiten Ebene die Flügel und zeigen Sie nur die Lippen.

Ändern Sie dann die Farbe der folgenden Muster und bilden Sie der Reihe nach einen Kreis im Uhrzeigersinn.

Abbildung 11

Abbildung 12

Abbildung 13

Sie können einige vorgefertigte Musterpinsel herunterladen. Es gibt viele Arten im Internet und Sie können sie frei kombinieren, um schönere Muster zu erstellen.

3. Schalten Sie die Augen der Ebene 1-Kopie – Ebene 1-Kopie 11 aus und zeigen Sie nur den Hintergrund und Ebene 1 an. Geben Sie als Nächstes ImageReady ein, um die Animation zu starten.

Abbildung 14

Abbildung 15

4. Kopieren Sie zuerst das aktuelle Bild, wählen Sie die Kopie von Ebene 1 aus und öffnen Sie die Augen. Schalten Sie die Augen von Ebene 1 aus. Dies ist das erste Muster der Farbänderung.

Abbildung 16

Kopieren Sie dann den aktuellen Rahmen, wählen Sie Ebene 1, Kopie 2 und öffnen Sie die Augen, schließen Sie die Augen der Ebene 1-Kopie. Dies ist das zweite Farbwechselbild. Befolgen Sie diesen Schritt, bis Sie das Flügelbild erreichen. Erstellen Sie zunächst den Animationsrahmen der Flügel , und dann Als nächstes kommen die Lippen, und dann erstellen Sie zwei Kopien des 7. und 8. Frames (Flügel und Lippen), also 6 Animationsframes, jeweils 3 Frames für Flügel und Lippen, und ordnen Sie sie separat in der Reihenfolge an: Flügel - Lippen – Flügel – Lippe-Flügel-Lippe;

Abbildung 17

Abbildung 18

Abbildung 19

Abbildung 20

Kopieren Sie dann die verbleibenden Muster der Reihe nach in die Animationsbilder, so wie in den vorherigen Schritten, insgesamt 16 Animationsbilder

Abbildung 21

Abbildung 22

Wählen Sie 16 Animationsbilder aus, drücken Sie STRG+Linksklick oder drücken Sie die UMSCHALTTASTE, um auf das erste und das letzte Bild zu klicken, stellen Sie die Verzögerungszeit auf 0,07 Sekunden ein und speichern Sie schließlich die Optimierungsergebnisse, und schon ist alles in Ordnung!

Abbildung 23

Abbildung 24