[Photoshop] Scanlines mit Farbverlauf Tutorial

Dieses Tutorial beschreibt wie man Grafiken erstellen kann, die Scanlines mit einem Farbverlauf beinhalten.

Die Sache gestaltet sich eigentlich einfach.

Für den Ablauf müsst ihr im Photoshop die Vordergrund und Hintergrundfarbe für eueren Verlauf definieren, hierbei müsst ihr die Farben in der Werkzeugleiste anpassen.

Anschließend wählt ihr das Verlaufswerkzeug aus, dort müsst ihr die erste Auswahl tätigen. (Vordergrund-Hintergrund)
Nun müsst ihr auf eurer Arbeitsfläche den Farbverlauf malen, diese müsste 100% vertikal sein, zur Erleichterung könnt ihr die Hochstelltaste beim Linienzug gedrückt halten.

So könnte dein Verlauf aussehen:

Den Verlauf habt ihr an dieser Stelle nun erledigt.

Kommen wir nun den Scanlines.

Erstellt eine neue Ebene für unsere Scanlines.
Ihr müsst nun wieder einmal einen vertikalen Verlauf ziehen auf euer neuen Ebene, aber diesen mit Vordergrund-Transparenz Einstellung. Diesen Verlauf benötigt ihr um die Scanlines verlaufsfähig transparent zu machen, hierbei ist die Vordergrundfarbe irrelevant.

So könnte dein Verlauf aussehen:


Der Ebene muss nun eine Musterüberlagerung zugewiesen werden, diese findet ihr unter dem Ebenstil der Ebene. Dort wählt ihr nun eurer gewolltes Scanlinemuster (Beispiel ist 3*3px groß) aus.


Zu guter Letzt müsst ihr bei der Ebene, die Fläche auf 0% setzen, so verschwindet die Grafik der Ebene (Hintergrundfarbe Grün). Die Deckkraft der Ebene müsst ihr auch nach eurem Geschmack anpassen, ich würde euch ungefähr 80% vorschlagen.

Die fertige Grafik könnt ihr dann auf eurer Homepage als Hintergrundbild definieren, dieses Bild sollte sich dann nur horizontal wiederholen (CSS: background−repeat:repeat−x;)
Bedenkt bitte, dass die Grafik sich nebeneinander wiederholt (Puzzle), daher müsst ihr auch drauf achten, dass die Scanlines bei der Darstellung nicht zerhackt werden. Daher müsst ihr auf die richtige Breite eures Bildes achten.

Dies ist kein Kochrezept, aber ich wünsche euch trotzdem ein gutes Gelingen und würde mich über Kommentare von euch freuen.

mfg Eugen

Mitglieder-Kommentare

---