Erstellen verblassender Site-Teiler

Möglicherweise haben Sie diese verblassenden Teiler / Trennzeichen an verschiedenen Stellen gesehen, die sowohl horizontal als auch vertikal zu verblassen scheinen. Hier ist ein Beispiel dafür, was ich meine:

Sie bieten eine großartige Möglichkeit, Inhalte auf subtile und nicht aufdringliche Weise aufzuteilen. Ich möchte eine einfache Möglichkeit vorstellen, diese verblassenden Teiler mit Photoshop zu erstellen.

Schritt 1

Erstellen Sie zunächst eine neue Ebene. Zeichnen Sie mit dem Bleistiftwerkzeug eine durchgezogene horizontale Linie von 1 Pixel. Halten Sie beim Klicken die UMSCHALTTASTE gedrückt und ziehen Sie die Linie, um sie gerade zu halten. Dies ist die Basis für den gesamten Fade-Effekt.

Schritt 2

Wählen Sie das Radiergummi-Werkzeug. Wählen Sie eine sehr weiche Pinseleinstellung. Je größer der Pinsel, desto länger die Überblendung (Sie können experimentieren, um die Größe zu finden, die für Ihre Anforderungen am besten geeignet ist).

Schritt 3

Löschen Sie das linke und rechte Ende der Zeile. Dadurch verblasst die Linie in der Nähe der Enden.

Schritt 4

Dupliziere die Ebene, die die Linie enthält (klicke mit der rechten Maustaste auf die Ebene im rechten Bereich und wähle dann 'Duplizieren'). Wählen Sie die untere der beiden Ebenen.

Schritt 5

Wählen Sie Filter> Unschärfe> Gaußsche Unschärfe. Wählen Sie einen Radius von 3 Pixel, um den Überblendungseffekt zu erzielen (oder wählen Sie einen, der zu Ihnen passt!).

Schritt 6

Verwenden Sie das Auswahlrechteck, um alles auf oder über der durchgezogenen Linie auszuwählen (wobei die unscharfe Ebene ausgewählt ist). Drücken Sie die Entf-Taste.

Schritt 7

Passen Sie die Deckkraft der durchgezogenen Linie und / oder des Schattens Ihren Wünschen an. So sieht es am Ende aus.

Wenn Sie eine größere Menge an Schattierungen wünschen (wie im Beispiel oben auf der Seite gezeigt), können Sie dies erreichen, indem Sie die unscharfe Ebene mehrmals duplizieren (direkt nach dem Anwenden der Gaußschen Unschärfe), bis Sie sind mit dem Ausmaß und der Intensität der Unschärfe zufrieden (und verschmelzen dann die unscharfen Schichten).

Mit dieser Technik können Sie sowohl horizontale als auch vertikale Inhaltsteiler erstellen. Und mit ein bisschen Basteln ist es nicht allzu schwer, sich etwas auszudenken wie:

Würzen Sie also Ihre Ränder, Trennzeichen und Kanten! Wenn Sie andere Websites kennen, die diese Technik verwenden (oder Ihre eigenen teilen möchten), teilen Sie uns dies bitte in den Kommentaren mit. Sie wissen nie, wenn uns Ihr Design gefällt, wird es möglicherweise auf der Website veröffentlicht!

© Copyright 2022 | computer06.com