3D-Button in Photoshop erstellen

Nun widmen wir uns der Erstellung von modernen 3-D-Buttons. Auch dies geht wunderbar einfach mit Photoshop.

Schritt 1
Wir erstellen eine neue Datei und wählen dort das Abgerundete-Rechteck-Werkzeug aus und stellen den Radius auf 50 Pixel.

Schritt 2
So sieht diese Form aus.

Schritt 3
Wir erstellen eine neue Ebene (Ebene1) und klicken mit gedrückter Strg-Taste auf das Ebenensymbol. So wird die Form ausgewählt, die wir nun mit Schwarz füllen.

Schritt 4
Eine Ebene 2 wird erstellt. Wir wählen Weiß als Vordergrundfarbe aus und nehmen das normale Verlaufswerkzeug. Mit der Einstellung Vordergrundfarbe auf Transparent füllen wir die Auswahl.

Schritt 5
Diese Ebene skalieren wir, so dass sie flacher und etwas schmaler wird. Dann verschieben wir sie ein wenig nach unten. Als nächstes duplizieren wir Ebene 2 und arbeiten mit der neu entstandenen Ebene 3 weiter. Diese wird zunächst um 180° gedreht und ein wenig mit dem Gaußschen Weichzeichner bearbeitet.

Schritt 6
Ebene 1 bekommt nun einen Schlagschatten mit einem Winkel von 90°, außerdem wird noch ein Schein nach innen mit einem mittleren grau eingesetzt. Die Füllmethode muss hier auf Multiplizieren gestellt werden.

Schritt 7
Nun kann Ebene 1 eingefärbt werden. Wichtig ist, dass daraufhin als Füllmethode der Ebene 2 ineinanderkopieren ausgewählt sein muss.

Schritt 8
Für die Beschriftung des Buttons wird zwischen Ebene 1 und Ebene 2 eine Textebene eingefügt. Dann wird die Ebene 1 dupliziert, in Ebene 4 umbenannt und unter Ebene 1 geschoben. Sie liegt nun zuunterst und wird mit dem Gaußschen Weichzeichner bearbeitet (ca. 2-3 Pixel), außerdem wird die Deckkraft auf 50% verringert. Zuletzt wird sie ein wenig nach unten verschoben. Fertig ist der 3-D-Button. Er kann nun noch farblich nach Belieben verändert werden, z.B. können auch Farbverläufe eingesetzt werden. Dabei immer nur die Ebene 1 verändern und Ebene 4 anpassen.

RSS 2.0 Feed | Both comments and pings are currently closed.

Comments are closed.