Anzeige
Tutorialbeschreibung

Realistisch anmutenden Regenbogen konstruieren

Realistisch anmutenden Regenbogen konstruieren

In diesem Tutorial möchte ich einmal zeigen, wie man mit einfachen Mitteln in Adobe Photoshop einen realistisch anmutenden Regenbogen konstruieren kann. Es wartet zwar am Ende kein Topf voller Gold auf euch, dafür ist dieses Tutorial eine gute Lernhilfe für Photoshop-Einsteiger. Ihr könnt die hier gezeigten Techniken ja vielleicht einmal für eure kreativen Arbeiten gebrauchen.

(Stock: http://www.sxc.hu/photo/1392604)


Der Regenbogen, ein atmosphärisch-optisches Phänomen. Wahrgenommen wird er als kreisbogenförmiges Lichtband. Durch seinen radialen Farbverlauf immer wieder ein schönes Motiv zum Fotografieren. Auch gibt es viele Sagen (Geschichten) über oder um ihn. Dabei ist seine Entstehung kein Geheimnis.

In diesem Tutorial möchte ich einmal zeigen, wie man mit einfachen Mitteln in Adobe Photoshop einen realistisch anmutenden Regenbogen konstruieren kann. Es wartet zwar am Ende kein Topf voller Gold auf euch, dafür ist dieses Tutorial eine gute Lernhilfe für Photoshop-Einsteiger. Ihr könnt die hier gezeigten Techniken ja vielleicht einmal für eure kreativen Arbeiten gebrauchen.


Schritt 1

Aus der Bridge (oder in PS über Datei>Öffnen) werde ich zunächst meine Landschaftsaufnahme in Photoshop öffnen. Danach wird im Ebenenbedienfeld (Ebenenpalette) über das Ebenen-Symbol (alternativ über Strg+Shift+N) eine neue Ebene angelegt und diese in "Regenbogen" umbenannt.

Bilder



 

Schritt 2

Mit dem Auswahlrechteck-Werkzeug (M) aus der Werkzeugpalette wird eine Auswahl über die gesamte Dokumentbreite aufgezogen.

Bilder



 

Schritt 3

Aus der Werkzeugpalette wird jetzt das Verlaufswerkzeug (G) ausgewählt. Sollte dies bei euch nicht angezeigt werden, müsst ihr mit der rechten Maustaste oder der länger gedrückten linken Maustaste auf das Füllwerkzeug klicken. So öffnet sich ein kleines Flyout-Menü und ihr bekommt weitere verborgene Werkzeuge angezeigt.

Bilder



 

Schritt 4

In den Werkzeugoptionen wähle ich nun den Standard-Regenbogen-Verlauf (1). Als Verlaufsart wird radial (2) verwendet.

Bilder



Schritt 5

Mit der gedrückten Shift-Taste wird der Verlauf im 90°-Winkel aufgezogen. Im Anschluss mit Strg+D die Auswahl wieder aufheben.

Bilder



 

Schritt 6

Mit einem rechten Mausklick auf die Regenbogenebene im Ebenenbedienfeld wird das Kontextmenü aufgerufen. Diese wird nun über den gleichnamigen Menüeintrag in ein Smart-Objekt konvertiert (alternativ über Filter>Für Smartfilter konvertieren).

Bilder



 

Schritt 7

Nachdem die Ebene in ein Smart-Objekt konvertiert wurde, rufe ich über Strg+T (alternativ Bearbeiten>Transformieren) den Transformationsrahmen auf. Mit einem Rechtsklick wird auch hier ein Kontextmenü geöffnet und der Eintrag Perspektivisch ausgewählt.

Bilder



 

Schritt 8

Die Anfasser an der linken Seite werden jetzt zusammen, die rechten leicht auseinander geschoben (siehe Abbildung).

Bilder



 

Schritt 9

Mit einem Rechtsklick wird wieder das Kontextmenü aufgerufen. Hier wähle ich den Eintrag Drehen und passe den Regenbogen an. Anschließend wird alles mit der Enter-Taste oder über die Werkzeugoptionsleiste bestätigt.

Bilder



 

Schritt 10

Durch das Formgitter (ab CS5) wird nun der Regenbogen in Form gebracht. Dafür rufe ich dieses im Menü über Bearbeiten auf. Wie auf der Abbildung zu sehen, werden jetzt fünf Pins gesetzt.

Bilder



 

Schritt 11

Mit den einzelnen Pins und das Anpacken durch gedrückte linke Maustaste kann ich den Regenbogenverlauf formen (siehe Abbildung).

Bilder



 

Schritt 12

Um die Kante zu verfeinern, wende ich über Filter>Weichzeichnungsfilter den Gaußschen Weichzeichner mit einem Radius von 5 Pixeln auf meinen Regenbogen an.

Bilder



 

Schritt 13

Noch sieht der Regenbogen alles andere als realistisch aus. Daher dupliziere ich zunächst mit Strg+J die Regenbogenebene. Anschließend wird im Ebenenbedienfeld der Ebenenmodus der ersten Ebene auf Negativ multiplizieren und der Ebenenmodus der Ebenenkopie auf Ineinanderkopieren gesetzt. (Hier kann auch mit anderen Ebenenmodi, z.B. Farbe oder Weiches Licht, experimentiert werden). Da die Deckkraft der Ebenen zu hoch ist, reduziere ich diese bei Ebene 1 auf 45 und bei der Ebenenkopie auf 50%.

Bilder



 

Schritt 14

Zu guter Letzt werden beide Ebenen mit gedrückter Strg+Taste ausgewählt und mit Strg+G gruppiert. Die Ebenengruppe wird nur noch mit einer Ebenenmaske versehen, um das Ende des Regenbogens zu maskieren. Dafür erstelle ich über das Maskensymbol im Ebenenbedienfeld eine Maske. Anschließend passe ich das Ende mit dem Pinsel-Werkzeug (B) an. Hierfür wähle ich eine Pinselspitze mit einer Härte von 20%.

Bilder



 

Ergebnis

Fertig ist der selbst erstellte Regenbogen:

Bilder



Credits

Stock: http://www.sxc.hu/photo/1392604

Hat dir dieses Tutorial gefallen? Waren alle Schritte nachvollziehbar? Dann lass es mich wissen und schreibe einen Kommentar unter dieses Tutorial. Ich freue mich über jede Art von Feedback.

Liebe Grüße, Patrick




DVD-Werbung
Kommentare
Achtung: Du kannst den Inhalt erst nach dem Login kommentieren.
Portrait von Ratze_Art_93
  • 03.04.2014 - 12:03

Super erklärt und toller effekt. Hab leider zu spät gesehn, dass das Tutorial erst für CS5 kompatibel ist. habe es mit CS4 dennoch versucht und bis auf die Krümmung super hinbekommen, sieht natürlich nicht ganz so toll aus, als hätte man es mit dem Formgitter gemacht.
Dennoch danke für das Tut. :)

Alternative Portrait

-versteckt-(Autor hat Seite verlassen)

  • 07.09.2013 - 18:54

sehr gut erklärt :) danke!

Alternative Portrait

-versteckt-(Autor hat Seite verlassen)

  • 24.05.2013 - 18:41

Die paar Pünktchen habe ich dann mal investiert um in die Kommentare zu kommen.
Das Wörtchen "realistisch" wird hier SEHR liberal interpretiert.


Portrait von patrick_l
  • 24.05.2013 - 18:55

Auch wenn "realistisch anmutend" eine Interpretation meinerseits war, hoffe ich dennoch, das du es nicht bereust die Punkte investiert zu haben. ;) Ich versuche meine Tutorials immer nett zu "verpacken" und es für "jedermann" Mundgerecht zu formulieren. Danke für dein Feedback.

Liebe Grüße, Patrick

Alternative Portrait

-versteckt-(Autor hat Seite verlassen)

  • 02.05.2013 - 10:15

*gut
tut mir leid wegen dem Nachtrag

Alternative Portrait

-versteckt-(Autor hat Seite verlassen)

  • 02.05.2013 - 10:13

super, danke total einfach und das Resultat kann sich sehen lassen :-)

Portrait von oldie
  • 28.04.2013 - 11:40

Klasse tut Ich habe damit meine Webseite aufgepet

Portrait von Tikky17
  • 16.04.2013 - 19:00

Hallo,
wirklich ein gelungenes Tutorial, aber leider konnte ich dieses ab Schritt 10 nicht mehr nutzen.
Da ich CS4 nutze.
Oder ich bin doch noch zu sehr Anfänger.
Habe jedoch den Regenbogen mit CS4 hinbekommen.
Das Tutorial dazu habe ich mir gemeinsam mit meinem Sohn (er hat schon mehr Ahnung als ich) erarbeitet.

Ansonsten finde ich diese Tutorials echt gelungen uns super Schritt für Schritt nachvollziehbar.

Danke

Portrait von Seelenecho
  • 14.03.2013 - 11:57

Eine schöne, gelungene Beschreibung samt einleitender Worte. Schritt für Schritt gut nachzuvollziehen.
Vielen Dank!

Hilfreich fand ich auch weitere Kommentare anderer Mitglieder zu lesen.

Portrait von Werner2
  • 16.02.2013 - 09:32

Vielen Dank für das Tutorial, mann mag gar nicht glauben was mann aus Bildern machen kann
Lg

Portrait von Sabbl
  • 14.02.2013 - 08:50

Sehr gut beschrieben!

Portrait von stNX
  • 03.02.2013 - 19:55

Super effekt und vorgehensweise sehr schön erklärt :)

Portrait von schwarzwaldhase
  • 01.02.2013 - 08:34

Gut erklärt, einfach nach zu vollziehen, daraus kann man was machen!
Danke!!:-)

Portrait von GaijaImages
  • 27.01.2013 - 17:25

Danke für das schöne Tutorial. Auch für mich als Anfänger gut und einfach step by step nachvollziehbar. Natürlich hakts bei mir noch ein wenig an der ein oder anderen Stelle, aber das hat dann was mit meinem Auge und meiner Hand zu tun. Nicht gedoch am Tutorial. Habs direkt Schritt für Schritt gemacht und war schon ganz zufrieden. Danke schön.

Portrait von martrebe
  • 26.01.2013 - 17:19

Danke, das geht ja einfacher als gedacht!
Leicht nachtzuvollziehen, da es wirklich step by step erklärt wird.

Portrait von getinked
  • 23.01.2013 - 14:45

Gutes Tutorial.

Ich hatte mich vor ein paar Wochen erst mit dem Problem beschäftig einen Regenbogen zu erzeugen, und siehe da nun taucht dein Tutorial auf. (: Es hat mir sehr viel gebracht, ich hatte nur ein paar Probleme beim verzerren des Regenbogens, da durch das Formgitterwerkzeug ungewollte Knicke in meinem Farbverlauf aufgetaucht sind. Konnte das Problem jedoch schlussendlich lösen.

Vielen Dank für das hilfreiche Tutorial.

Portrait von patrick_l
  • 23.01.2013 - 22:22

Hi getinked,

freut mich das es dir im richtigen Moment geholfen hat. :)

Liebe Grüße, Patrick

Portrait von turik_ab
  • 06.01.2013 - 01:26

Hey Patrick,

bei Schritt 14 meinst du mit Härte wahrscheinlich die Deckkraft?

und ich würde gerne wissen wie du den tollen Effekt vom finalen Bild (dunklen verlauf an den Ecken) hinbekommen hast?

ansonsten geiles Tutorial :)

Portrait von Lukas_Tutorial
  • 08.01.2013 - 16:48

Hallo Turik,
ich bin zwar nicht Patrik, jedoch kann ich dir deine Frage beantworten. Die Ecken eines Bildes mit einem schwarzen Verlauf zu bedecken ist ein Effekt den man "Vignette" nennt. Er wird meißt mit einem radialen Verlauf von Transparent zu Schwarz in das Bild eingefügt.
Der Effekt hat einen gewissen Charme und lenkt dich wahrscheinlich von einem weiteren Effekt im Bild ab. Wenn du genau drauf achtest, bemerkst du sicherlich, dass die Farben eine höhere Sättigung und einen starken Kontrast haben. Um zu solch einem Effekt zu kommen kopierst du die Ebene (das Bild auf dem der Effekt angewendet werden soll), wechselst die Füllmethode zu Überlagern (engl. overlay) und regulierst abschließend durch die Deckkraft der Ebene die Stärke der Wirkung.
Ich hoffe ich habe dir geholfen und deine Frage beantwortet. :)

-Lukas

Portrait von patrick_l
  • 20.01.2013 - 00:48

Hi turik,

Lukas hat es ja schon richtig beschrieben. Das Aufhellen und Abdunkeln ist eine Vignette. Der Weg von Lukas geht zwar auch, wesentlich einfacher und besser ist der Weg über eine Einstellungsebene (z.B. Gradationskurven).

Mit Auswahlellipse-Werkzeug aus der Werkzeugpalette eine Auswahl aufziehen, weiche Kante erstellen und anschließend eine Einstellungsebene Gradationskurven erstellen. Diese duplizieren und die Maske invertieren (umkehren). Danach den äußeren Bereich abdunkeln, den Inneren aufhellen. Fertig ist die Vignette ;)

Liebe Grüße, Patrick

x
×
×