Als ich vor lauter Langeweile mit einigen Filtern meines Bildbearbeitungsprogrammes herumgespielt habe, bin ich durch Zufall drauf gekommen, wie man eine relativ gute, wenn auch nicht unbedingt extrem lebensechte Feuer-Feld-Animation machen kann. Hier das Ergebnis: [Bild: upload.cgi?a=show&file=696e73657274696d6167652e676966&big=1&bild=1]
Ich will in diesem Tutorial nun alle in den Genuss solch einer Animation kommen lassen .
Ich benutze Adobe Photoshop Elements 3.0, wenn man das ganze mit anderen Programmen machen will, muss man evl. ein bisschen suchen, es sollte aber kein all zu großes Problem sein .
~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~
.::Schritt 1: Hintergrund festlegen
Das wichtigste für ein gelungenes Feuer ist viel Gespür dafür und die Vorstellungskraft, die man brauchen wird, um zu wissen, wo und wie man die einzelnen Effekte platzieren muss.
Zunächst legen wir eine neue Ebene an, mit folgenden Werten:
[Bild: upload.cgi?a=show&file=3031202d2d20303030312e6a7067]
Die Ebene 1 habe ich umbenannt:
[Bild: upload.cgi?a=show&file=50686f746f73686f705f5475745f303033362e6a7067]
Nun stellen wir die Vordergrund-Farbe auf weiß und die Hintergrund-Farbe auf schwarz. Jetzt nur noch den Filter Wolken anwenden -
[Bild: upload.cgi?a=show&file=3031202d2d20576f6c6b656e2e6a7067]
- und der erste Schritt ist geschafft.
Wenn alles richtig gemacht worden ist, sollte das Bild nun so aussehen:
[Bild: upload.cgi?a=show&file=3031202d2d20576f6c6b656e322e6a7067]
~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~
.::Schritt 2: Feuer in Schwarz-Weiß
Jetzt braucht unser Feuer die typische Struktur, die wir mit dem Effekt Differenz-Wolken machen werden.
[Bild: upload.cgi?a=show&file=3031202d2d20646966666572656e7a776f6c6b656e232e6a7067]
Der Vorgang wird per Strg + F fünf bis zehn Mal wiederholt bis etwa so etwas dabei herauskommt:
[Bild: upload.cgi?a=show&file=3031202d2d206d6568726d616c7320646966666572656e7a2d776f6c6b656e2e626d70]
Nun lassen wir von links einen Orkan kommen:
[Bild: upload.cgi?a=show&file=3032202d2d2057696e64656666656b742e6a7067]
Und zwar mit folgenden Werten:
[Bild: upload.cgi?a=show&file=50686f746f73686f705f5475745f303034322e6a7067]
Das wird 2 mal wiederholt und anschließend um 90° nach links gedreht (Bild -> drehen -> 90° nach links. Es sollte in etwa diesem Bild entsprechen:
[Bild: upload.cgi?a=show&file=3033202d2d20466c616d6d656e7363687761727a776569df2e6a7067]
Nun wird der Filter "Kristalliesieren" auf das Bild angewandt:
[Bild: upload.cgi?a=show&file=3034202d2d206b72697374616c6c6973696572656e2e6a7067]
und zwar mit folgenden Werten:
[Bild: upload.cgi?a=show&file=3031202d2d20303030362e6a7067]
Und so sollte unser Flammen-Feld nach dem zweiten Schritt aussehen:
[Bild: upload.cgi?a=show&file=3035202d2d206b72697374616c6c6973696572742e6a7067]
~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~
.::Schritt 3: Das Feuer wird rot
Sieht doch schon mal gar nicht so schlecht aus, oder? Was fehlt aber noch . . . ? . . . richtig ! die Farben. Dazu müssen wir erst aber die RGB Farben in Indizierte Farben konvertieren:
[Bild: upload.cgi?a=show&file=3036202d2d20696e64697a69657274652066617262656e2e6a7067]
Anschließend wählt man die Farbtabelle und wählt "Schwarze Körper" aus:
[Bild: upload.cgi?a=show&file=3037202d2d2066617262746162656c6c652e6a7067]
[Bild: upload.cgi?a=show&file=3031202d2d20303030382e6a7067]
So sollte es jetzt aussehen:
[Bild: upload.cgi?a=show&file=3038202d2d206665756572202d20756e736b616c696572742e6a7067]
Damit später der Dateigröße nicht ins Unermessliche aufsteigt, wird das Bild noch skaliert:
[Bild: upload.cgi?a=show&file=3039202d2d206665756572202d20736b616c696572742e6a7067]
~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~
.::Schritt 4: Das Feuer lodert
Die Ebene Feuer-Vorlage habe ich in Feuer | Frame 1 umbenannt. Diese wird 6 mal dupliziert bis diese Ebenen dabei herauskommen:
- Feuer | Frame 1
- Feuer | Frame 2
- Feuer | Frame 3
- Feuer | Frame 4
- Feuer | Frame 5
- Feuer | Frame 6
- Feuer | Frame 7
Wählt nun "Feuer | Frame 1" aus und wendet den Filter Kräuseln an:
[Bild: upload.cgi?a=show&file=3130202d206b72e47573656c6e2e6a7067]
[Bild: upload.cgi?a=show&file=50686f746f73686f705f5475745f303035332e6a7067]
Danach wählt man "Feuer | Frame 2" aus und wiederholt den Vorgang, hier aber mit dem Radius 40.
Feuer | Frame 3: Radius 20
Feuer | Frame 4: Radius 0 (oder man macht nichts )
Feuer | Frame 5: Radius -20
Feuer | Frame 6: Radius -40
Feuer | Frame 7: Radius -60
Anschließend wird jeder Frame dupliziert und in dieser Reihenfolge plaziert:
- Feuer | Frame 1
- Feuer | Frame 2
- Feuer | Frame 3
- Feuer | Frame 4
- Feuer | Frame 5
- Feuer | Frame 6
- Feuer | Frame 7
- Feuer | Frame 6 Kopie
- Feuer | Frame 5 Kopie
- Feuer | Frame 4 Kopie
- Feuer | Frame 3 Kopie
- Feuer | Frame 2 Kopie
Hier zum verdeutlichen:
[Bild: upload.cgi?a=show&file=3132202d2d20666575726672616d65732e6a7067]
Nun ist alles ganz einfach. Per "Für Web speichern" wird die Animation erstellt. (Einfach einen Haken vor "Animation" machen. Als Frame-Verzögerung habe ich 0 sek gewählt.
Und . . . . . . . . .
Voilà:
[Bild: upload.cgi?a=show&file=46657565722d416e696d6174696f6e2e676966&big=1]