In diesem Photoshop-Tutorial erfahren Sie, wie Sie auf einfache Weise jedem Foto eine realistische Wasserreflexion hinzufügen. Es ist sehr einfach, einen Effekt zu erstellen, und Sie können ihn zu jedem Foto hinzufügen, das Sie mögen. Er eignet sich jedoch am besten für Bilder, die noch kein Wasser enthalten. Wir werden einen einfachen Filter und eine Verschiebungskarte verwenden, um den Wasserwelleneffekt zu erzeugen, und eine Einstellungsebene für Farbton / Sättigung, um unserem Wasser ein wenig Farbe zu verleihen.
Versionshinweis: Dieses Tutorial wurde für Photoshop CS5 und früher geschrieben. Photoshop CC- und CS6-Benutzer sollten sich unser brandneues Tutorial zum Wasserreflexionseffekt ansehen.
Hier ist das Foto, mit dem ich in diesem Tutorial arbeiten werde:
Das Originalbild.
Und so wird unser Bild aussehen, nachdem die Wasserreflexion hinzugefügt wurde:
Das Endergebnis.
Dieses Tutorial stammt aus unserer Photo Effects-Serie. Lass uns anfangen!
Schritt 1: Duplizieren Sie die Hintergrundebene
Mit unserem in Photoshop neu geöffneten Bild können wir in der Ebenen-Palette sehen, dass wir derzeit eine Ebene haben, die Hintergrundebene, die unser Bild enthält:
Das Originalbild auf der Hintergrundebene in der Ebenen-Palette.
Wir müssen die Hintergrundebene duplizieren und können dies mit der Tastenkombination Strg + J (Win) / Befehl + J (Mac) tun. Wenn ich jetzt in meiner Ebenen-Palette nachschaue, sehe ich, dass ich jetzt zwei Ebenen habe - meine ursprüngliche Hintergrundebene unten und eine neue Ebene "Ebene 1" darüber, die mein Duplikat ist:
Drücken Sie "Strg + J" (Win) / "Befehl + J" (Mac), um die Hintergrundebene zu duplizieren.
Schritt 2: Fügen Sie am unteren Rand des Dokuments mehr Zeichenfläche hinzu
Wir werden unsere Wasserreflexion unter dem Bild einfügen. Fügen Sie also am unteren Rand unseres Dokuments etwas Zeichenfläche hinzu, um Platz für unsere Reflexion zu schaffen. Gehen Sie dazu zum Menü " Bild" oben auf dem Bildschirm und wählen Sie " Leinwandgröße" . Das Dialogfeld "Leinwandgröße" von Photoshop wird geöffnet. Am einfachsten ist es, wenn Sie doppelt so viel Zeichenfläche hinzufügen, wie derzeit zur Verfügung stehen. Wir möchten jedoch, dass die Zeichenfläche nur am unteren Rand des Dokuments und nicht darüber oder auf beiden Seiten angezeigt wird. Daher müssen Sie Photoshop genau mitteilen, wo sie sich befindet Wir möchten, dass dieser zusätzliche Platz auf der Leinwand frei wird.
Geben Sie zuerst 100 als Höhe ein und stellen Sie das Maß auf Prozent ein, wie unten rot eingekreist. Lassen Sie die Option "Breite" auf "0". Stellen Sie dann sicher, dass die Option " Relativ" aktiviert ist, damit Photoshop 100% mehr Arbeitsfläche zur Verfügung stellt als wir bereits haben. Unter der Option "Relativ" befindet sich ein 3x3-Gitter mit Quadraten. Hier teilen wir Photoshop mit, wo wir unseren zusätzlichen Arbeitsbereich platzieren möchten. Klicken Sie in das Quadrat in der Mitte der oberen Reihe (wieder wie unten eingekreist). Dadurch wird Photoshop angewiesen, keinen zusätzlichen Zeichenbereichsbereich über dem Dokument zu platzieren und stattdessen den gesamten Bereich unten zu platzieren:
Fügen Sie im Dialogfeld "Canvas Size" (Leinwandgröße) mehr Platz für die Leinwand hinzu.
Klicken Sie auf "OK", um das Dialogfeld zu schließen, und Photoshop fügt den zusätzlichen Arbeitsbereich am unteren Rand des Bildes hinzu:
x
Die Höhe des Dokuments wurde jetzt verdoppelt, und am unteren Rand wurde zusätzlicher Arbeitsbereich hinzugefügt.
Schritt 3: Drehen Sie die oberste Ebene vertikal
Um unser Spiegelbild zu erzeugen, müssen wir unser Bild auf den Kopf stellen, also lasst uns das machen. Gehen Sie mit der in der Ebenen-Palette ausgewählten obersten Ebene zum Menü Bearbeiten oben im Bildschirm, wählen Sie Transformieren und dann Vertikal spiegeln . Photoshop dreht das Bild im Dokument um:
Gehen Sie zu Bearbeiten> Transformieren> Vertikal spiegeln, um das Bild auf der obersten Ebene auf den Kopf zu stellen.
Schritt 4: Ziehen Sie das gespiegelte Bild an den unteren Rand des Dokuments
Das gespiegelte Bild muss sich am unteren Rand des Dokuments befinden. Nehmen Sie also Ihr Verschieben-Werkzeug aus der Werkzeugpalette oder drücken Sie V auf Ihrer Tastatur, um die Verknüpfung zu erhalten:
Wählen Sie das Verschieben-Werkzeug.
Klicken Sie dann mit dem ausgewählten Verschieben-Werkzeug in das Dokument und ziehen Sie das gespiegelte Bild nach unten, bis die Oberkante mit der Unterseite des Originalbilds darüber ausgerichtet ist. Halten Sie beim Ziehen die Umschalttaste gedrückt, um sicherzustellen, dass Sie in einer geraden Linie nach unten ziehen:
Ziehen Sie das gespiegelte Bild unter das Original.
Schritt 5: Fügen Sie eine neue leere Ebene hinzu
Jetzt, wo wir unser gespiegeltes Bild haben, können wir beginnen, unseren Wasserwelleneffekt zu erzeugen. Zuerst müssen wir eine neue leere Ebene am oberen Rand der Ebenen-Palette hinzufügen. Wenn "Ebene 1" noch ausgewählt ist, klicken Sie auf das Symbol " Neue Ebene" am unteren Rand der Ebenen-Palette:
Fügen Sie dem Dokument eine neue leere Ebene hinzu.
Schritt 6: Fülle die neue Ebene mit Weiß
Wir werden unsere neue leere Ebene mit Weiß füllen. Wenn Weiß derzeit nicht Ihre Hintergrundfarbe ist, drücken Sie D auf Ihrer Tastatur, wodurch die Vordergrund- und Hintergrundfarben von Photoshop zurückgesetzt werden und Schwarz Ihre Vordergrundfarbe und Weiß Ihre Hintergrundfarbe wird. Verwenden Sie dann die Tastenkombination Strg + Rücktaste (Windows) / Befehlstaste + Entf (Mac), um die neue Ebene mit der Hintergrundfarbe (Weiß) zu füllen. Ihr Dokument wird weiß ausgefüllt.
Das gesamte Bild ist jetzt mit Weiß gefüllt.
Schritt 7: Wenden Sie den Filter "Halbtonmuster" an, um horizontale Schwarzweißlinien zu erstellen
Gehen Sie zum Menü Filter oben auf dem Bildschirm, wählen Sie Skizze und dann Halbtonmuster . Dadurch wird die Photoshop-Filtergalerie (in Photoshop CS und höher) aufgerufen, in der rechts die Filteroptionen "Halbtonmuster" festgelegt sind, und links wird eine große Vorschau des Effekts angezeigt. Mit diesem Filter fügen wir dem Bild eine Reihe von schwarzen und weißen horizontalen Linien hinzu. Diese Linien werden zu unseren Wasserwellen. Je mehr Linien wir haben, desto mehr Wellen werden wir haben.
Zuerst möchten wir sicherstellen, dass wir Linien und keine Punkte oder Kreise erstellen. Setzen Sie die Option Mustertyp auf Linien . Wir steuern die Anzahl der Zeilen durch Anpassen der Option Größe . Niedrigere Werte ergeben mehr Zeilen, da wir die Größe jeder Zeile verringern, und höhere Werte ergeben weniger, aber dickere Zeilen. Ich werde meinen Größenwert auf 7 setzen, was meiner Meinung nach am besten für mein Bild funktioniert. Möglicherweise möchten Sie mit diesem Wert auf eigene Faust experimentieren. Die Option Kontrast darunter bestimmt, wie scharf die Kanten der Linien sind. Niedrigere Werte ergeben weichere Linien, weiße höhere Werte ergeben harte Kantenlinien. Stellen Sie diesen Wert auf 50 ein, um Ihren Linien scharfe Kanten zu verleihen. Wir werden sie gleich mit dem Gaußschen Weichzeichner mildern:
Passen Sie die Filteroptionen für Halbtonmuster an, um eine Reihe von schwarzen und weißen Linien durch das Bild zu erstellen.
Klicken Sie auf OK, wenn Sie fertig sind, um das Dialogfeld zu schließen. Photoshop füllt das Bild von oben nach unten mit Ihren schwarzen und weißen Linien:
Das Bild ist jetzt mit schwarzen und weißen horizontalen Linien gefüllt.
Schritt 8: Wenden Sie den Filter "Gaußscher Weichzeichner" auf die Linien an
Bevor wir unsere schwarzen und weißen Linien als Wasserwellen verwenden können, müssen wir sie glätten und schöne, glatte Übergänge zwischen ihnen herstellen. Wechseln Sie dazu erneut in das Filter- Menü, wählen Sie " Weichzeichnen" und anschließend "Gaußsche Weichzeichnung". Daraufhin wird das Dialogfeld "Gaußsche Weichzeichnung" angezeigt. Behalten Sie Ihr Bild im Auge und ziehen Sie den Schieberegler am unteren Rand des Dialogfelds, um den Radius zu erhöhen, bis die Linien einen sehr weichen Rand haben. Für dieses Tutorial verwende ich ein kleines Bild, daher funktioniert ein Radius von etwa 4 Pixel für mich gut. Wenn Sie ein größeres Bild mit hoher Auflösung verwenden, müssen Sie einen höheren Wert für Ihr Bild festlegen:
Verwenden Sie den Filter "Gaußscher Weichzeichner", um die Kanten der Linien zu glätten.
Klicken Sie auf OK, um das Dialogfeld zu schließen und die Linien zu verwischen.
Schritt 9: Duplizieren Sie die Linienebene als neues Dokument
Wir werden ein brandneues Dokument aus unserer Linienebene erstellen, das wir dann als Verschiebungskarte für unsere Wasserwellen verwenden. Wechseln Sie mit der ausgewählten Linienebene zum Menü Ebene oben auf dem Bildschirm und wählen Sie Ebene duplizieren aus. Daraufhin wird das Dialogfeld "Ebene duplizieren" angezeigt. Klicken Sie in den "Ziel" -Optionen auf den nach unten zeigenden Pfeil rechts neben der Option " Dokument " und legen Sie " Neu" fest, wodurch ein neues Photoshop-Dokument aus unserer Ebene erstellt wird:
Setzen Sie die Option "Dokument" im Dialogfeld "Ebene duplizieren" auf "Neu".
Klicken Sie auf OK, um das Dialogfeld zu schließen, und Ihre Ebene wird in einem neuen Dokument auf dem Bildschirm geöffnet.
Schritt 10: Speichern Sie das neue Dokument und schließen Sie es
Dieses neue Dokument, das wir erstellt haben, wird zu unserer Verschiebungskarte, aber bevor wir es verwenden können, müssen wir es speichern. Wir werden es auch schließen, nachdem wir es gespeichert haben, da es nicht mehr geöffnet werden muss. Die einfachste Möglichkeit, diese beiden Aufgaben auszuführen, besteht darin, das Dokument einfach zu schließen. Wenn Sie versuchen, das Dokument zu schließen, werden Sie vor dem Schließen von Photoshop gefragt, ob Sie das Dokument speichern möchten. Klicken Sie auf Ja :
Wählen Sie "Ja", wenn Sie vor dem Schließen von Photoshop gefragt werden, ob Sie das Dokument speichern möchten.
Photoshop ruft das Dialogfeld Speichern unter auf . Sie können Ihrem neuen Dokument einen beliebigen Namen geben. Ich werde meine "Wasserwellen" nennen. Stellen Sie sicher, dass Sie es als Photoshop-PSD-Datei speichern, da dies die einzigen Dateien sind, die Photoshop als Verschiebungskarte verwenden kann. Sie werden das Dokument wahrscheinlich auf Ihrem Desktop speichern wollen, da wir es gleich wiederfinden müssen.
Schritt 11: Löschen Sie die Linienebene
Nachdem wir unsere schwarzen und weißen Linien verwendet haben, um die Datei zu erstellen, die wir als Verschiebungskarte verwenden, können wir sie loswerden. Klicken Sie dazu einfach darauf und ziehen Sie es auf das Papierkorbsymbol unten in der Ebenen-Palette:
Klicken Sie auf die Linienebene ("Ebene 2") und ziehen Sie sie in den Papierkorb unten in der Ebenen-Palette, um sie zu löschen.
Schritt 12: Verbinden Sie die beiden Ebenen zu einer neuen Ebene
Bevor wir unsere Verschiebungskarte hinzufügen können, müssen wir unsere beiden Bildebenen auf einer neuen Ebene über ihnen zusammenführen. Verwenden Sie dazu bei Auswahl von "Ebene 1" das Tastenkürzel Umschalt + Strg + Alt + E (Windows) / Umschalt + Befehl + Wahltaste + E (Mac). Im Dokument scheint nichts passiert zu sein, aber wenn wir uns die Ebenen-Palette ansehen, können wir sehen, dass beide Ebenen oben auf einer neuen Ebene zusammengeführt wurden:
Beide Ebenen werden nun zu einer neuen Ebene "Ebene 2" zusammengeführt.
Schritt 13: Verwenden Sie den Filter "Verschieben", um die Wasserwellen zu erstellen
Wir sind bereit, unsere Wasserkräuselungen mit der soeben erstellten Verschiebungskarte zu erstellen. Wenn die neue zusammengeführte Ebene in der Ebenen-Palette ausgewählt ist, kehren Sie zum Menü Filter oben auf dem Bildschirm zurück, wählen Sie Verzerren und dann Verschieben .
Das Dialogfeld "Verschieben" von Photoshop wird geöffnet. Hier bestimmen wir die Stärke unseres Ripple-Effekts, und das tun wir mit der Option Horizontale Skalierung oben. Ich werde meinen Wert auf 4 setzen, was mir einen realistischen Welleneffekt verleiht. Sie können mit diesem Wert mit Ihrem eigenen Bild experimentieren. Wenn Sie es jedoch zu hoch einstellen, entsteht eine zu starke horizontale Verzerrung, und Sie verlieren den Realismus.
Wir brauchen keine vertikale Verzerrung, um unseren Effekt zu erzeugen. Setzen Sie die Option Vertikale Skalierung auf 0 . Vergewissern Sie sich auch, dass Anpassen dehnen und Kantenpixel wiederholen ausgewählt sind:
Gehen Sie zu Filter> Verzerren> Verschieben, um das Dialogfeld Verschieben aufzurufen.
Klicken Sie oben rechts im Dialogfeld auf OK. In Photoshop werden Sie gefragt, welche Datei Sie als Verschiebungskarte verwenden möchten. Wählen Sie die Datei aus, die Sie gerade gespeichert haben und die ich als "water-ripples.PSD" auf meinem Desktop gespeichert habe, und klicken Sie dann auf Öffnen. Photoshop wendet dann die Verschiebungskarte auf das gesamte Bild an und erstellt so unsere Wasserwellen:
Das Bild nach dem Anwenden unserer Verschiebungskarte mit dem Filter "Verschieben".
Schritt 14: Verstecken Sie die Wellen oben mit einer Ebenenmaske
Natürlich haben wir im Moment ein kleines Problem. Wir haben dem gesamten Bild unseren Wasser-Ripple-Effekt hinzugefügt und wollten ihn nur in der unteren Hälfte. Wir können das leicht beheben, indem wir eine Ebenenmaske verwenden. Klicken Sie bei gedrückter Strg-Taste (Windows) / Befehlstaste (Mac) direkt auf die Miniaturansicht für "Ebene 1" in der Ebenen-Palette, um eine Auswahl um das gespiegelte Bild am unteren Rand des Dokuments zu platzieren:
Klicken Sie mit der rechten Maustaste (Win) bzw. bei gedrückter Ctrl-Taste (Mac) direkt auf die Miniaturansicht von Ebene 1 in der Ebenen-Palette, um eine Auswahl um das gespiegelte Bild zu platzieren.
In der unteren Bildhälfte Ihres Dokuments wird eine Auswahl angezeigt. Klicken Sie nun, während die zusammengeführte Ebene noch ausgewählt ist, auf das Ebenenmasken- Symbol unten in der Ebenen-Palette:
Klicken Sie auf das Symbol "Ebenenmaske", um der zusammengeführten Ebene oben in der Ebenen-Palette eine Ebenenmaske hinzuzufügen.
Photoshop fügt der zusammengeführten Ebene eine Ebenenmaske hinzu. Da wir beim Hinzufügen der Ebenenmaske eine Auswahl in der unteren Hälfte des Dokuments hatten, bleibt nur die untere Hälfte der zusammengeführten Ebene sichtbar. Die obere Hälfte wird ausgeblendet, wodurch die unerwünschten Wasserwellen aus diesem Teil des Bildes entfernt werden:
Der Ripple-Effekt wird jetzt nach dem Anwenden der Ebenenmaske in der oberen Bildhälfte ausgeblendet.
Schritt 15: Wenden Sie den Filter "Gaußscher Weichzeichner" auf die Ebenenmaske an
Bevor wir das Wasser einfärben, lassen Sie uns den Rand der Ebenenmaske ein wenig weicher machen, damit es keine so scharfe Trennlinie zwischen dem Bild oben und dem Wasser unten gibt. Wir werden dafür den Gaußschen Weichzeichner verwenden und da wir ihn auf die Ebenenmaske anwenden möchten, müssen wir zuerst die Maske auswählen. Klicken Sie dazu auf das Ebenenmasken-Miniaturbild in der Ebenen-Palette:
Adobe Photoshop-Tutorials: Klicken Sie in der Ebenen-Palette auf die Ebenenmasken-Miniaturansicht, um die Ebenenmaske auszuwählen.
Sie können erkennen, dass die Ebenenmaske jetzt durch das weiße Markierungsfeld um die Miniaturansicht ausgewählt ist. Wir werden den Filter "Gaußscher Weichzeichner" auf die Maske anwenden. Gehen Sie also zurück zum Menü " Filter", wählen Sie erneut " Weichzeichnen" und dann " Gaußscher Weichzeichner" . Wenn das Dialogfeld angezeigt wird, klicken Sie einfach auf OK, um den zuvor verwendeten Radiuswert zu übernehmen.
Schritt 16: Färben Sie das Wasser mit einer Farbton- / Sättigungsanpassungsschicht
Lassen Sie uns die Sache jetzt beenden, indem wir unserem Wasser nur einen Hauch von Blau hinzufügen. Dazu verwenden wir eine Einstellungsebene für Farbton / Sättigung. Wir möchten, dass die Einstellungsebene nur die untere Hälfte des Bildes beeinflusst, in der sich die Wasserwellen befinden. Halten Sie also die Alt (Win) / Wahltaste (Mac) gedrückt und klicken Sie auf das Symbol Neue Einstellungsebene unten in der Ebenen-Palette. Wählen Sie dann Farbton / Sättigung aus der Liste der Einstellungsebenen:
Halten Sie "Alt" (Win) / "Option" (Mac) gedrückt, klicken Sie auf das Symbol "New Adjustment Layer" (Neue Anpassungsebene) und ziehen Sie Ihre Maus auf "Hue / Saturation" (Farbton / Sättigung), um es auszuwählen.
Wenn Sie "Alt / Option" gedrückt halten, wird Photoshop angewiesen, das Dialogfeld " Neue Ebene" aufzurufen, bevor Sie die Einstellungsebene hinzufügen. Aktivieren Sie die Option Vorherige Ebene zum Erstellen einer Schnittmaske verwenden, indem Sie in das Kontrollkästchen links davon klicken:
Wählen Sie die Option "Vorherige Ebene zum Erstellen einer Schnittmaske verwenden" im Dialogfeld "Neue Ebene".
Diese Option teilt Photoshop mit, dass die Einstellungsebene nur die Ebene direkt darunter in der Ebenen-Palette beeinflussen soll. Da die Ebene darunter die Ebene ist, die unsere Wasserwellen enthält, werden nur die Wasserwellen eingefärbt . Klicken Sie auf OK, um das Dialogfeld zu schließen.
Das Dialogfeld Farbton / Sättigung wird geöffnet. Wir wollen unser Wasser färben, also wählen wir zuerst die Option Färben in der unteren rechten Ecke. Wählen Sie dann die Farbe aus, die Ihr Wasser haben soll, indem Sie den Schieberegler „ Farbton“ oben ziehen. Ich ziehe meinen Schieberegler nach rechts auf einen Wert von ungefähr 218, was meiner Meinung nach eine gute Farbe für mein Wasser ist:
Verwenden Sie das Dialogfeld Farbton / Sättigung, um das Wasser einzufärben.
Klicken Sie auf OK, um das Dialogfeld zu schließen, und Sie werden sehen, dass Ihr Wasser auf der Unterseite jetzt eingefärbt wurde, die Farbe jedoch im Moment viel zu stark ist.
Schritt 17: Verringern Sie die Deckkraft der Farbton- / Sättigungsschicht
Um die Intensität der Farbe zu verringern, die wir gerade dem Wasser hinzugefügt haben, müssen wir nur die Option „Deckkraft“ in der rechten oberen Ecke der Ebenen-Palette aufrufen und den Deckkraftwert verringern. Ich werde meine bis auf 25% senken, was dem Wasser eine viel realistischere Menge Farbe verleiht:
Verringern Sie die Deckkraft der Einstellungsebene, bis das Wasser nur noch einen Hauch von Farbe hat.
Sobald Sie die Deckkraft der Einstellungsebene verringert haben, um die Farbintensität des Wassers zu verringern, sind Sie fertig! Hier ist mein letztes "Wasserreflexions" -Ergebnis:
Der endgültige Effekt.
Nur zum Spaß, hier ist ein weiteres Beispiel für den exakt gleichen Effekt, der auf ein anderes Bild angewendet wird. Das einzige, was ich hier geändert habe, war, dass ich nur die Hälfte des Leinwandbereichs unter dem Originalbild hinzugefügt habe (ich habe den Wert "Höhe" im Dialogfeld "Leinwandgröße" auf 50% anstatt auf 100% festgelegt). Alles andere wurde genauso gemacht:
Ein weiteres Beispiel für ein Bild mit dem gleichen Effekt.
Und da haben wir es! So fügen Sie mit Photoshop einem Bild einen Wasserreflexionseffekt hinzu! Weitere Tutorials zu Photoshop-Effekten finden Sie in unserem Abschnitt zu Fotoeffekten.