Ein Blitz-Tutorial zum Thema: Wie kann man diese coolen diagonalen Linien (etwa für einen Webseiten-Hintergrund) erstellen?
Schritt 1:
Als erstes müsste Ihr ein eigenes Muster erstellen: die diagonalen Linien. Zukünftig macht Ihr dann einfach immer dort, wo Ihr diese Linien haben wollt, eine Auswahl und könnt die mit diagonalen Linien (oder anderen Mustern) füllen.
Also: Neues Dokument mit den Ausmaßen 5 auf 5 Pixel.
GANZ WICHTIG: Achtet darauf, dass der Hintergrund transparent ist und NICHT WEISS, wie in meinem Bild. (Ich habe den Hintergrund nur weiß gelassen, damit man besser sehen kann, was ich da mache!)
Schritt 2:
Jetzt nehmt Ihr Euch das Buntstift-Werkzeug zur Hand und malt eine diagonale Linie auf Euren transparenten Hintergrund.
Und ob Ihr's glaubt oder nicht: Euer Muster ist schon fertig!
Speichern könnt Ihr das Muster über BEARBEITEN > MUSTER FESTLEGEN ...
... und bei der Namenswahl kann man sicherlich kreativer sein.
Denkt Euch was aus!
Schritt 3:
So, very nice. Unser Muster haben wir schon. Dann zeige ich Euch jetzt mal, wie man das Muster schnell in einer Grafik unterbringt und die diagonalen Linien nach unten hin ausblendet.
Öffnet ein neues Photoshop-Projekt, diesmal mit schwarzem Hintergrund; und dazu gleich eine neue Ebene.
Auf der "Ebene 1" markiert Ihr jetzt mit dem Auswahlrechteck eine großzügige Fläche, macht dann einen Rechtsklick in die Fläche und wählt FLÄCHE FÜLLEN.
Unter dem Menüpunkt "Füllen mit" müsst Ihr "Muster" auswählen. Und in der Musteransicht solltet Ihr auch Euer eben selbst erstelltes Muster mit den diagonalen schwarzen Linien auf transparentem Hintergrund finden. Das wählt Ihr aus und klickt auf "OK".
Schritt 4:
Herrlich! Wie Ihr seht, seht Ihr erstmal nix. Und das liegt daran, dass wir schwarze Linien auf einen schwarzen Hintergrund gepinselt haben. Am schnellsten erhaltet Ihr ein sichtbares Ergebnis, indem Ihr die "Ebene 1" invertiert; sprich: von schwarz zu weiß umwandelt.
Wie das geht? Ganz einfach:
Ebene 1 auswählen und Tastenkürzel STRG+ALT+I
Jetzt sollte Euer Projekt so aussehen:
Schritt 5:
Die Deckkraft der diagonalen Linien setzen wir etwas herunter, damit sie einem nicht so ins Auge springen. Im Beispiel verwende ich eine Deckkraft von "30". Ihr könnt aber gerne probieren, was Euch am besten gefällt.
Schritt 6:
Zum krönendsten aller krönenden Abschlüsse wollen wir die Linien nach unten hin auslaufen lassen (was wir auf ungefähr einer halben Milliarde Websites so toll gefunden haben).
Nichts leichter als das. Mit dem Auswahlrechteck eine Fläche auswählen und über AUSWAHL > WEICHE AUSWAHLKANTE eine weiche Kante von etwa 50 auswählen.
Je größer Ihr die weiche Auswahlkante macht, desto sanfter bzw. weiter wird der Verlauf Eurer diagonalen Linien.
Jetzt drückt Ihr ENTF und löscht damit, mit einem weichen Übergang, den unteren, ausgewählten Teil Eurer diagonalen Linien!
Fertig.
Viel Spaß!
