[Tutorial] Lichteffekte mit Photoshop

Druckbare Version

19.04.2006, 19:15
Underserial

[Tutorial] Lichteffekte mit Photoshop

Erst mal herzlich Willkommen zu meinem Tutorial. :D
Ich weis das es schon mal so ein ähnliches von Feldherr gab, aber ich mache es nun anhand einer anderen Map und erkläre es ein bisschen ausführlicher. und ich hoff ich mache das genau so gut! :)

1. Wie mache ich einen richtigen Lighteffekt der gut wirkt?

Also ich verwende in diesem Tutorial Photoshop Pro 7.0 finde es einfach gut.

Als erstes macht ihr einen Screenshot von eurer Map auf die der Lighteffekt soll. Das macht ihr indem ihr im Maker auf die „Drucken“ Taste auf eurer Tastatur drückt. Danach fügt ihr den nun zwischengespeicherten Screen einfach in Photshop ein.

Das müsste dann so aussehen.
http://img380.imageshack.us/img380/9774/einstieg7sy.png

Das war unser erster Schritt und machen wir den zweiten.

Wir analysieren den Screen.

2. Wo befinden sich die Lichtquellen?

http://img469.imageshack.us/img469/3346/lichtq1ti.png

Wie wir deutlich sehen können gibt es drei Lichtquellen. Zum einen Die Lampe oben links, das Fenster und die Stehlampe. Die Lichtquelle 1 und 3 werfen ein Rundlicht, das Fenster hingegen wirft nur einen leichten Lichtstrahl nach innen der das Zimmer erhellt. Nun zum nächsten Schritt. Wir erstellen eine neue Ebene und nennen diese „transparente Farbe“.

http://img354.imageshack.us/img354/7...etransp3zi.png

Der rot umkreiste Button ist der um eine neue Ebene zu erstellen. Nun nehmt ihr das Auswahlrechteck (Shortbutton M).

http://img469.imageshack.us/img469/3...echteck1rv.png

Wiederum der rot umkreiste Button ist unser Button.
Als nächsten markieren wir die äußeren schwarzen Ränder des Screens. Das macht ihr indem ihr mit der Maus ein Quadrat um diesen Bereich zieht. Wie auf dem Bild.

http://img477.imageshack.us/img477/2...rahmung8mq.png

Um den restlichen Bereich zu markieren drückt ihr die „SHIFT“ Taste und zieht gleichzeitig einen Rahmen um den nächsten Bereich. So macht ihr das mit allen schwarzen Bereichen so dass es am Ende so aussieht.

http://img481.imageshack.us/img481/6...gfertig8kz.png

Nun nehmt ihr das „Füllwerkzeug“ (Shortbutton G)

http://img477.imageshack.us/img477/6...erkzeug0yr.png

Wählt als transparente Farbe einfach rosa oder eine andere Farbe die euch gefällt. Aber am besten ist schon rosa. Damit füllt ihr nun diesen markierten Bereich. Damit es so aussieht.

http://img477.imageshack.us/img477/8864/rosa5hl.png

Dann geht ihr oben in der Taskleiste auf „Auswahl“ und „Auswahl aufheben“ so dass die gestrichelten Linien verschwinden.
Nun erstellt ihr die nächste Ebene am besten nennt ihr sie „Schwarz“, denn nun kommt der 3. Schritt.

3. Das Lichtquellen setzten

Bitte achtet darauf, dass eure Ebenen Anordnung wie folgt aussieht.

http://img487.imageshack.us/img487/9...ordnung4gm.png

Also das nächste wäre das ihr wieder das Füllwerkzeug benutzt und das komplette Bild nun schwarz färbt es bleibt nur noch der rosane Rand übrig! Nun dürftet ihr nur noch ein Bild haben das rosa umrahmt ist und einen schwarzen Fleck in der Mitte hat.

http://img487.imageshack.us/img487/5...schwarz3bp.png

Wenn dies geschehen ist stellt ihr bei dieser Option.

http://img487.imageshack.us/img487/5...ckkraft4rw.png

Die Deckkraft auf 50% damit ihr wieder den Screen einigermaßen seht. Müsste nun so aussehen.

http://img477.imageshack.us/img477/2...kraft504lp.png

Nun macht ihr als nächstes weiter in dieser Ebene (Schwarz) ihr nehmt dieses Werkzeug.

http://img375.imageshack.us/img375/241/zeichnen2by.png

Ihr wählt am besten einen Durchmesser von 50 am Anfang nun fang ihr an.
Wählt euch am besten eine Farbe aus die fast wie schwarz aussieht aber ins gelbe übergeht.
Ungefähr so.

http://img375.imageshack.us/img375/8...kelgelb6lk.png

Nun macht ihr einen großen dunklen Kreis um die Lichtquellen 1 und 3 das sieht dann so aus.

http://img119.imageshack.us/img119/6...tanfang6lk.png

Nun macht ihr das gleiche nur geht ihr bei der Farbe immer ein Stück in Richtung helleres Gelb fast schon weiß das macht ihr so in 5er Umfangschritte (50, 45, 40…) usw. bis es am Ende schließlich so aussieht. Macht das ganze ca. bis Umfang 10 ansonsten wäre es zu klein.

http://img119.imageshack.us/img119/7...ellgelb3yx.png

http://img375.imageshack.us/img375/5...tfertig2ek.png

Nun könnt ihr die Ebenen Deckkraft wieder auf 100 % setzten sodass der Screen wieder so aussieht.

http://img375.imageshack.us/img375/7...deck1000no.png

Dann geht ihr in der Taskleiste auf „Filter“ dann in die Kategorie „Weichzeichnungsfilter“ und dort auf „Gauscher Weichzeichner“

http://img375.imageshack.us/img375/8438/gauscher9de.png

Nun wählt dies an dann müsste sich ein Fenster das wie folgt aussieht öffnen.

http://img119.imageshack.us/img119/9...stergau6gs.png

dort stellt ihr nun den Radius so ein das euch der Lichteffekt gefällt ich würde hier vorschlagen nehmen wir ca. einen Wert von 20. Das kann jeder für sich entscheiden wie er den Lighteffekt haben will.
Fertig sieht das ganze nun so aus.

http://img119.imageshack.us/img119/8868/fertig7yq.png

Als letztes solltet ihr die Datei zwei Mal abspeichern einmal als psd Datei damit iihr den lichteffekt jederzeit in paintshop mit all seinen ebenen wieder ändern könnt. Und eben als png jpg oder sonst was ihr wollt damit ihr es im Maker einfügen könnt.
Dann nur noch die Farbtiefe des Screens auf 256 Farben stellen und im Maker einfügen.
Wie man nun das Fenster macht ist das gleiche nur, dass ihr statt eines Kreises einfach ein Dreieck macht. Dies macht ihr alles ebenfalls wieder auf der Ebene „Schwarz“. Wieder einfach von Dunklestem Dreieck außen nach innen zum hellsten. Dann auf den Filter fertig.

So sieht der Screen dann im Maker aus.

http://img452.imageshack.us/img452/9522/map0ju.png

und der LE zum einfügen im Maker (256 Farben wichtig!!!)

http://img452.imageshack.us/img452/6991/1230sl.png

Fertig, ich hoff euch hat’s gefallen.

Mit freundlichen Grüßen,

Underserial.

Für Kritik stehe gerne zur Verfügung. :D
19.04.2006, 19:24
Bauzi

Gibts das ganze auch in einer Zip Datei oder so? Weil bis mein Modem diesen 56k-unfreundlichen Beitrag geladen hat, schläft mir der Fuß ein und stirbt er mir sicher ab wenn mein Browser das ganze fertig geladen hat.

Das war ernst gemeint mit der Frage!
19.04.2006, 19:26
Underserial

klar ich lads hoch!

http://rapidshare.de/files/18426265/...fekte.rar.html

hier!
19.04.2006, 19:28
Xered

Sorry, aber das Tutorial gefällt mir echt nciht.
Ich kenne schon 2 Tut mit Photoshop.
Und die sind besser.
Du hast ja gar keine Schatten und sowas.
Da fehlt sehr viel. Meiner meinung nach solltest ud das nochmal was überarbeiten.
19.04.2006, 19:29
Underserial

es ist ja ein tutorial für le nicht für schatteneffekte und naja gib mir mal bitte die links zu den anderen tuts.

danke.
19.04.2006, 19:40
haZZ

An sich ist das Tut schön, aber ich glaub du hast das Fenster vergessen! ^^"
19.04.2006, 20:37
Xered

Ich weiß die Links nicht.
Ich habe mir die Links nicht aufgeschrieben, da ich kein photoshop habe.
Ich kenne nur den link vom GIMP Lightmap Tut, da ich GIMP benutze.
Aber die Tuts schwirren hier irgendwo herum.
Der thread von einem Tut ist neulich glaube ich sogar wieder gepusht worden.
19.04.2006, 20:47
Cepanks

Zitat:

Zitat von Mc Terror

Ich weiß die Links nicht.
Ich habe mir die Links nicht aufgeschrieben, da ich kein photoshop habe.
Ich kenne nur den link vom GIMP Lightmap Tut, da ich GIMP benutze.
Aber die Tuts schwirren hier irgendwo herum.
Der thread von einem Tut ist neulich glaube ich sogar wieder gepusht worden.

Meinst du das hier?: http://www.multimediaxis.de/showthread.php?t=21192

@Tut: Da ich kein Photoshop habe kann ich damit eigentlich nicht wirklich viel anfangen...
Ich bleib bei meinem PicturePublisher:D

Edit: Hier is auch nochmal eins für PS: http://www.multimediaxis.de/showthread.php?t=67604
LE tuts scheinen grad in zu sein^^
19.04.2006, 20:57
.matze

Zitat:

Zitat von Underserial

es ist ja ein tutorial für le nicht für schatteneffekte und naja gib mir mal bitte die links zu den anderen tuts.

danke.

lol.

licht+schatten=lichteffekt

Man, man, z. Z. gibts ja tausende lightmap tut....

naja klingt ganz gut gabs halt scho öfters.
19.04.2006, 22:14
Xered

Zitat:

Zitat von Underserial

es ist ja ein tutorial für le nicht für schatteneffekte und naja gib mir mal bitte die links zu den anderen tuts.

Stell mal..... nen bauklotz oder so auf den tisch und halt ne taschenlampe davor.
Wenn sich dahinter für dich nix verändert hat solltest ud weniger von dem nehmen was du nimmst.

Soll heißen:
Schon mal licht gesehen ohne nen schatten?
und zwar in echt, ncith mit effekten in nem film oder so.......
Wenn ja, das will ich sehen.
Nur weil es ein tut für nen lichtefekkt ist, heißt das noch lange nciht das es keine lichtefekkte geben sollte.
meiner meinung nach sollte es die sehr wohl geben.
20.04.2006, 07:37
Underserial

@cepanks

das zweite ist nicht für ps!

mfg,
21.04.2006, 23:26
Narsil

Apropos du hast drei Lichtquellen angegeben und hast nur zwei erklärt, ist mir beim schnell drüber schauen aufgefallen.
22.04.2006, 11:23
Underserial

Zitat:

Zitat von Narsil

Apropos du hast drei Lichtquellen angegeben und hast nur zwei erklärt, ist mir beim schnell drüber schauen aufgefallen.

Wie man nun das Fenster macht ist das gleiche nur, dass ihr statt eines Kreises einfach ein Dreieck macht. Dies macht ihr alles ebenfalls wieder auf der Ebene „Schwarz“. Wieder einfach von Dunklestem Dreieck außen nach innen zum hellsten. Dann auf den Filter fertig.

Steht im text http://www.multimediaxis.de/images/s.../old/s_009.gif
22.04.2006, 17:09
Gendo Long

Super könnt ihr aba ev. noch bei extremeshare.de hochladen?
aol hat mit rapidshare so seine probleme -.-
22.04.2006, 18:07
Sakow

mir gefällt der auch nicht. Zumal du extra einen Lichteffekt-Tut für Photoshop machst. Da gibt es eine viel einfachere Methode. Unter

-Filter -> Render -> Lightning Effekt

Ist viel einfacher. Sorry, aber so denke ich darüber.

@Gendo Long: Und wann wechselst du? -_- Ich hasse Rapidshare weil AOL es nicht gebongt bekommt.
23.04.2006, 19:42
Underserial

hier habs dir hochgeladen!

danke das es dir gefällt.

http://extremeshare.net/?p=d&d=b063096052
24.04.2006, 13:48
Corti

Man muss ein völlig talentloser Depp sein um sowas nicht alleine hinzukriegen.
Mit Ausnahme von MS Paint Lichteffekten gibts ja wohl kaum was das schlechter aussieht.
Gelben Kreis malen und Blur drüber, na super.

Schaut auch mal die Lichteffekte von UID im Dachboden von Gandys Haus an, davon könnt ihr noch was lernen und wer sie sich mal ansieht stellt fest dass es ganz massive Unterschiede zu hingeklatschten gelben Farbflecken gibt.

Schönes Beispiel übrigens wie man einen Screen durch nen Lichteffekt hässlicher machen kann, aber ich will nicht unfair sein udn an dieser Stelle auch nochmal eine positive Sache erwähnen.
Die Methode geht schnell, es kostet also kaum Zeit jede einzelne Map damit zu verschandeln, das führt zu weniger Tränen wenn man dann irgendwann feststellt dass es immernoch hässlich ist.
24.04.2006, 18:07
Sakow

Zitat:

Zitat von Corti

Man muss ein völlig talentloser Depp sein um sowas nicht alleine hinzukriegen.
Mit Ausnahme von MS Paint Lichteffekten gibts ja wohl kaum was das schlechter aussieht.
Gelben Kreis malen und Blur drüber, na super.

Schaut auch mal die Lichteffekte von UID im Dachboden von Gandys Haus an, davon könnt ihr noch was lernen und wer sie sich mal ansieht stellt fest dass es ganz massive Unterschiede zu hingeklatschten gelben Farbflecken gibt.

Schönes Beispiel übrigens wie man einen Screen durch nen Lichteffekt hässlicher machen kann, aber ich will nicht unfair sein udn an dieser Stelle auch nochmal eine positive Sache erwähnen.
Die Methode geht schnell, es kostet also kaum Zeit jede einzelne Map damit zu verschandeln, das führt zu weniger Tränen wenn man dann irgendwann feststellt dass es immernoch hässlich ist.

Naja, von Grund auf schlecht ist diese Method nicht. Feldherr machte auf genau die selbe Art und Weise seine Tutorial, allerdings sah es da besser aus und farbenfroher (vielleicht lag es auch am M&B:D ).

Richtig schnell geht es übrigens auch mit der MEthodo wie ich es gesagt habe. Früh übts`sich: Heute schaffe ich einen in 4-6 Minuten. Wenn ich mehr Zeit investiere mache ich auch Schatten, ist auch keine Hohe Kunst fehlt aber in deinem Tutorial.

Ach, wenns ein Trost ist: Die HErangehensweise ist absolut richtig. Ich benutze zwar 3 ebenden, daber ansonsten ists scho recht.
30.04.2006, 22:17
Gendo Long

natoll -.- kaum is man eine weiel nich im Forum (7 tage)
steht zwar der extremeshare link da,
aba datei nich mehr verfügbar....
lad bitte nochma hoch^^
01.05.2006, 12:32
Underserial

Kommt sofort

hier look....

http://extremeshare.net/?p=d&d=76f9307ca7

mfg,
02.05.2006, 00:00
Archeo

Zitat:

Zitat von Corti

Schaut auch mal die Lichteffekte von UID im Dachboden von Gandys Haus an, davon könnt ihr noch was lernen und wer sie sich mal ansieht stellt fest dass es ganz massive Unterschiede zu hingeklatschten gelben Farbflecken gibt.

Ich hoffe dir ist klar, dass es in dem Zimmer keine einzige Lichtquelle, außer einem Fenster welches allerdings nicht beachtet wurde, gibt?
Somit ist das nur ein kleiner nebensächlicher Effekt, welcher die Map abrunden soll.
Bei dem Tut hier kann man gut erkennen das auch Erhellungen bei den Möbeln berücksichtigt wurde und somit schon was recht neues ist, imo.
Ich selbst hab kein PS und lass mir die LE's von anderen machen aber sonst fand' ich's ganz nett gemacht.
03.05.2006, 16:56
Sgt. Pepper

Wie schon öfters erwähnt ist das Tutorial wirklich nicht gut. Wenn man sich mal das Endergebnis ansieht, ist es wirklich erstaunlich, dass man den Muell in so vielen Schritten und mit so vielen Bildern erklären kann (Das meine ich nicht wirklich positiv).
Man kann anhand der uneffizienten Vorgangsweise sehr gut erkennen, dass du offensichtlich keinen besonders häufigen Umgang bzw. Routine mit Photoshop hast. Viele deiner seltsamen Arbeitsschritte ließen sich sehr schnell durch andere Ersetzen. Dann hätte man auch gemerkt, dass das was du da gemacht hast, jeder absolute Neuling in Sachen Photoshop ohne Hilfe hätte genauso machen sollen (Wenn nicht sogar besser, denn das Endergebnis ist doch ein Witz).
Ich werde mal versuchen einzeln deine größten Fehler aufzufuehren.

1. Es gibt in Photoshop tolle Optionen fuer das Auswahlwerkzeug. Diese sollte man einfach mal nutzen. (Auswahl invertieren, von der auswahl subtrahieren/hinzufuegen etc.) Aber das ist ja noch ziemlich egal.

2. Ich wuerde niemals das Fuellwerkzeug nehmen. Ich finde es arbeitet zu ungenau, was in dem Fall zwar keine Rolle spielt, aber in Zukunft wuerde ich immer empfehlen lieber Rechtklick -> Auswahl fuellen zu nutzen.

3. Was sollen die immer helleren Kreise? Das ist doch wirklich unglaublicher Schwachsinn. Wirklich eine Stelle wo man stark gemerkt hast dass du keine Ahnung von Photoshop hast. Es gibt zuhauf bessere Methoden einen weichen Kreis zu erstellen. Es gibt das Verlauftool oder einfach einen Brush, der sogar standardmäßig dabei ist. Du hättest auch einen Kreis erstellen können und dessen Auswahl weichzeichnen.
Alle Methoden sind sehr viel genauer als dein Mumpitz. Vorallem hast du die ganze Arbeit durch einen VIEL zu uebertriebenen Weichzeichner komplett verschwinden lassen. Ich frag mich ernsthaft wie du dazu gekommen bist.

4. Es fehlt das Fenster. Und erst "ICH MACH ALLES GANZ DOLL AUSFUEHRLICH" dann "ist doch nur das selbe mit einem Dreieck" geht nicht. Erstens weil es eben absolut nicht das selbe mit einem Dreieck ist und zweitens weil das der einzige interessante Teil des Tutorials gewesen wäre. So ist es nicht zu gebrauchen, weil wohl jeder intuitiv herausfinden kann, wie man weiche Kreise in Photoshop malt.

5. Das Endergebnis ist nicht sichtbar.

Denk vielleicht das nächste mal einfach nach, ob die Welt fuer sowas wirklich ein Tutorial braucht oder ob die wirklich die Person bist, die es machen sollte.
03.05.2006, 21:00
Underserial

Die Meinungen gehn hier in 2 Richtungen naja und wenn ich jemand geholfen habe freue ich mich immer wieder wenn es jemand nervt das das tut so schlecht ist, naja dann tuts mir leid, aber naja was wäre eine Welt ohne Kritik.

MFG;
04.05.2006, 01:57
toho

wie viele lichteffekttutorials kommen denn noch?Oo
und das hier ist..naja, echt nicht sooo toll^^
ein dreieck "weich" und strahlend zu machen ist btw sehr wohl was anderes als einen quader oder eine scheibe...
04.05.2006, 17:36
Sakow

Zitat:

Zitat von Underserial

Die Meinungen gehn hier in 2 Richtungen naja und wenn ich jemand geholfen habe freue ich mich immer wieder wenn es jemand nervt das das tut so schlecht ist, naja dann tuts mir leid, aber naja was wäre eine Welt ohne Kritik.

MFG;

Neulinge in die falsche Richtung zu führen ist aber auch nett unbedingt gut. :D Wie erwähnt müsstest du nur etwas ändern, das Grundgerüst ist ja normal wie bei allem anderen. Photoshop bietet aber (ich weis ich wiederhole mich) speziell für Lichteffekte Optionen an.