Inkscape Forum

Heyho !
Na, gespannt was jetzt kommt? Dürft Ihr auch, heute habe ich nämlich wieder nen Knaller für Euch: echt aussehendes Vektor-Feuer !!!!
Ihr werdet es fast nicht glauben...hehe
Ein kleiner Vorgeschmack
Aber es wird noch besser!
Das Zauberwort ist "Turbulenz". Aus den neuen Filtereffekten zusammengebaut.
Dieses Tutorial ist mit der Entwicklerversion vom 5.März erstellt.

Also, unser Dokument sollte einen schwarzen Hintergrund haben, da hier mit der Transparenz der Textur gearbeitet wird.
Wir zeichnen ein Rechteck von ca 600x400 px Größe und erstellen direkt schon unseren ersten und entscheidenden Filter:
Dialog öffnen: Objekte > Filtereffekte und klicken auf new. Danach wählen wir Turbulenz und fügen den Filter hinzu.
Einstellungen wie hier:img src="http://chrisdesign.files.wordpress.com/2008/03/turbulenz.jpg" border="0" />
Dann kommt die Colormatrix: img src="http://chrisdesign.files.wordpress.com/2008/03/colormatrix1.jpg" border="0" />
Und noch einen leichten Weichzeichner: img src="http://chrisdesign.files.wordpress.com/2008/03/blur.jpg" border="0" />
Jetzt sollte das Rechteck etwa so aussehen:
img src="http://chrisdesign.wordpress.com/files/2008/03/shape3.jpg" border="0" /> Hier eine vergrößerte Ansicht.
Wie zu erkennen habe ich mir bereits eine Schneid-Form entlang der einiger schwarzer Linien eingezeichnet um die Flammen zu modelieren.
Das ist auch gleich der Nächste Schritt. Unser Bezier-Werkzeug eignet sich am besten dafür.
Ist die Form fertig werden beide Objekte markiert und mit dem Ausschneidepfad gesetzt.
Das Ergebnis:
img src="http://chrisdesign.files.wordpress.com/2008/03/shape2.jpg" border="0" />
Schon ganz nett. Bevor wir an den Feinschliff gehen fügen wir erst einmal Text hinzu:
img src="http://chrisdesign.wordpress.com/files/2008/03/text2.jpg" border="0" />
Diesen habe ich mit einfachen alternierenden Gradienten erzeugt. Vor dem Feuer angeordnet sieht das schon so aus:
img src="http://chrisdesign.files.wordpress.com/2008/03/firetext.jpg" border="0" />
Aber etwas fehlt noch: Der Rauch !
Diesen erzeugen wir mit dem :tool_calligraphic: Kalligrafie-Stift.
Breite: 20
Ausdünnung: 0,20
Winkel: 90
Fixierung: 1
Masse: 0,01, alle anderen sind Nullwerte.
Damit zeichnen wir einige Weiße Linien (alternierender Gradient mit Transparenz) über die Schrift:
img src="http://chrisdesign.files.wordpress.com/2008/03/smoke.jpg" border="0" />
Aber mir war das zu Scharfkantig. Also einen 2. Filter bauen:
img src="http://chrisdesign.files.wordpress.com/2008/03/filterdialog1.jpg" border="0" />
Dann sieht es schon realistischer aus:
img src="http://chrisdesign.files.wordpress.com/2008/03/smokefilter.jpg" border="0" />
Das gleiche machen wir nun mit den oberen Bereichen des Feuers:
img src="http://chrisdesign.files.wordpress.com/2008/03/firesmoke.jpg" border="0" />
Zu Guterletzt noch das Feuer dublieren und etwas kleiner skaliert vor den Text setzen,
alles ausrichten und das Bild ist fertig. Na hab ich zuviel versprochen? :D
edit: Hier die SVG dazu !
Viel Spaß !
Chris