Schritt 1
Den Hintergrund füllt ein Streifenmuster aus zwei dunkelgrauen Linien. Zeichnen Sie auf einer neuen Ebene mit dem Buntstift, der kleinsten Werkzeugspitze und einem dunklen Grau eine 1 Pixel breite Linie, indem Sie beim ziehen die SHIFT-Taste gedrückt halten. Darunter zeichnen Sie eine Linie in einem etwas helleren Grauton. Kopieren und positionieren Sie die Ebene, so dass der Hintergrund gefüllt ist. Soll dieser Hintergrund die Website füllen, bietet es sich an aus den zwei Linien eine Hintergrundkachel zu erstellen.

Hintergrund erstellen

Schritt 2
Im Grunge-Stil darf nichts sauber, gerade und poliert erscheinen, deshalb darf schon die Grundlage der Button etwas schräger daher kommen als üblich. Erstellen Sie eine neue Ebene, wählen Sie mit dem Polygon-Lasso die Grundform aus und füllen Sie die Fläche mit einem dunklen Beigeton.

Die Grundlage im Beispiel zeigt feine Risse. Dazu wurde mit dem Linienzeichner und einem dunklen Grauton eine Menge Linien gezogen, die zusammen ein feines Rissmuster ergeben. Die Linien wurden auf eine Ebene reduziert und durch "Ebene --> Schnittmaske erstellen" mit der darunter liegenden Ebene verbunden.

Grundlage der Buttons

Schritt 3
Den Hintergrund der einzelnen Buttons erstellen Sie auf einer eigenen Ebene mit dem Auswahlrechteck, füllen anschließend die Auswahl mit einem Grau und spendieren der Fläche Störungen durch "Filter --> Störungsfilter --> Störungen hinzufügen". Kopieren Sie den Buttonhintergrund mehrmals und drehen Sie die Flächen durch "Bearbeiten --> Transformieren --> Drehen".

Hintergrund der einzelnen Buttons

Schritt 4
Erstellen Sie eine neue Ebene und sprühen Sie mit dem Airbrush und einem Grauton etwas Schmutz auf die soeben erstellten Flächen, den Sie mit dem Gaußschen Weichzeichner etwas weichzeichnen. Den Hintergrund für die Schrift wählen Sie mit dem Auswahlrechteck aus, erstellen eine neue Ebene und füllen die Fläche mit #849433. Erstellen Sie auf einer neuen Ebene eine "Zierleiste" in einem hellen Grauton mit dem Auswahlrechteck.

Erster Schmutz und grüne Flächen

Schritt 5
Der leichteste Schritt dieser Anleitung lautet: Beschriften Sie Ihren Button mit dem Textwerkzeug. Aktivieren Sie bei der Zierleiste den Ebenenstil Schlagschatten und fügen Sie Störungen hinzu.

Buttons beschriften

Schritt 6
Noch ist das Menü zu sauber. Sprühen Sie deshalb auf eigenen Ebenen Schmutz in verschiedenen Farben und mit verschiedenen Werkzeugspitzen über das Menü. Diesen "Schmutz" können Sie später noch weichzeichnen.

Mehr Schmutz

Schritt 7
Sorgen Sie für etwas Licht im dunklen Grunge-Style. Auf einer eigenen Ebene wählen Sie mit dem Polygon-Lasso den Lichteinfall aus. Die Auswahl füllen Sie mit einem Verlauf von Weiß zu Transparent. Stellen Sie den Ebenenmodus dieser Ebene von Normal auf überlagern um.

Mit "Licht"

Kleine Schrauben oder andere Accessoires lockern das Menü auf.