Tutorials

Tutorial: So erstellst du einen Long Shadow Effekt in Adobe Photoshop

Melden

Hier ist ein detailliertes Tutorial, wie du den beliebten „Long Shadow“-Effekt (langer Schatten) in Adobe Photoshop erstellen kannst. Diese Technik eignet sich hervorragend für Icons, Logos oder Typografie im Flat Design.

Der Long Shadow Effekt zeichnet sich durch einen langen, oft im 45-Grad-Winkel verlaufenden Schatten aus, der dem Design Tiefe verleiht, ohne den flachen Look zu verlieren.

Schritt 1: Vorbereitung des Dokuments

  1. Öffne Photoshop und erstelle ein neues Dokument (z. B. 1920 x 1080 Pixel).
  2. Fülle die Hintergrundebene mit einer Farbe deiner Wahl (z. B. ein kräftiges Blau oder Orange).
  3. Erstelle dein Objekt. Das kann ein Textfeld oder eine Form (Icon) sein. Platziere es in der Mitte der Leinwand.
  4. Gib deinem Objekt eine kontrastreiche Farbe (z. B. Weiß).

Schritt 2: Die effizienteste Methode (Transformations-Trick)

Es gibt viele Wege, einen langen Schatten zu erstellen, aber die „Wiederholungs-Transformation“ ist die präziseste.

  1. Ebene duplizieren: Wähle deine Text- oder Formebene aus und drücke Strg + J (Windows) oder Command + J (Mac), um sie zu kopieren.
  2. Farbe ändern: Klicke doppelt auf die untere Ebene (die Kopie), um die Ebenenstile zu öffnen. Wähle Farbüberlagerung und stelle die Farbe auf Schwarz oder einen dunkleren Ton deiner Hintergrundfarbe ein.
  3. Transformation starten: Drücke Strg + T (Windows) oder Command + T (Mac), um das Frei-Transformieren-Werkzeug zu aktivieren.
  4. Minimal verschieben: Drücke die Pfeiltaste einmal nach rechts und einmal nach unten. Bestätige mit Enter.
  5. Den Effekt automatisieren: Jetzt kommt der wichtigste Tastenkürzel. Halte Strg + Alt + Shift (Windows) bzw. Command + Option + Shift (Mac) gedrückt und tippe mehrmals auf die Taste T.
    • Was passiert hier? Photoshop dupliziert die Ebene und wiederholt die letzte Transformation (1px Verschiebung) immer wieder.
    • Wiederhole dies etwa 50 bis 100 Mal, bis der Schatten die gewünschte Länge hat.

Schritt 3: Schattenebenen zusammenführen

Dein Ebenen-Bedienfeld ist nun voll mit Kopien. Um Ordnung zu schaffen:

  1. Markiere alle Schatten-Kopien (klicke die oberste Schattenebene an, halte Shift gedrückt und klicke auf die unterste Schattenebene).
  2. Drücke Strg + E (Windows) oder Command + E (Mac), um alle markierten Ebenen zu einer einzigen Schattenebene zusammenzufügen.

Schritt 4: Den Schatten verfeinern

Damit der Schatten realistisch oder stilvoll aussieht, kannst du ihn nun anpassen:

  1. Deckkraft: Reduziere die Deckkraft der Schattenebene (im Ebenen-Bedienfeld oben rechts) auf etwa 10 % bis 30 %.
  2. Füllmethode: Stelle die Füllmethode der Schattenebene auf „Multiplizieren“.
  3. Verlauf (Optional): Wenn der Schatten nach außen hin blasser werden soll:
    • Füge der Schattenebene eine Ebenenmaske hinzu.
    • Wähle das Verlaufswerkzeug (G).
    • Wähle einen Verlauf von Schwarz zu Weiß.
    • Ziehe den Verlauf in die Richtung des Schattens, sodass das Ende des Schattens langsam ausgeblendet wird.

Schritt 5: Feinschliff

Du kannst nun die Schattenebene noch leicht verschieben, falls der Winkel nicht exakt passt. Da der Schatten nun auf einer eigenen Ebene liegt, kannst du ihn jederzeit ein- und ausschalten oder die Farbe über die Ebenenstile ändern.

Pro-Tipp: Wenn du den Effekt öfter brauchst, kannst du die Schritte 2 bis 3 als „Aktion“ in Photoshop aufzeichnen. So kannst du den Long Shadow in Zukunft mit nur einem Klick erstellen!

0