PDA

Archiv verlassen und diese Seite im Standarddesign anzeigen : [Tutorial - Photoshop] Realistische Wasserreflektionen


Aurelion
27.04.2008, 00:19
Tutorial - Realistische Wasserreflektionen

------------
In diesem Thread will ich euch zeigen, wie ihr ganz einfach mithilfe eines kleinen Programmes sehr realistische Wassereffekte wie Regen etc. erstellen könnt. Anhand dieses Beispieles (http://upload.worldofplayers.de/files/wasser5.gif) will ich es euch erklären.
------------


Sucht euch ein geeignetes Bild, auf welches eine Art Wasserreflektion gut passen könnte.

Ich habe mir dazu folgendes ausgesucht:

http://upload.worldofplayers.de/files/23acyra9toOvsUnbenannt-5.jpg

Öffnet nun Photoshop und euer Ausgangsbild. Kopiert es (Auswahlrechteck [M] > Bild umranden > Bearbeiten > Kopieren > Datei > Neu) und wählt ungefähr die Hälfte an Höhe des ursprünglichen Bildes (kommt immer drauf an, wieviel Fläche vom Bild reflektiert werden soll, also ist das euch überlassen), wären bei mir also 576x135pxl.

Schiebt das Bild bis an den oberen Rand bis ihr darunter eine freie, transparente Fläche habt.

Nehmt nun wieder das Auswahlrechteck und zieht es um den transparenten Bereich. Wenn ihr das getan habt, geht ihr auf Bearbeiten > Kontur füllen.


1pxl
schwarz
Innen


Mehr oder weniger Standard, ihr bestätigt es und solltet nun einen schwarzen Rand um den transparenten Bereich haben. Speichert das ganze als *jpg ab. Für User von Photoshop ist das eigentlich nur ein 1-minütiger Vorgang. :D

So und nun kommt das kleine Programm ins Spiel. Es nennt sich SquirlzReflect und ihr könnt es euch hier (http://www.soft32.com/Download/Free/Sqirlz_Water_Reflections/4-202661-1.html) downloaden. Installiert und startet es.

Entweder ihr zieht nun die zuvor abgespeicherte Datei einfach in das schwarze Fenster, oder ihr öffnet es standardgemäß (File > Open). Klickt nun auf das http://upload.worldofplayers.de/files/Tls3msdg.jpg und zieht euch damit einen möglichst geraden Rand* um den weißen Bereich entlang des dünnen, schwarzen Rahmens, den wir zuvor erstellt haben. Wenn erledigt, einfach einen Rechtsklick und es sieht so aus:

http://upload.worldofplayers.de/files/fsd.jpg

Hm, ein wenig ungerade, aber ihr macht’s einfach besser! :D

Klickt auf http://upload.worldofplayers.de/files/uizo.jpg. Dabei könnt ihr auswählen, was ihr für Arten von Effekt haben wollt. In diesem Fall habe ich gleich Ersteres gewählt:

http://upload.worldofplayers.de/files/dad.jpg

Klickt anschließend auf die http://upload.worldofplayers.de/files/hll.jpg und übernehmt folgende Einstellungen:

http://upload.worldofplayers.de/files/dffd.jpg

Bei der Option „Smooth“ wählt ihr „Light“ und übernehmt. Der letzte Schritt ist einfach: Drückt auf das rosane http://upload.worldofplayers.de/files/gif.jpg drückt euch durch, bis folgende Meldung erscheint:

http://upload.worldofplayers.de/files/XenNDgiYUlp.jpg

Für eine flüssige Darstellung immer 25(!) eingeben, so wie ich es gemacht habe. Nun dürfte das Ganze fertig sein und so aussehen:

http://upload.worldofplayers.de/files/ter.gif
-----------


Weiteres Beispiel:

http://s2.directupload.net/images/080203/lqhmttvt.gif

Ich hoffe, es hat euch etwas gebracht, denn wenn man dieses grundlegende Wissen hat, kann man richtig schön damit spielen! Egal ob Schnee, Regen, Strudel, Tropfen, alles ist möglich, probiert es aus, spielt damit herum und danke für euere Aufmerksamkeit!

*Anmerkungen: Wichtig ist, dass ihr sauber arbeitet, besonders beim Rahmenziehen im seperaten Programm, da ihr sonst zum Schluss einen unschönen Übergang bekommt! Ebenso könnt ihr den Rahmen mit einem anderen Grafikprogramm machen, nicht das ihr denkt, das sei speziell für Photoshop. ^^
Hustler
29.04.2008, 17:51
schön - bloss geht das auch mit gimp?

und die bilder/ ergebnisse haben immer einen schwarzen frame, wodurch die ani nicht so toll aussieht - kann man das beheben oder wird das immer das ergebnis sein?
Aurelion
29.04.2008, 18:00
schön - bloss geht das auch mit gimp?

und die bilder/ ergebnisse haben immer einen schwarzen frame, wodurch die ani nicht so toll aussieht - kann man das beheben oder wird das immer das ergebnis sein?

Klar, das geht eigentlich mit jedem Programm, wo du einen eckigen Rahmen um einen transparenten Bereich machen kannst.

Meinst du den Strich, der das ganze „abtrennt“?

Da müsstest du mal rumprobieren und einfach den oberen Strich beim schwarzen Rand wegradieren, das dürfte theoretisch dann auch so möglich sein.

Wie gesagt - umso genauer du arbeitest, umso schöner und realistischer wird es. ;)
Hustler
02.05.2008, 16:26
eigentlich meinte ich deine ergebnisse. das erste hat unter dem kopf einen strich und drunter ist es deutlich dunkler. beim zweiten ist bei einem frame ein dicker schwarzer rahmen, wodurch die ani abgehackt aussieht.
Aurelion
02.05.2008, 16:28
eigentlich meinte ich deine ergebnisse. das erste hat unter dem kopf einen strich und drunter ist es deutlich dunkler. beim zweiten ist bei einem frame ein dicker schwarzer rahmen, wodurch die ani abgehackt aussieht.

Ja, das ist ja die Abtrennung mittig vom Bild.

Je präziser, desto schöner.
Serpico
02.05.2008, 16:33
Wirklich beeindruckende Animation, das sieht spektakulär aus, Aure ^^

Es ist schon immer wieder erstaunlich, was man alles mit solchen Programmen machen kann. Leider sind die Bilder jetzt ziemlich groß, sonst könnte man ja sowas hervorragend für Header im Webdesign verwenden oder in einem der Forendesigns :D

Tolle Sache allemal.
Vielleicht versuch ich mich auch mal dran, das mit Gimp hinzubekommen.
Dansard
02.05.2008, 20:00
Mjoa, sieht gaz ganz gut aus, eigentlich. Nur ist das mit dem Programm ja keine große Tat. :D
BeCool
03.05.2008, 14:30
Eine Frage wieso kann ich es nicht abspeicher hab es gemacht,aber leider geht es immer wieder dann weg...

MFG
Aurelion
03.05.2008, 14:31
Eine Frage wieso kann ich es nicht abspeicher hab es gemacht,aber leider geht es immer wieder dann weg...

MFG

Es geht weg? Inwiefern?
BeCool
03.05.2008, 14:42
Es geht weg? Inwiefern?

ah habs geschafft aber wie kann man am besten die datein öffnen es geht mit den Browser aber gibt es nicht ein Programm dafür?

MFG
Aurelion
03.05.2008, 14:45
ah habs geschafft aber wie kann man am besten die datein öffnen es geht mit den Browser aber gibt es nicht ein Programm dafür?

MFG

Hm, ich verstehe nicht ganz.

Die Datei kannst du doch ganz normal ansehen, was willst du ein programm dafür?
BeCool
03.05.2008, 14:51
Hm, ich verstehe nicht ganz.

Die Datei kannst du doch ganz normal ansehen, was willst du ein programm dafür?


Wenn ich das speicher ist es doch dann eine Flash-Datei...

Kann man doch auch nciht mir GIMP öffenn...

MFG
Aurelion
03.05.2008, 14:55
Wenn ich das speicher ist es doch dann eine Flash-Datei...

Kann man doch auch nciht mir GIMP öffenn...

MFG

Nein, das ist eine .gif Datei.
BeCool
03.05.2008, 14:59
Alles klar trozdem danke....

Finde deine Tutoria,s wirklich sehr gut!!

Hoffe das du noch ein Paar machst.
Aurelion
03.05.2008, 15:07
Joa.

Aber wie Dansard schon sagte, so etwas ist gleich gemacht, trotzdem erstaunlich was man damit rausbringen kann. ;)
t8ker
02.08.2008, 19:33
:eek:

Das sieht wirklich mehr als geil aus!
Respekt!
Black
06.08.2008, 10:17
coole sache das ganze. aber ein grafikprogrammspezifisches tutorial ist das nicht. die selbe qualität erreicht man bei dem bischen, was da zu bearbeiten ist auch im uralten PAINT ... da geht das rahmenziehen vllt sogar noch einfacher, weils so primitiv ist xD

meine animation ist etwas groß ausgefallen, hab ich grad gemerkt. man kann hier leider net mehr als 1 mb hochladen §burn

jetzt musste ich den kack doch glatt skalieren ... habt ihr schonmal eine gif datei skalliert???? was für eine scheis arbeit... alles in einzelner handarbeit, frame für frame :mad:

http://forum.worldofplayers.de/forum/attachment.php?attachmentid=16065&stc=1&d=1218014157

ach fuck gimp hat aus den 40millisekunden pro frame 100 gemacht... naja egal
Wolf
08.08.2008, 17:30
Kann man damit auch ungerade Linie ziehen um die Animation z.B an einen Felsen anzupassen? Und für was braucht man den schwarzen Rahmen eigentlich?
Sя.XianBao
08.08.2008, 21:17
Danke für dieses Tut. Habe mir das Progamm schnell runter geladen.:D
Wolf, ich hab das mal probiert. Das sah aber nicht gut, vielleicht hat es mir an Fingerspitzengefühl gefehlt. Das Werkzeug ist auch nicht gerade das beste für so etwas.
Black
12.08.2008, 21:24
Kann man damit auch ungerade Linie ziehen um die Animation z.B an einen Felsen anzupassen? Und für was braucht man den schwarzen Rahmen eigentlich?
den schwarzen rahmen braucht man nicht. das mit dem anpassen hab ich schon getestet, aber so realistisch mitdenken kann das programm nicht. wenn die eine seite höher als die andere ist macht das programm gar nichts oder es ist total verzogen. also unbrauchbar...
Aurelion
12.08.2008, 21:56
Ohne Rand erreicht man eben so etwas:




http://forum.worldofplayers.de/forum/attachment.php?attachmentid=16065&stc=1&d=1218014157

Wie du siehst „flimmert“ auch der linke Rand.
Black
13.08.2008, 12:48
nein, da war ich beim ziehen der abgrenzung um einen pixel zu ungenau. hab getestet. wenn man genau arbeitet, dann ist die reflexion auf den pixel genau richtig abgestimmt. ;)
Aurelion
13.08.2008, 13:01
nein, da war ich beim ziehen der abgrenzung um einen pixel zu ungenau. hab getestet. wenn man genau arbeitet, dann ist die reflexion auf den pixel genau richtig abgestimmt. ;)

Ja, deshalb ziehst du ja auch den Rand damit es recht genau wird. :p
t8ker
13.08.2008, 15:36
Was mich interessieren würde ist, ob man das ganze so oder ähnlich mit GIMP umsetzten kann?
Aurelion
13.08.2008, 16:45
Was mich interessieren würde ist, ob man das ganze so oder ähnlich mit GIMP umsetzten kann?

Selbstverfreilich.

Du brauchst ja nur den Rahmen in deinem Grafikprogramm machen und den transparenten Bereich. Das geht mit GIMP natürlich genauso, nur weiß ich nicht wie, deswegen habe ich das ja für Photoshop geschrieben weil ich nur PS verwende.
Mr. Brightside
15.08.2008, 09:15
Sieht wirklich toll aus, danke!:)
Werd ich demnächst ma ausprobieren.
Tombery3D
13.11.2008, 15:56
Danke für das Programm, damit kann man wirklich tolle sachen mit anstellen.
http://upload.worldofplayers.de/files2/Na.gif
Samsei
19.02.2009, 23:24
Das mal nen super Tutorial. Danke.


Gruß Samsei§wink
Wolf
20.02.2009, 20:03
Man muss übrigens nichtmal eine gerade Linie ziehen, wenn man genau arbeitet kann man auch Kurfen machen. :)

Siehe hier (habs auf die schnelle gemacht, deßhlab ist es nicht ganz so gut)

http://upload.worldofplayers.de/files3/water.gif