Buttons oder Badges sind auf vielen Webseiten zu finden. Wir zeigen Ihnen wie Sie in nur wenigen Schritten in Photoshop Ihren eigenen Web2.0 Button erstellen.

1. Dokument anlegen

Legen Sie ein neues Dokument mit 500 x 500 Pixeln an und erstellen Sie eine neue Ebene mit der Bezeichnung “Form”.

2. Form erstellen

Wählen Sie das Polygon-Werkzeug an und geben Sie im Optionen-Menü folgende Werte ein:

Anschließend ziehen Sie die Form auf und geben Ihr die gewünschte Farbe ((#ff7400).

3.  Button-Effekte

Weisen Sie dem Button nun folgende Ebeneneffekte zu:

Kontur:

Schlagschatte:

4. Glanz-Ebene

Legen Sie neue Ebene an und legen Sie eine ovale Auswahl um den Button

5. Glanz-Effekt

Füllen Sie die Auswahl mit einem linearen Verlauf von weiß zu transparent

7. Schnittmaske

Markieren Sie die Glanz-Ebene und drücken Sie ALT + STRG + G. Hierdurch wirkt der Effekt nur auf die darunter liegende Ebene mit dem Button

8. Text einfügen

Zum Abschluss können Sie nun noch einen Text einfügen und danach alle Ebenen leicht drehen – fertig ist der Web2.0-Button: