RPGVX.net

Ressourcen & Tutorials => Tutorials => Thema gestartet von: Ceta am Mai 21, 2009, 17:58:45

Titel: [Grafik] Wie erstelle ich einen Nebeleffekt?
Beitrag von: Ceta am Mai 21, 2009, 17:58:45
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]

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.
(http://imagesload.net/img/Grösse ändern1.png)

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.
(http://imagesload.net/img/ausschneiden.png)

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^^
(http://imagesload.net/img/Transparenz.png)

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

So, jetzt gehts ans Eingemachte: Die Wolken^^
Dafür folgt ihr dem Pfad Effekte --> Wiedergabe ---> Wolken:
(http://imagesload.net/img/Wolken.png)

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^^
(http://imagesload.net/img/Wolken skalieren.png)

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:
(http://imagesload.net/img/Elements%20Screenshot%20xD.png)
(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
Wir machen ein neues Bild mit den Maßen 544x416,
Farbraum soll RBG-Farben sein und die Füllung Weiß
(http://img3.imagebanana.com/img/c8j2kdrx/schritt1.png)

Wir gehen auf Filter - Render - Wolken - Plasma...
(http://img3.imagebanana.com/img/7znwazy/schritt2.png)

Zufällige Anfangszahl ist egal
Turbulenz sollte 1,5 bis 2,5 sein je nachdem wie aufgewühlt der nebel ist
(http://img3.imagebanana.com/img/6c7ujgkn/schritt3.png)

etwas zu bunt^^
desshalb entsättigen wir das ganze Farben - Entsättigen
(http://img3.imagebanana.com/img/692u346r/schritt4.png)

Der Grauwert soll nach Helligkeit bestimmt werden
(http://img3.imagebanana.com/img/0r483clx/schritt5.png)

es ist allerdings noch zuviel schwarz darin
Wir gehen auf Farben - Kurven
(http://img3.imagebanana.com/img/xil19ufu/schritt7.png)

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
(http://img3.imagebanana.com/img/u1ea1vr/schrit8.png)

Jetzt machen wir schwarz zu Transparenz.
Farben - Farben zu transparenz...
(http://img3.imagebanana.com/img/92vqveg/schritt9.png)

Von: [desc=#000000]Schwarz[/desc] zu Transparenz
(http://img3.imagebanana.com/img/85qxc5l/schritt10.png)

zweitens: Wolken grau färben
wir erstellen eine neue Ebene
(http://img3.imagebanana.com/img/m91ikiwi/neu.png)

Wir gehen nochmal auf Filter - Render - Wolken - Plasma...
(http://img3.imagebanana.com/img/7znwazy/schritt2.png)

Zufällige Anfangszahl so das etwas schwarz darin ist
Turbulenz sollte 3,0 bis 4,0 sein
(http://img3.imagebanana.com/img/x7quk2w0/schritt12.png)

das ist etwas
Filter - Weichzeichnen - Grauscher Weichzeichner ...
(http://img3.imagebanana.com/img/qy67ccue/schritt13.png)

5 pixel sollten reichen
(http://img3.imagebanana.com/img/a803mf2j/schritt14.png)

als letztes setzen wir die farbige Ebene auf den Wert-Modus
(http://img3.imagebanana.com/img/mu7z1n71/schritt16.png)

auf wunsch kann noch die dunkelheit der Farbigen Ebene verändert werden.
Farben - Kurven
(http://img3.imagebanana.com/img/u1ea1vr/schrit8.png)

Diesesmal müssen die Eckpunkte in den Ecken bleiben.
Zum heller machen nach oben, zum dünklermachen nach unten
(http://img3.imagebanana.com/img/hwxm4ev3/last.png)

Fertig sieht der Nebel so aus:
(http://img3.imagebanana.com/img/6jahm9eb/fertig.png)
macht schon auf weißem hintergrund was her nich?

mit sichtbarkeit 200
(http://img3.imagebanana.com/img/268kmv8y/Unbenannt2.PNG)
kein wort übers mapping

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

Gruss


Elements
Titel: Re: [Grafik] Wie erstelle ich einen Nebeleffekt?
Beitrag von: Kyoshiro am Mai 21, 2009, 18:17:06
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
Titel: Re: [Grafik] Wie erstelle ich einen Nebeleffekt?
Beitrag von: spitfire am Mai 21, 2009, 19:03:59
Sehr gutes Tutorial^^

Hat mir sehr geholfen. :D

Hoffe es folgen noch weitere Tutorials von dir^^
Titel: Re: [Grafik] Wie erstelle ich einen Nebeleffekt?
Beitrag von: Phi am Mai 21, 2009, 19:59:20
mein Tutorial steht jetzt im anfangspost
Titel: Re: [Grafik] Wie erstelle ich einen Nebeleffekt?
Beitrag von: Domin0e am Mai 21, 2009, 20:07:46
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
Titel: Re: [Grafik] Wie erstelle ich einen Nebeleffekt?
Beitrag von: Bilbo am Juli 01, 2009, 22:03:30
Kann mich nur anschließen, hätte nicht gedacht, das dies so einfach ist.
WIrklich sehr gutes Tutorial, bin gespannt auf mehr ... ^^

MfG
Titel: Re: [Grafik] Wie erstelle ich einen Nebeleffekt?
Beitrag von: Rosa Canina am Juli 01, 2009, 23:06:14
@Elements:
Hier hast du noch eine dritte - und die einfachste Möglichkeit. XD

Nebel in Photoshop
(http://imagesload.net/img/Photoshop_Tutorial1.png)

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
Titel: Re: [Grafik] Wie erstelle ich einen Nebeleffekt?
Beitrag von: Derexor am Juli 20, 2009, 16:21:43
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
Titel: Re: [Grafik] Wie erstelle ich einen Nebeleffekt?
Beitrag von: Kiige am Juli 20, 2009, 16:37:13
Show Picture, Opacity = 0%
Move Picture, Opacity = X% in 60-X sec

dan wird er langsam eingeblendet ^^
Titel: Re: [Grafik] Wie erstelle ich einen Nebeleffekt?
Beitrag von: Boogatie Roll am Juli 27, 2009, 15:28:44
wie zeigt man nebel "normal" an?
Ich mach es immer mit Picture, aber dann "läuft" der Nebel mit!
Titel: Re: [Grafik] Wie erstelle ich einen Nebeleffekt?
Beitrag von: DarkSun am Juli 31, 2009, 23:45:59
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
Titel: Re: [Grafik] Wie erstelle ich einen Nebeleffekt?
Beitrag von: Ceta am August 01, 2009, 13:23:06
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...
Titel: Re: [Grafik] Wie erstelle ich einen Nebeleffekt?
Beitrag von: Neohunter am Februar 16, 2010, 16:49:16
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????
Titel: Re: [Grafik] Wie erstelle ich einen Nebeleffekt?
Beitrag von: Master Chain am Februar 16, 2010, 16:53:54
Mir Persönlich würde einfallen es mit hellMinor's Illuminoals  zu fixen hier ein Link (http://www.rpgvx.net/index.php/topic,3546.0.html)
Titel: Re: [Grafik] Wie erstelle ich einen Nebeleffekt?
Beitrag von: Derexor am Februar 16, 2010, 16:59:12
Der Nebel bewegt sich immer mit, außer er wurde auf einem Event fixiert
was durch Illumino geht, wie Master Chain schon geschrieben hatt.
Titel: Re: [Grafik] Wie erstelle ich einen Nebeleffekt?
Beitrag von: Neohunter am Februar 16, 2010, 19:58:03
krieg das nicht hin :( bin zu blöd dazu
Titel: Re: [Grafik] Wie erstelle ich einen Nebeleffekt?
Beitrag von: Master Chain am Februar 16, 2010, 20:02:28
Was gibt es da nicht zu kapieren erklär mir mal dein Problem genauer.
Titel: Re: [Grafik] Wie erstelle ich einen Nebeleffekt?
Beitrag von: Neohunter am Februar 17, 2010, 12:58:55
ich krieg das mit dem Komentar zeugs net hin :(
Titel: Re: [Grafik] Wie erstelle ich einen Nebeleffekt?
Beitrag von: Master Chain am Februar 17, 2010, 14:19:42
Poste mal wie du es genau machst.
Titel: Re: [Grafik] Wie erstelle ich einen Nebeleffekt?
Beitrag von: Neohunter am Februar 17, 2010, 17:58:16
Also ich habe das script 1.2b bei mir rein gemacht und das bild mit dem nebel in den ordner Illumino rein getan, hab Komentar Template bei Komentar rein gemacht und dan alles eingegeben aber der nebel erscheint nicht :(
Titel: Re: [Grafik] Wie erstelle ich einen Nebeleffekt?
Beitrag von: Master Chain am Februar 18, 2010, 14:44:37
Zitat
LE-Name
 x:0 y:0 op:150 zx:1.0 zy:1.0 bt:1 flicker:30
Hasste es mal so Probiert anstatt LE- Name den Namen von der Nebel Datei.
Titel: Re: [Grafik] Wie erstelle ich einen Nebeleffekt?
Beitrag von: _M@RV!N_ am Februar 22, 2010, 18:59:26
Gutes Tutorial, sehr ausführlich und sogar so, dass ich es verstehe (Zum Glück habe ich auch GIMP )^^


~Übertreibs mal nicht, sowas kann man auch in normaler größe und nicht fett schreiben -.-

MfG, Colo
SimplePortal 2.3.3 © 2008-2010, SimplePortal