Hallo zusammen,
da ich vor kurzem für die Uni eine Aufgabe erledigen musste, in der es um Kaffee ging, wurde ich mit dem Problem konfrontiert einen möglichst realistischen Dampf über dem Kaffeebild in Photoshop einzuarbeiten. Nun dachte ich mir, vielleicht interessiert es auch hier den einen oder anderen, wie man soetwas erreichen kann. Es ist wie immer sicherlich nicht die Non-plus-ultra-Lösung, da ja bekanntlich etliche Wege nach Rom führen, aber es ist eine Möglichkeit und die möchte ich nun allen die es interessiert vorstellen. Auch bei diesem Tutorial ist für mich wieder das Hauptziel, dass ihr anfangt einfach mal mehrere Filter zu kombinieren, da man dadurch echt tolle Effekte erzielen kann.

Neben der Erstellung von Dampf werde ich euch auch noch zusätzlich zeigen, wie ihr Rauch (.z.B. den einer Zigarette) erstellen könnt, weil sich dieser im Aussehen doch von Dampf unterscheidet.

Bevor wir uns nun an die Arbeit machen, sollten wir uns vielleicht die typischen Charakteristika von Dampf und Rauch klarmachen, damit wir unser Ziel kennen. Vom Prinzip her sind sich beide natürlich ähnlich, da beide entstehen, wenn irgendwo eine Hitzquelle vorhanden ist, die einen anderen Stoff verbrennen bzw. verdampfen lässt. Den Unterschied von beiden würde ich nun aber so benennen, dass Dampf wesentlich weicher und fülliger (im Sinne von kompakter) erscheint. Dies hängt sicherlich auch damit zusammen, dass die verdampften Teilchen (z.B. Wasserteilchen) wesentlich feiner sind, als z.B. Rußteilchen eines Feuers - dies ist jetzt natürlich keine wissenschaftliche Abhandlung hier, sondern lediglich eine Überlegung meinerseits! :)

So... nun habe ich genug gequatscht. Jetzt wird reingeklotzt :)

Ich habe im folgenden nun die beiden Ausgangsbilder für euch zur Verfügung gestellt, damit ihr direkt eine Vorlage habt, mit der ihr bei diesem Tutorial arbeiten könnt. Wenn ihr wollt, könnt ihr natürlich auch direkt euer eigenes Bild benutzen.








Wir wollen nun mit dem Erstellen des Rauches beginnen, da sich der Dampf aufgrund der ähnlichen Arbeitsschritte leicht ableiten lässt. Ladet euch zunächst das Zigarettenbild (oder euer eigenes) in Photoshop und erstellt eine neue, leere Ebene, die über dem Bild liegt. Nehmt euch nun den Pinsel (Farbe auf weiß) und malt ganz locker ein paar geschwungene Linien, die von der Spitze der Zigarette ausgehen. Der Härtegrad der Kanten des Pinsels ist unrelevant, da diese nach dem
nächsten Schritt eh weichgezeichnet werden. Wenn ihr fertig mit malen seit, sollte euer Ergebnis ungefähr wie unten aussehen:







Wie eben erwähnt werden wir nun den Rauch weichzeichnen. Dazu wählen wir unter Filter Weichzeichnungsfilter Bewegungsschärfe... Dort müsst ihr ein wenig testen, was die Einstellungen betrifft. Wählt einen Winkel, der eurem Bild entspricht (ich habe hier 5° genommen) und bei der Pixelverschiebung einen Wert zwischen 50 und 100 (65), je nachdem, was am besten bei euch passt.







Bei diesem Schritt müssen wir nun aufgrund der verschiedenen Photoshop-Versionen eine Differenzierung  vornehmen. Alle die schon die neueste Version CS2 benutzen können hier weiterlesen. Alle andern, die noch mit einer der Vorgängerversionen arbeiten, können bei Schritt 4 wieder einsteigen, da diese noch nicht über eine sehr tolle, neue Funktion verfügen - Verflüssigen.

Wählt also nun unter Filter Verflüssigen, es öffnet sich ein neues Dialog-Fenster. Dort könnt ihr nun bei Bedarf das Hintergrundbild einblenden oder ausblenden, indem ihr unter Ansichtsoptionen in dem entsprechenden Kästchen den Haken setzt bzw. entfernt. Links könnt ihr die Werkzeugleiste für diesen Filter sehen. Hier nun alle Werkzeuge einzeln zu erklären wäre unsinnig, da man am besten die Wirkungsweise erkennt, wenn man es selbst einmal ausprobiert. Gesagt sei aber, dass die am häufigsten benutzten Werkzeuge das Vorwärts-Krümmen-Werkzeug, das Strudel-Werkzeug und das Turbulenzen-Werkzeug sind (zunmindest für unser Vorhaben).

Wenn ihr die Werkzeuge nun einsetzt, dann denkt daran, wie Rauch in der Realität ausschaut. Im Normalfall ist der Rauch nicht an allen Stellen gleich dicht und weisst aufgrund von minimalen Luftwirbeln eben solche Verwirbelungen in seiner Struktur auf. Da wir eben schon die Bewegungsunschärfe eingesetzt haben, haben wir schon jetzt einige hellere (Rauch ist dichter) und dunklere Stellen (Rauch ist dünner), was uns diese Aufgabe schon einmal erleichtert. Benutzt nun einmal die ganzen Werkzeuge um ihre Arbeitsweise zu testen und versucht dann durch viele kleine Strudel, Turbulenzen und Krümmungen euren Rauch aus der von euch gemalten Form zu bringen, bis er halbwegs gut ausschaut.







Wir kommen zum Einsatz des Wischfingers. Für alle Vor-CS2-Versionen-Arbeiter (tolles Wort^^) beginnt jetzte erst richtig die Arbeit, für CS2-Nutzer beginnt das Feintuning, da der größte Teil der Arbeit mit dem Verflüssigen-Filter bereits erledigt wurde.

Der Wischfinger ist unter dem Weichzeicher-Werkzeug zu finden. Macht einfach einen Rechtklick darauf und wählt den Wischfinger aus. Egal ob CS2-Nutzer oder Vorgänger, mit dem Wischfinger werden wir nun die noch recht harten Strukturen des Rauches ein wenig aufbrechen und ihm an einigen Stellen einen leichten, dünnen und schon etwas "verwehten" Charakter zu geben. Das sülzige Geschwafel soll euch nur deutlich machen, dass der Rauch noch zu klare Konturen und Kanten hat, die wir nun mit dem Wischfinger etwas weicher und unregelmäßiger machen wollen. Achtet jedoch darauf, dass ihr nicht alle Ränder weiche wischt, da der Rauch sonst nicht mehr so realistisch aussieht. Die Nutzer von Version CS und früher haben hier natürlch ein bischen mehr Arbeit vor sich, da ihnen noch die Schritte des Verflüssigen-Filters fehlen. Spielt hier einfach mit verschiedenen Einstellungen für Größe, Kantenschärfe und Stärke des Wischfingers herum. Das eben angesprochene Weichzeichner-Werkzeug könnt ihr ebenfalls gebrauchen, damit einige Übergänge noch weicher werden.







Da der Rauch noch etwas kräftig ist für eine einzelne Zigarette und der von Zigaretten ausgehende Qualm nicht umsonst "blauder Dunst" genannt wird, geht es nun ans Feintuning. Wir werden die Ebene, auf der der Rauch ist nun wieder ein wenig weichzeichnen, die Deckkraft etwas reduzieren und anschließend leicht bläulich einfärben.

Beginnen wir zunächst mit dem Weichzeichnen. Dazu wählen wir noch einmal den Filter Bewegungsschärfe..., diesmal jedoch mit abweichenden Parametern. Hier müsst ihr auch wieder ein bischen herumprobieren, bis euch das Ergebnis am besten gefällt. Ich habe diesmal für den Winkel -34° und für die Distanz 10 Pixel gewählt.







Nun kommen wir zur Deckkraft. Die Deckkraft habe ich bei meinem Beispiel auf 50% gesetzt, dieser Wert ist jedoch keineswegs absolut. Wenn ihr zum Beispiel eine richtig verrauchte Kneipenszene bastelt, dann kann die Deckkraft ruhig ein höher und bei einem kleinen Räucherstäbchen z.B. auch niedriger angesetzt werden.







Zum Schluss machen wir nun aus dem noch ganz grauen Rauch den berühmt berüchtigten "blauen Dunst". Dazu müssen wir den Rauch einfärben. Auch hier gibt es unterschiedliche Möglichkeiten, ich stelle an dieser Stelle nur eine vor. Linksklickt dazu mit gedrückter Strg-Taste die Minivorschau der Rauchebene in der Ebenenpalette. Dadurch wählt ihr alle Pixel auf dieser Ebene aus. Wie ihr feststellen werdet, scheint Photoshop das jedoch nicht so zu machen, wie ihr wir uns das vorgestellt haben, da einige Bereiche nicht mit ausgewählt wurden. Deshalb wählen wir nun (ruhig mehrfach, müsst ihr bei euch testen) Auswahl Auswahl vergrößern. Dadurch werden auch die Bereiche ausgewählt, die zuvor unberücksichtigt blieben. Ist dies Geschafft, wählt das Füllwerkzeug, wählt einen passenden Blauton (z.B. Hexa: 7AA8B7) und füllt eure Auswahl nun mit einer geringen Deckkraft (ca. 20%).





Mit diesem Schritt habt ihr nun euren Fertigen Rauch vor Augen. War doch gar nicht so schwer oder? Und ein recht passables Ergebnis kommt dabei auch heraus. Nun aber noch zum Dampf.

Dampf lässt sich eigentlich auf dem gleichen Wege wie Rauch erstellen. Aus diesem Grund werde ich hier nicht nochmal alle Schritte durchgehen. Ihr habt beim Dampf eigentlich nur zu beachten, dass dieser in der Regel nicht so viele bzw. Starke Verwirbelungen aufweist. Dampf ist wie Nebel und damit eine recht flächige Angelgenheit. Wenn ihr also ganz zu Beginn euren Dampf mit dem Pinsel malt, dann benutzt ruhig einen größeren und flächigeren Pinselkopf. Stellt euch vielleicht mal an den Herd und setzt einen Topf mit Wasser auf, nehmt euch ein Glas (vorsicht heiss! ;P) und macht einen Schritt vor eure Tür (ja ich will euch wirklich aus dem warmen Zimmer in die frischen Winde des Real Life scheuchen *grins*. Schaut euch nun den aufsteigenden Dampf an, dann kriegt ihr am besten eine Vorstellung davon, wie er später ausschauen sollte.

Nun könnt ihr wie beim Rauch alles mit leichter Bewegungsschärfe... und evtl. mit geringen Einstellungen des Gaußschen Weichzeichners arbeiten, damit euer gemaltes die richtige Weichheit des Dampfes erhält. Mit dem Wischfinger das ganze jetzt noch etwas unregelmäßiger gestalten, aber nicht so stark, wie beim
Rauch.

Zum Schluss auch wieder die Deckkraft heruntersetzen (Diesmal nicht einfärben, es sei denn ihr wollt farbiegen Dampf für eine spezielle Szene. Ich gehe hier von realistischem Dampf einer heissen Tasse Cappuccino aus :) ) und evtl. noch einmal ganz leicht weichzeichnen (Gaußsch. WZ). Wenn ihr alles richtig gemacht habt, könnte euer Ergebnis so oder ähnlich ausschauen:





Ich hoffe ich konnte euch noch etwas neues beibringen oder habe euch auf neue Ideen gebracht. Würde mich jedenfalls freuen, wenn ich demnächst im Forum etwas Rauch oder Dampf in Anwendung von eurer Seite aus bestaunen kann. Was man noch mit dem Rauch anstellen kann, zeige ich euch im nächsten Tutorial. Also erstmal schön das hier durcharbeiten :)

See you next time.
Bei Fragen einfach eine PM oder direkt im Forum fragen.


>> Allgemeine Fragen oder Probleme mit dem Tutorial? Hier gehts zum Forum!