[Grafik] Wie erstelle ich einen Nebeleffekt?

[Ceta]

Wie erstelle ich einen Nebeleffekt?  -by Elements

Mit Paint.NET

€dit 21.05.2009: derRofler's GIMP Tutorial eingefügt

Hallo liebe User (xD)!

Dies ist mein erstes Tutorial hier und ich freue mich dass ich ein Thema gefunden habe, das hier noch nicht
drin ist^^

Ich beschäftige mich in diesem Tutorial mit dem Nebeleffekt. Gemacht habe ich diesen mit dem Programm Paint.NET, das meiner
Meinung nach sehr einfach zu bedienen ist und alle wichtigen Funktionen bietet.


[desc=Vorbereitung...]Schritt 1:[/desc]

Spoiler for Hiden:

Wir öffnen also Paint.NET und ändern gleich mal die Bildgrösse. Merkt euch immer, ein Quadrat im Maker hat genau 32x32 Pixel! Wenn ihr also eine [desc=Wie ich in diesem Beispiel...]17x13 Map verwendet[/desc], müsst ihr nur [desc==544 Pixel]17*32[/desc] und [desc==416 Pixel]13*32[/desc] rechnen, damit ihr die Pixelanzahl des Bildes erhaltet.


Gut. Nach dem Ändern der Bildgrösse schneiden wir nun die Weisse Farbe weg um den Hintergrund transparent zu machen. Dafür klicken wir in der Seitenleiste auf das "Zauberstab"-Symbol und klicken danach einmal ins Bild. Ein [desc=xDDD]sanfter[/desc] Druck auf die "Delete"-Taste, und euer Hintergrund ist jetzt transparent.


Schliesslich der letzte Schritt der Vorbereitung: Das ändern der Farben. Wir müssen die schwarze Farbe transparent machen, damit wir später durch die Wolken hindurchsehen können und die Spielwelt sehen^^
Dafür klicken wir unten auf der Farbpalette auf "Mehr>>>" und ändern die Transparenz der schwarzen Farbe, genau wie auf dem Bild. Dazu den Schieberegler einfach ganz nach links ziehen^^

[desc=Die Wolken...]Schritt 2:[/desc]

Spoiler for Hiden:

So, jetzt gehts ans Eingemachte: Die Wolken^^
Dafür folgt ihr dem Pfad Effekte --> Wiedergabe ---> Wolken:


Habt ihr die Funktion ausgewählt, seht ihr schon die Wolken auf dem Bild, allerdings könnt ihr diese noch anpassen.
Unter "Skalieren" stellt ihr ein, wie dick/weit/gross eure Wolken sein sollen.
Unter "Grobheit" stellt ihr ein wie sichtbar bzw. verschwommen sie sein sollen^^


Sehr gut! Unsre Wolken sind fertig! Jetzt müsst ihr sie nur noch im "Pictures" Ordner eures Projektes abspeichern und dann auf der dafür vorgesehenen Map per [desc=Einstellungen: "Links-Oben", Sichtbarkeit ~100]"Show Picture"[/desc] Event aufrufen!^^

Im fertigen Spiel sieht das dann etwa so aus:

(Ja, den Screen kennt man ausm Screenshot Thread xD)

Wie erstelle ich einen Nebeleffekt?  -by derRofler

Mit GIMP

nettes tutorial^^, allerdings besitze ich paint.net nicht und mache nebeleffekte mit GIMP
und ich hab von elements die erlaubnis hier drin auch ein Nebeltutorial, allerdings für GIMP zu posten.

erstens: Wolken

Spoiler for Hiden:

Wir machen ein neues Bild mit den Maßen 544x416,
Farbraum soll RBG-Farben sein und die Füllung Weiß


Wir gehen auf Filter - Render - Wolken - Plasma...


Zufällige Anfangszahl ist egal
Turbulenz sollte 1,5 bis 2,5 sein je nachdem wie aufgewühlt der nebel ist


etwas zu bunt^^
desshalb entsättigen wir das ganze Farben - Entsättigen


Der Grauwert soll nach Helligkeit bestimmt werden


es ist allerdings noch zuviel schwarz darin
Wir gehen auf Farben - Kurven


Die Kurve ist nur auf 2 dinge beschränkt:
1.) Der linke untere Endpunkt darf sich nicht im Eck befinden
2.) Die Kurve darf nicht in die andere hälfte reichen
benutzt die Vorschau, Schwarz bedeutet das der Punkt am Ende vollkommen sichtbar ist


Jetzt machen wir schwarz zu Transparenz.
Farben - Farben zu transparenz...


Von: [desc=#000000]Schwarz[/desc] zu Transparenz

zweitens: Wolken grau färben

Spoiler for Hiden:

wir erstellen eine neue Ebene


Wir gehen nochmal auf Filter - Render - Wolken - Plasma...


Zufällige Anfangszahl so das etwas schwarz darin ist
Turbulenz sollte 3,0 bis 4,0 sein


das ist etwas
Filter - Weichzeichnen - Grauscher Weichzeichner ...


5 pixel sollten reichen


als letztes setzen wir die farbige Ebene auf den Wert-Modus


auf wunsch kann noch die dunkelheit der Farbigen Ebene verändert werden.
Farben - Kurven


Diesesmal müssen die Eckpunkte in den Ecken bleiben.
Zum heller machen nach oben, zum dünklermachen nach unten

Fertig sieht der Nebel so aus:

macht schon auf weißem hintergrund was her nich?

mit sichtbarkeit 200

kein wort übers mapping

Ich hoffe ich konnte euch damit helfen und freue mich über Kommentare von euch!

Gruss


Elements

[Kyoshiro]

Sehr schönes Tutorial, hätte nicht gedacht, dass es so einfach ist xD.
Ich nutze ja auch Paint.net und habe auch schon diese Funktion genutzt, mir wäre aber nie in den Sinn gekommen diese so zu nutzen.

Habe das Tutorial in die Tutorial-Liste übernommen und den Tag geändert, das ist eher ein Grafik-Tutorial ale ein Event-Tut .

Kyoshiro

[spitfire]

Sehr gutes Tutorial^^

Hat mir sehr geholfen.

Hoffe es folgen noch weitere Tutorials von dir^^

[Phi]

mein Tutorial steht jetzt im anfangspost

[Domin0e]

Erstmal: Zwei sehr schöne Tutorials!

Ich selbst benutze auch Gimp und muss sagen, darauf wäre ich nie gekommen..!
Wird auf jeden Fall Verwendung finden! :3

Gruß,
domin0e

[Bilbo]

Kann mich nur anschließen, hätte nicht gedacht, das dies so einfach ist.
WIrklich sehr gutes Tutorial, bin gespannt auf mehr ... ^^

MfG

[Rosa Canina]

@Elements:
Hier hast du noch eine dritte - und die einfachste Möglichkeit. XD

Nebel in Photoshop


Als Nebelfarben nimmt er die unten links in der Palette ausgewählten beiden Farben (In dem Fall Schwarz und Weiß). Man kann denn Effekt mehrmals nutzen, falls einen das erste Resultat nicht gefällt.


Ein Beispielbild spar ich mir, sieht auch nicht anders als aus Gimp oder Paint.net ^^°

Und da sage noch mal einer, dass Photoshop CS3 schwer sei XD

[Derexor]

Ich habe eine Frage zu dem Nebel, kann man in auch anders einfügen?
Wenn man des nämlich per Show Picture macht "poppt" er so auf und das wirkt ziemlich unrealistisch

[Kiige]

Show Picture, Opacity = 0%
Move Picture, Opacity = X% in 60-X sec

dan wird er langsam eingeblendet ^^

[Boogatie Roll]

wie zeigt man nebel "normal" an?
Ich mach es immer mit Picture, aber dann "läuft" der Nebel mit!

[DarkSun]

Sehr gutes Tut, Elements.
Am besten finde ich aber, dass du viele Screenshots verwendest hast.
Dadurch wirkt alles viel übersichtlicher.

@ Boogatie Roll: Das kann man nicht ändern. Das ist so.

MFG
DS

[Ceta]

Danke für das Lob DarkSun, ich freue mich wenn ich der Community helfen kann ^__^

@Boogatie Roll: Da ich ausschliesslich 17x13 Maps benutze, läuft der Nebel bei mir nicht mit.
Meine Idee wäre dass dein Nebelbild wahrscheinlich zu klein für deine Map ist...

[Neohunter]

Hi hab eine frage ich hab das ausprobiert und ich hab auch die richtige Größe genomen aber der Nebel bewegt sich trotzdem mit -.- kannst du mir pls helfen?

[Master Chain]

Mir Persönlich würde einfallen es mit hellMinor's Illuminoals  zu fixen hier ein Link

[Derexor]

Der Nebel bewegt sich immer mit, außer er wurde auf einem Event fixiert
was durch Illumino geht, wie Master Chain schon geschrieben hatt.