German (Deutsch) translation by Katharina Grigorovich-Nevolina (you can also view the original English article)
In diesem Tutorial zeige ich Ihnen, wie Sie einen realistischen IES-Lichteffekt (photometrisch) erzielen. Wir werden Photoshop CS4 sowie einige kostenlose Plugins und Software verwenden. Lass uns anfangen!
Vorbereitung des Tutorials
Um dieses Tutorial abzuschließen, benötigen Sie die folgende Software:
- Photoshop CS4
- Karbaras IES Generator 3 (Herunterladen)
- Richard Rosenmans Grid Generator 1.7 Plug-In
- Cybia AlphaWorks Plug-in (Herunterladen)
- 1589835-nice.IES Profil (Herunterladen)
Stellen Sie vor Beginn des Tutorials sicher, dass Sie die Plug-Ins Grid Generator und AlphaWorks Photoshop installiert und Karbaras IES Generator (eine eigenständige App) und das Profil 1589835-nice.IES heruntergeladen haben.
Schritt 1: Einrichten der Textur-PSD
Diese PSD dient als Ort zum Erstellen bestimmter Texturen, die im endgültigen Layout verwendet werden. Ich finde es hilfreich, Texturen in einem separaten Dokument zu erstellen. Es ist wie ein Sandkasten zum Experimentieren.
Erstellen Sie in Photoshop ein neues Dokument mit einer Breite von 1024 Pixel und einer Höhe von 1024 Pixel bei 72 dpi.
Stellen Sie die Vordergrundfarbe auf #34240f ein, indem Sie auf das oberste Farbfeld in der Werkzeugpalette klicken und diese Zahl unten im Dialogfeld Farbauswahl eingeben. Stellen Sie die Hintergrundfarbe auf dieselbe Weise auf #825826 ein. Füllen Sie die Ebene "Hintergrund" mit dieser Farbe, indem Sie Befehlstaste + Rücktaste drücken.
Schritt 2: Erstellen der Korkplatte-Textur
Gehen Sie nun zu Filter > Verzerren > Glas. Stellen Sie im Dialogfeld Glasfilter die Verzerrung auf 15, die Glätte auf 1, die Textur auf Matt und die Skalierung auf 100% ein. Klicken Sie OK.
Gehen Sie zu Filter > Rendern > Fasern. Stellen Sie im Dialogfeld Faserfilter die Varianz auf 8,0 und die Stärke auf 47,0 ein. Sie müssen wahrscheinlich mehrmals auf die Schaltfläche Zufällig klicken, um eine Textur zu erhalten, die eine gleichmäßige Verteilung der Vordergrund- und Hintergrundfarben von Schritt 1 aufweist. Der beste Weg, um ein Gefühl für den Gesamteffekt zu bekommen, besteht darin, die Vergrößerung des Vorschaubilds zu verringern, indem Sie auf das Minuszeichen darunter klicken, bis das Minimum erreicht ist, in diesem Fall 16%.
Wenn Sie fertig sind, klicken Sie auf OK. Das Ergebnis wird ähnlich aussehen:
Gehen Sie nun zu Filter > Verzerren > Glas. Stellen Sie im Dialogfeld Glasfilter die Verzerrung auf 15, die Glätte auf 1, die Textur auf Matt und die Skalierung auf 100% ein. Klicken Sie OK .
Nennen Sie diese Ebene "Korkplatte". Das Ergebnis wird ähnlich aussehen:
Die Korkplattestruktur ist vollständig. Speichern Sie die PSD als "textures.psd", schließen Sie sie jedoch nicht.
Schritt 3: Einrichten des Hauptlayouts
Erstellen Sie ein neues Dokument mit einer Breite von 500 Pixel und einer Höhe von 300 Pixel bei 72 dpi. Diese Dimensionen sind beliebig und nur für das Tutorial gedacht. Speichern Sie dieses Dokument als "main_layout.psd".
Benennen Sie die Ebene "Hintergrund" in "floor_color" um und füllen Sie sie mit #1a211c. Dies kann erreicht werden, indem Sie die Vordergrundfarbe in der Werkzeugpalette auf #1a211c setzen und Alt + Rücktaste drücken.
Schritt 4: Bringen Sie die Korkplatte-Textur ein
Gehen Sie zurück zum Dokument "textures.psd". Klicken Sie mit der rechten Maustaste auf die Ebene "Korkplatte" und wählen Sie "Ebene duplizieren..." aus dem Kontextmenü.
Benennen Sie im daraufhin angezeigten Dialogfeld die kopierte Ebene "Korkplatte" und wählen Sie "main_layout.psd" als Zieldokument aus.
Gehen Sie zurück zum Dokument "main_layout.psd". Die neue Texturebene "Korkplatte" sollte über der Ebene "floor_color" angezeigt werden.
Schritt 5: Ändern der Größe und Neupositionierung der Korkplatte-Textur
Drücken Sie bei ausgewählter Ebene "Korkplatte" in der Ebenen-Palette Befehlstaste + T, die Tastenkombination für den Befehl Bearbeiten > Transformieren > Skalieren. Klicken Sie in der Palette Optionen des Transformation-Werkzeugs auf das Symbol Seitenverhältnis beibehalten (im Bild unten mit einem roten Pfeil gekennzeichnet) zwischen den Feldern Breite und Höhe und geben Sie 75,00% für die Breite ein. Drücken Sie zweimal die Eingabetaste und die Transformation ist abgeschlossen.
Durch Klicken auf das Symbol "Seitenverhältnis beibehalten" wird sichergestellt, dass die Ebene in beide Richtungen gleich skaliert wird. Alternativ können 75,00% in beide Felder eingegeben werden, ohne auf das Symbol zu klicken. das Ergebnis wäre das gleiche.
Durch den Skalierungsvorgang wird die Texturebene aus ihrer Position verschoben, sodass sie sich unbeholfen unten rechts im Layout befindet. Verwenden Sie bei ausgewählter Ebene "Korkplatte" das Verschieben-Werkzeug (V) und ziehen Sie die Textur herum, bis sie sich in einer Position befindet, die ansprechend aussieht, ohne dass der Ton im Layout stark variiert:
Schritt 6: Aufdecken der Bodenschicht und Anpassen der Korkplattefarbe
Wenn die Ebene "Korkplatte" ausgewählt ist, wählen Sie mit dem Rechteckigen Auswahlrahmen-Werkzeug (M) einen Bereich aus, der 500 Pixel breit und etwa 230 Pixel hoch ist, beginnend oben links im Layout.
Klicken Sie unten in der Ebenenpalette auf die Schaltfläche Ebenenmaske hinzufügen. Dadurch wird der Texturebene eine Maske hinzugefügt, wodurch die Pixel der Ebene außerhalb der Auswahl ausgeblendet werden.
Mit der aufgedeckten Bodenfarbe wirkt die Korkplattestruktur etwas übersättigt. Dies kann mithilfe von Einstellungsebenen korrigiert werden.
Wählen Sie die Ebene "Korkplatte". Klicken Sie unten in der Ebenen-Palette auf das Symbol "Neue Füll- oder Anpassungsebene erstellen" und wählen Sie "Farbton/Sättigung".
Stellen Sie in der Anpassungspalette den Farbton auf -6, die Sättigung auf -7 und die Helligkeit auf -8 ein.
Klicken Sie außerdem auf das Symbol "An Ebene schneiden" unten in der Palette "Anpassungen" (es sieht aus wie zwei sich übereinander gestapelte sich kreuzende Kreise), damit die Einstellungsebene nur die Texturebene "Pinnwand" betrifft. Dadurch wirkt sich die Einstellungsebene nur auf die Ebene direkt darunter in der Ebenenpalette aus. Dies wird in der Ebenenpalette durch einen nach unten zeigenden Pfeil auf der Ebene "Farbsättigung" angezeigt. Der Name der darunter liegenden Ebene wird unterstrichen.
Schritt 7: Hinzufügen eines Schattens unter der Korkplatte
Erstellen Sie eine neue Ebene über der Ebene "floor_color", indem Sie auf das Symbol "Neue Ebene erstellen" unten in der Ebenen-Palette klicken (im Bild unten durch einen roten Pfeil gekennzeichnet). Sobald die neue Ebene erstellt wurde, verschieben Sie sie direkt über die Ebene "floor_color" und benennen Sie sie in "cork_shadow" um. Ebenen werden in der Ebenenpalette neu angeordnet, indem Sie auf sie klicken und sie über oder unter andere Ebenen ziehen.
Verwenden Sie bei ausgewählter Ebene "cork_shadow" das Rechteckige Auswahl-Werkzeug (M), um einen Auswahlbereich mit einer Breite von 500 x 10 Pixel zu erstellen, der am unteren Rand der Korktextur beginnt.
Ändern Sie die Vordergrundfarbe in Schwarz, indem Sie auf der Tastatur D drücken (dadurch werden die Farbfelder in der Werkzeugpalette auf den standardmäßigen schwarzen Vordergrund und den weißen Hintergrund zurückgesetzt). Wählen Sie als nächstes das Verlauf-Werkzeug (G). Wählen Sie in der Palette Optionen für das Verlauf-Werkzeug den voreingestellten Verlauf Vordergrund auf Transparent und den Typ Linearer Verlauf aus.
Um genau zu sein, vergrößern Sie die Auswahl. Beginnen Sie oben in der Auswahl und klicken Sie bei gedrückter Umschalttaste (halten Sie die Umschalttaste beim Ziehen gedrückt) nach unten. In diesem Fall wird durch Ziehen bei gedrückter Umschalttaste das Verlauf-Werkzeug auf die X-Achse beschränkt, sodass der Verlauf in einem perfekten 90-Grad-Winkel liegt. Wenn Sie fertig sind, drücken Sie Befehlstaste + D, um die Auswahl der Region aufzuheben.
Ändern Sie die Deckkraft für diese Ebene auf 60%. Drücken Sie dazu entweder 6 auf der Tastatur oder geben Sie den Wert direkt in das Feld Master-Deckkraft für die Ebene in der Ebenen-Palette ein.
Schritt 8: Hinzufügen einer Lippe auf der Korkplatte
Drücken Sie bei ausgewählter Ebene "cork_shadow" Befehlstaste + J, um sie zu duplizieren. Ziehen Sie in der Ebenen-Palette die kopierte Ebene (automatisch "cork_shadow copy" genannt) an den Anfang aller anderen Ebenen. Benennen Sie diese Ebene in "Lippe" um.
Stellen Sie sicher, dass die Ebene "Lippe" ausgewählt ist, und kehren Sie die Farbe der Ebenenpixel um, indem Sie Befehlstaste + I drücken. Jetzt wird es ein weiß-transparenter Farbverlauf sein.
Drehen Sie die Ebene vertikal, indem Sie auf Bearbeiten > Transformieren > Vertikal spiegeln klicken.
Schieben Sie die Ebene um 9 Pixel nach oben, indem Sie neunmal Befehlstaste + Aufwärtspfeil drücken. Ändern Sie nun die Ebenen-Füllmethode auf Ineinanderkopieren und die Deckkraft der Ebene auf 50%.
Schritt 9: Hinzufügen eines Schattens zum Boden
Erstellen Sie eine neue Ebene über der Ebene "floor_color" und nennen Sie sie "floor_shadow". Stellen Sie sicher, dass die Vordergrundfarbe in der Werkzeugpalette schwarz ist.
Klicken Sie mit dem Verlauf-Werkzeug (G) mit der ausgewählten Ebene "floor_shadow" auf den unteren Rand des Layouts und ziehen Sie bei gedrückter Umschalttaste etwa drei Viertel des Weges bis zum unteren Rand der Pinnwand. Ändern Sie abschließend die Deckkraft der Ebene auf 50%.
Schritt 10: Hinzufügen von Dielen
Als nächstes werden wir einige Zeilen hinzufügen, um Dielen vorzuschlagen. Erstellen Sie eine neue Ebene über der Ebene "floor_color", füllen Sie sie mit Schwarz und nennen Sie sie "Dielen".
In diesem Schritt wird das kostenlose Grid Generator-Plug-In von Richard Rosenman verwendet. Gehen Sie bei ausgewählter Ebene "Dielen" zu Filter > Richard Rosenman > Gittergenerator. Passen Sie die Einstellungen im Dialogfeld Grid Generator an die unten gezeigten an:
Das ist das Ergebnis:
Schritt 11: Hinzufügen von Perspektiven und Highlights zu den Bodenbretter
Gehen Sie zu Bearbeiten > Transformieren > Perspektive. Passen Sie die Perspektive der Ebene "Dielen" an, indem Sie die Griffe in der oberen und unteren Ecke des Transformationsfelds nach links und rechts ziehen (angezeigt durch rote Pfeile), bis sie ungefähr so aussehen wie im Bild unten. Beachten Sie, dass die Ziehpunkte über die Ränder des Dokuments gezogen werden müssen. Wenn Sie fertig sind, drücken Sie die Eingabetaste, um die Transformation anzuwenden.
Ändern Sie die Füllmethode der Ebene "Dielen" auf Multiplizieren und die Deckkraft auf 30%.
Duplizieren Sie die Ebene "Dielen" und benennen Sie die neue Ebene in "Dielen_Highlight" um. Verschieben Sie diese Ebene direkt unter die Ebene "Dielen".
Invertieren Sie es durch Drücken von Befehlstaste + I, ändern Sie die Füllmethode auf Ineinanderkopieren und die Deckkraft auf 10%.
Zum Schluss schieben Sie es 1px nach rechts, indem Sie einmal auf den Rechtspfeil drücken. Dies verleiht den Dielen ein subtiles Highlight.
Schritt 12: Hinzufügen eines allgemeinen Highlights zum Boden
Erstellen Sie eine neue Ebene und nennen Sie sie "floor_highlight". Verschieben Sie diese neue Ebene vor allen anderen Ebenen an den oberen Rand der Ebenenpalette.
Ändern Sie die Vordergrundfarbe in Weiß, indem Sie auf der Tastatur D und dann X drücken (dies setzt die Farbfelder der Werkzeugpalette auf die Standardeinstellungen zurück und kehrt sie dann um). Wählen Sie das Verlauf-Werkzeug (G) und ändern Sie die Voreinstellung in Vordergrund in Transparent und den Typ in Radialverlauf.
Klicken Sie in der Mitte des Layouts und ziehen Sie bei gedrückter Umschalttaste fast bis zum oberen Rand des Layouts.
Drücken Sie Befehlstaste + T, um die Ebene zu transformieren. Verwenden Sie den oberen mittleren Griff des Transformationsbereichs, um die Höhe der Ebene anzupassen. Passen Sie die Breite von der Mitte nach außen an, indem Sie den linken oder rechten mittleren Griff bei gedrückter Umschalt-Alt-Taste ziehen. Drücken Sie die Eingabetaste, um die Transformation anzuwenden.
Verschieben Sie die Ebene "floor_highlight" an die Stelle direkt über der Ebene "floor_shadow" in der Ebenen-Palette. Ändern Sie die Füllmethode auf Ineinanderkopieren und die Deckkraft auf 50%.
Schritt 12: Erstellen des Leuchtengehäuses
Erstellen Sie eine neue Ebene und verschieben Sie sie an die oberste Stelle in der Ebenenpalette. Nennen Sie diese Ebene "light_housing".
Verwenden Sie ganz oben auf dieser Ebene das Rechteckigen Auswahlrahmen-Werkzeug (M), um eine Auswahl zu treffen, die 500 Pixel breit und 10 Pixel hoch ist. Ändern Sie die Vordergrundfarbe in der Werkzeugpalette in #17150e und füllen Sie die Auswahl mit dieser Farbe, indem Sie Alt + Rücktaste drücken.
Duplizieren Sie die Ebene "Lippe", indem Sie sie in der Ebenen-Palette auswählen und Befehlstaste + J drücken. Verschieben Sie diese neue Ebene über die Ebene "light_housing" in der Ebenen-Palette und benennen Sie sie in "Housing_highlight" um.
Verwenden Sie das Verschieben-Werkzeug (V), um die Ebene nach oben zu verschieben, sodass sich ihr Boden an derselben Position befindet wie der Boden des "light_housing".
Drücken Sie Befehlstaste + T, um die Ebene zu transformieren. Stellen Sie es von oben so ein, dass es ungefähr die Hälfte seiner aktuellen Höhe beträgt.
Schritt 13: Hinzufügen eines Schattens unter dem Lichtgehäuse
Wählen Sie die Ebene "Housing_Highlight" in der Ebenen-Palette aus und drücken Sie Befehlstaste + J, um sie zu duplizieren. Benennen Sie die Ebene "Housing_Shadow" um und invertieren Sie sie durch Drücken von Befehl + I.
Drehen Sie die Ebene vertikal, indem Sie auf Bearbeiten > Transformieren > Vertikal spiegeln klicken. Schieben Sie es dann 1 Pixel nach unten, indem Sie einmal auf den Abwärtspfeil drücken.
Ändern Sie schließlich die Deckkraft auf 80%.
Schritt 14: Ein Licht erzeugen
Starten Sie den IES-Generator. Klicken Sie unten links im Anwendungsfenster auf die Schaltfläche Laden und suchen Sie das Profil "1589835-nice.IES", das Sie in der Tutorial-Vorbereitung heruntergeladen haben.
Stellen Sie mit den Schiebereglern unten links im Fenster die Helligkeit auf 1,11 und die Entfernung von der Wand auf 3,00 ein, sodass das Bild auf der rechten Seite des Fensters ungefähr so aussieht:
Schritt 15: Bringen Sie das Licht in Photoshop
Der IES-Generator verfügt nicht über eine Export- oder Speicherfunktion. Daher ist eine Bildschirmaufnahme erforderlich, um ihn in das Photoshop-Layout einzufügen. Sie können ein Bildschirmaufnahme-Dienstprogramm verwenden, wenn Sie eines haben. Andernfalls drücken Sie Alt + Bildschirm drucken (dies ist eine Windows-Tastenkombination, die das aktive Fenster in der Zwischenablage erfasst). Kehren Sie nach der Aufnahme zu Photoshop zurück.
Öffnen Sie das in Schritt 1 erstellte Dokument "textures.psd", falls es noch nicht geöffnet ist. Drücken Sie Befehlstaste + V, um die Bildschirmaufnahme in das Dokument einzufügen. Es wird in einer neuen Ebene über der Ebene "Pinnwand" angezeigt. Wenn es aus irgendeinem Grund unter der Ebene "Pinnwand" landet, verschieben Sie es einfach in der Ebenen-Palette nach oben.
Verwenden Sie bei Auswahl der neuen Ebene das Rechteckige Auswahlrahmen-Werkzeug (M), um eine Auswahl um das IES-Bild wie folgt zu treffen:
Gehen Sie zu Auswählen > Umkehren, um die Auswahl umzukehren. Füllen Sie diesen Bereich mit Schwarz.
Schritt 15: Extrahieren der weißen Pixel aus der Lichtschicht und Positionieren
Jetzt verwenden wir das kostenlose AlphaWorks-Plug-In von Cybia, um das gesamte Schwarz aus dieser Ebene zu entfernen, sodass nur die weißen Pixel übrig bleiben, aus denen das Lichtmuster besteht.
Gehen Sie zu Filter > Cybia > AlphaWorks. Wählen Sie im Dropdown-Menü oben rechts im Dialogfeld des Filters die Option "LINEAR BlackOut - Aus BW lineart entfernen". Klicken Sie OK.
Dies wird das Ergebnis sein:
Wenn diese Ebene noch ausgewählt ist, drücken Sie Befehlstaste + A (Auswählen > Alle), kopieren Sie sie und wechseln Sie dann zu "main_layout.psd".
Wählen Sie die Ebene "Farbton/Sättigung 1" in der Ebenen-Palette aus und drücken Sie zum Einfügen Befehlstaste + V. Die neue Ebene wird zwischen der Ebene "Lippe" und der Ebene "Farbton/Sättigung 1" angezeigt. Benennen Sie es in "ies_light" um.
Schieben Sie die Ebene "ies_light" um 6 Pixel nach oben, indem Sie sechs Mal auf den Aufwärtspfeil drücken. Ändern Sie nun die Füllmethode dieser Ebene in Ineinanderkopieren.
Schritt 16: Das Licht intensivieren
Duplizieren Sie die Ebene "ies_light" zweimal, indem Sie sie in der Ebenen-Palette auswählen und zweimal Befehl + J drücken. Ändern Sie die Deckkraft der obersten Kopie ("ies_light copy 2") auf 50%.
Die drei Ebenen "ies_light", "ies_light copy" und "ies_light copy 2" bilden einen einzigen Effekt. Sammeln Sie sie in einer Ebenengruppe, indem Sie auf die Ebene "ies_light" klicken, die Umschalttaste gedrückt halten und "ies_light copy 2" auswählen. Klicken Sie auf das Symbol oben rechts in der Ebenenpalette und wählen Sie Neue Gruppe aus Ebenen. Benennen Sie im daraufhin angezeigten Dialogfeld die Gruppe "Licht". Klicken Sie OK.
Jetzt werden die drei Ebenen in einer einzigen Gruppe sein.
Schritt 17: Steuern des Lichtumfangs
Wählen Sie alle Ebenen innerhalb der Gruppe "Licht" aus und gruppieren Sie sie erneut mit der in Schritt 16 beschriebenen Methode. Es ist nicht erforderlich, diese neue Ebenengruppe umzubenennen.
Wählen Sie in der Ebenen-Palette "Gruppe 1" aus und erstellen Sie eine Ebenenmaske für diese Gruppe, indem Sie unten in der Palette auf das Symbol "Ebenenmaske hinzufügen" klicken. Die Maske wird vor dem Gruppennamen angezeigt - sie sieht aus wie ein weißes Kästchen.
Klicken Sie in der Ebenen-Palette auf die Miniaturansicht der Ebenenmaske (das weiße Feld), um sie auszuwählen. Wähle das Verlauf-Werkzeug (G).
Stellen Sie wie in Schritt 6 beschrieben sicher, dass die Verlaufsvoreinstellung Vordergrund bis Transparent und der Typ Linearverlauf ist. Beginnen Sie in der Mitte des Bodens und ziehen Sie bei gedrückter Umschalttaste an eine Stelle, die ungefähr der Abbildung unten entspricht. Eine Vorschau der gerade erstellten Maske wird in der Miniaturansicht der Ebenenmaske angezeigt.
Schritt 18: Hinzufügen eines Markierungspunkts auf dem Boden
Reduzieren Sie "Gruppe 1" innerhalb der Ebenengruppe "Licht", indem Sie auf den grauen Pfeil links neben dem Namen klicken.
Wählen Sie die Ebene "floor_highlight" in der Ebenen-Palette aus und duplizieren Sie sie durch Drücken von Befehlstaste + J. Die neue Ebene heißt "floor_highlight copy".
Verschieben Sie diese neue Ebene in die Gruppe "Licht", indem Sie sie direkt auf den Namen der Gruppe "Licht" ziehen und dort ablegen.
Drücken Sie Befehlstaste + T, um die Ebene "floor_highlight copy" so lange zu transformieren, bis sie ungefähr 50% ihrer aktuellen Breite beträgt. Drücken Sie die Eingabetaste, um die Transformation anzuwenden. Benennen Sie die Ebene in "Punkt" um und ändern Sie ihre Deckkraft auf 70%.
Schritt 19: Das Licht duplizieren
Es werden zwei weitere Kopien der Gruppe "Licht" benötigt. Wählen Sie die Ebenengruppe "Licht" in der Ebenenpalette aus und reduzieren Sie sie. Ziehen Sie es per Drag & Drop auf das Symbol "Neue Ebene erstellen" am unteren Rand der Palette. Eine Kopie der Gruppe mit dem Namen "Lichtkopie" wird über dem Original in der Ebenenpalette angezeigt.
Kopieren Sie diese neue Gruppe mit derselben Methode. Die Ebenen-Palette enthält jetzt drei Gruppen mit den Namen "Licht", "Lichtkopie" und "Lichtkopie 2".
Schritt 20: Bringen Sie die Lichter in Position
Wenn die Ebenengruppe "Leichte Kopie 2" in der Ebenenpalette ausgewählt ist, verschieben Sie sie um 14 Pixel nach links, indem Sie 14 Mal Umschalt + Pfeil nach links drücken (halten Sie die Umschalttaste gedrückt, während Sie mit den Pfeiltasten jeweils 10 Pixel bewegen). Wählen Sie als Nächstes die Gruppe "Light Copy" aus und verschieben Sie sie mit derselben Methode um 140 Pixel nach rechts.
Benennen Sie "light copy 2" in "light_left", "light copy" in "light_right" und "light" in "light_center" um, um mit ihren Positionen im Layout zu koordinieren.
Schritt 21: Verschütten der Lichter auf das Gehäuse
Wählen Sie die Ebenengruppen "light_center", "light_right" und "light_left" aus. Ziehen Sie sie per Drag und Drop auf das Symbol "Neue Ebene erstellen" am unteren Rand der Ebenenpalette. Drei neue Kopien dieser Gruppen werden über den Originalen in der Ebenenpalette angezeigt.
Drücken Sie Befehlstaste + E, um die Gruppen zu einer Ebene zusammenzuführen.
Benennen Sie die Ebene in "Verschütten" um.
Verschieben Sie es an den oberen Rand der Ebenen-Palette über der Ebene "Housing_Shadow" und ändern Sie die Füllmethode der Ebene in Ineinanderkopieren.
Drehen Sie es vertikal, indem Sie auf Bearbeiten > Transformieren > Vertikal spiegeln klicken.
Schieben Sie die "Überlauf"-Ebene um 230 Pixel nach oben, indem Sie 23 Mal Umschalt + Aufwärtspfeil drücken.
Treffen Sie mit dem Rechteckigen Auswahl-Werkzeug (M) eine Auswahl mit einer Breite von 500 x 10 Pixel, beginnend oben links im Layout.
Klicken Sie unten in der Ebenenpalette auf das Symbol "Ebenenmaske hinzufügen", um der Ebene "Verschütten" eine Maske hinzuzufügen. Dies wird seine Wirkung auf den Bereich des Lichtgehäuses beschränken.
Schritt 22: Hinzufügen eines Schattens hinter den Lichtern (optional)
Als nächstes verdunkeln wir den Bereich um die Oberseite der Lichter gegen die Pinnwand, um sie etwas stärker hervorzuheben. Dieser Schritt ist optional.
Wählen Sie in der Ebenen-Palette die Ebene "Lippe" aus und klicken Sie unten in der Ebenen-Palette auf das Symbol "Neue Ebene erstellen". Die neue Ebene wird über der Ebene "Lippe" angezeigt. Benennen Sie es in "top_shadow" um.
Geben Sie mit dem Verlauf-Werkzeug (G) bei voreingestelltem Vordergrund auf Transparent den Wert "Linearer Verlauf" und eine Vordergrundfarbe von Schwarz ein.
Die Ebene "top_shadow" muss maskiert werden, damit die Lichter ausgeschlossen werden.
Wählen Sie die Ebenengruppen "light_center", "light_right" und "light_left" aus. Duplizieren und fügen Sie sie zu einer einzigen Ebene zusammen.
Klicken Sie bei gedrückter Befehlstaste auf die Ebenenminiatur in der Ebenenpalette, um die Transparenz der Ebene als Auswahl zu laden.
Gehen Sie zu Auswählen > Umkehren, um die Auswahl umzukehren. Wählen Sie nun die Ebene "top_shadow" in der Ebenen-Palette aus und klicken Sie unten in der Palette auf das Symbol "Ebenenmaske hinzufügen".
Ändern Sie die Deckkraft der Ebene "top_shadow" auf 60% und die Füllmethode auf Ineinanderkopieren.
Löschen Sie abschließend die Ebene "light_left copy".
Schritt 23: Hinzufügen von Text, der letzte Schritt
Als letzter Schritt wird der Pinnwand eingelegter Text hinzugefügt. Es können beliebige Schriftarten verwendet werden, in diesem Beispiel werden jedoch Arista 2.0 Light und DIN Mittelschrift verwendet. (Die Verwendung des Text-Werkzeugs von Photoshop wird in diesem Teil des Tutorials nicht behandelt.)
Die Textebenen sollten über allen anderen Ebenen in der Ebenenpalette platziert werden.
Doppelklicken Sie in der Ebenen-Palette in den Bereich rechts neben dem Namen der Textebene. Dadurch wird das Dialogfeld Ebenenstil geöffnet.
Passen Sie im Fenster "Ebenenstil" die Einstellungen wie gezeigt an.
Schlagschatten:
Inneren Schatten:
Farb-Ineinanderkopieren:
Endergebnis
Dies ist das Endergebnis:
Weitere Vorschläge
Ich empfehle, diesen Effekt sparsam einzusetzen. Verwenden Sie es beispielsweise nur, um ein Logo in der Kopfzeile einer Website hervorzuheben oder um einige Elemente auf einer Seite hervorzuheben.
Das Abwinkeln der Lichter kann den Effekt weiter verstärken. Wenn Sie den Effekt vertikal drehen, entsteht der Eindruck von Scheinwerfern.
Sie können die Beleuchtung auch mithilfe eines Ebenenstils "Farb-Ineinanderkopieren" oder "Verlauf-Ineinanderkopieren" einfärben.
Für dieses Tutorial habe ich ein IES-Profil ausgewählt, das in der 3D-Kunst sehr beliebt ist, da es ein so ausgeprägtes Erscheinungsbild hat. Aus diesem Grund ist es überstrapaziert und klischeehaft geworden. Es sind jedoch Hunderte anderer IES/photometrischer Profile frei verfügbar:
Mit dem IES-Generator von Karbaras können Sie auch Ihre eigenen Profile erstellen.
Ich hoffe dir hat dieses Tutorial gefallen!
Abonnieren Sie den Psdtuts+ RSS-Feed, um die besten Photoshop-Tuts und Artikel im Web zu erhalten.
By
