Nach dem Start von Pixelmator legen wir ein neues Bild mit der Dimension 300*300 Pixel an.

Nun füllen wir den Hintergrund mit einem dunklen grau (#333333). Das geht mit dem "Paint Bucket Tool" das auch durch drücken der Taste "N" ausgewählt werden kann.

Zum ausfüllen wird die eingestellte Vordergrundfarbe verwendet.

Dies geschieht über den Noise-Filter. Aufgerufen wird dieser über den Menüpunkt "Filter -> Stylize -> Noise". Wir stellen einen Wert von 1 ein und deaktivieren die "Monochrome" Option.

Zuerst fügen wir eine neue Layer "Streifen" hinzu und füllen diese mit weißer Farbe (#ffffff). Wie oben wird dazu das "Paint Bucket Tool" verwendet.

Nun wird auf der ausgewählten Layer "Streifen" der Stripes-Filter angewendet. Dieser wird über das Menü "Filter -> Generator -> Stripes" gestartet.

Hier stellen wir eine Width von 8 und eine Sharpness von 100 ein.

Als letzten Schritt stellen wir die Opacity der Layer "Streifen" auf 5%. Dadurch werden die weißen Streifen durchsichtig und der gewünschte Effekt entsteht.

Das war es auch schon. Für meine Webseite habe ich einen Teil des gerade erzeugten Bildes mit Hilfe des "Crop Tools" passend ausgeschnitten und über CSS eingebunden.