PDA

Archiv verlassen und diese Seite im Standarddesign anzeigen : [Tutorial] Feuer-Feld-Animation



Dèna'dul
21.06.2007, 16:32
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: http://upload.worldofplayers.de/upload.cgi?a=show&file=696e73657274696d6167652e676966&big=1&bild=1 (http://upload.worldofplayers.de/upload.cgi?a=show&file=46657565722d416e696d6174696f6e2e676966&big=1)
Ich will in diesem Tutorial nun alle in den Genuss solch einer Animation kommen lassen :D.
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:
http://upload.worldofplayers.de/upload.cgi?a=show&file=3031202d2d20303030312e6a7067
Die Ebene 1 habe ich umbenannt:
http://upload.worldofplayers.de/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 -
http://upload.worldofplayers.de/upload.cgi?a=show&file=3031202d2d20576f6c6b656e2e6a7067
- und der erste Schritt ist geschafft.
Wenn alles richtig gemacht worden ist, sollte das Bild nun so aussehen:
http://upload.worldofplayers.de/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.
http://upload.worldofplayers.de/upload.cgi?a=show&file=3031202d2d20646966666572656e7a776f6c6b656e232e6a7067
Der Vorgang wird per Strg + F fünf bis zehn Mal wiederholt bis etwa so etwas dabei herauskommt:
http://upload.worldofplayers.de/upload.cgi?a=show&file=3031202d2d206d6568726d616c7320646966666572656e7a2d776f6c6b656e2e626d70
Nun lassen wir von links einen Orkan kommen:
http://upload.worldofplayers.de/upload.cgi?a=show&file=3032202d2d2057696e64656666656b742e6a7067
Und zwar mit folgenden Werten:
http://upload.worldofplayers.de/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:
http://upload.worldofplayers.de/upload.cgi?a=show&file=3033202d2d20466c616d6d656e7363687761727a776569df2e6a7067
Nun wird der Filter "Kristalliesieren" auf das Bild angewandt:
http://upload.worldofplayers.de/upload.cgi?a=show&file=3034202d2d206b72697374616c6c6973696572656e2e6a7067
und zwar mit folgenden Werten:
http://upload.worldofplayers.de/upload.cgi?a=show&file=3031202d2d20303030362e6a7067
Und so sollte unser Flammen-Feld nach dem zweiten Schritt aussehen:
http://upload.worldofplayers.de/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:
http://upload.worldofplayers.de/upload.cgi?a=show&file=3036202d2d20696e64697a69657274652066617262656e2e6a7067
Anschließend wählt man die Farbtabelle und wählt "Schwarze Körper" aus:
http://upload.worldofplayers.de/upload.cgi?a=show&file=3037202d2d2066617262746162656c6c652e6a7067
http://upload.worldofplayers.de/upload.cgi?a=show&file=3031202d2d20303030382e6a7067
So sollte es jetzt aussehen:
http://upload.worldofplayers.de/upload.cgi?a=show&file=3038202d2d206665756572202d20756e736b616c696572742e6a7067
Damit später der Dateigröße nicht ins Unermessliche aufsteigt, wird das Bild noch skaliert:
http://upload.worldofplayers.de/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:
http://upload.worldofplayers.de/upload.cgi?a=show&file=3130202d206b72e47573656c6e2e6a7067
http://upload.worldofplayers.de/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 :D )
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:
http://upload.worldofplayers.de/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à:
http://upload.worldofplayers.de/upload.cgi?a=show&file=46657565722d416e696d6174696f6e2e676966&big=1

Sister of mercy
21.06.2007, 18:36
*sheep*
Gehört in die Kreativecke.:)