Schritt 1
---------
Erstell zuerste ein neues Dokument mit Datei/Neu und gib als Maße 200 x 200 Pixel bei 300 dpi Auflösung ein.
Richte 2 Hilfslinien ein, die sich genau in der Mitte der Arbeitsfläche keuzen. Mit dem runden Auswahlwerkzeug ziehst Du eine Auswahl auf, die in etwa zwei Drittel der Arbeitsfläche ausfüllt. Halte dabei die Tasten [SHIFT + ALT] gedrückt, damit der Kreis gleichmäßig wird.
Füll diese Auswahl auf einer neuen Ebene mit einem 50%igem Grau [RGB: 128,128,128]. Nenne diese Ebene Basis.
Bsp. hier: http://diadia.pyrokar.lima-city.de/photoshop/img/buttontut701.gif
Schritt 2
---------
Halte die [STRG]-Taste gedrückt und klick auf dem Abrißblock. Dies erzeugt eine neue Ebene unterhalb der Basis-Ebene. Gib dieser Ebene den Namen Kontur.
Weite die Auswahl um 2 Pixel aus und füll sie mit Schwarz. Hebe die Auswahl auf [STRG + D]. Mit dem Filter/Weichzeichnungsfilter/ Gaußscher Weichzeichner soften wir die Kante (3 Pixel Radius) und reduzieren die Ebenendeckkraft auf 75%.
Bsp. hier: http://diadia.pyrokar.lima-city.de/photoshop/img/buttontut702.jpg
Schritt3
--------
Aktiviere die Basis-Ebene und klicke auf den Button für die Ebeneneffekte []. Dort wählen wir den Punkt Abgeflachte Kante & Relief aus.
Der Stil sollte auf Abgeflachte Kante innen stehen. Die Größe ändern wir auf 115px und den Winkel auf 135° ab.
Als nächstes stellen wir die Kontur der abgeflachten Kante ein.
Den Bereich mußt Du Deine Vorstellungen anpassen; kleine Werte bringen den Effekt zur Mitte, größere nach außen.
Bsp. hier: http://diadia.pyrokar.lima-city.de/photoshop/img/buttontut703.jpg
Schritt4
--------
Auf einer neuen Ebene, die wir Button nennen, ziehst Du eine runde Auswahl auf, die an die Kante der inneren Kontur heranreicht. Mit dem radialen Verlaufswerkzeug ziehen wir eine Verlauf, so wie er rechts abgebildet ist.
Änder den Ebenenmodus auf negativ Multiplizieren und die Deckkraft auf 75%. BTW: Farbig abwedeln würde hier einen netten Chromeffekt ergeben.
Als Ebeneneffekt nehmen wir Kontur mit 2px breite, Schwarz und 90% Deckkraft.
Bsp. hier: http://diadia.pyrokar.lima-city.de/photoshop/img/buttontut704.jpg
Schritt 5
---------
Erstelle eine neue Ebene an oberster Position und lade die Auswahl der Buttonebene. Füll die Auswahl mit einer Farbe (z.B. RGB:58,196,186) und änder den Ebenenmodus auf Farbe.
Jetzt kannst Du weitere Elemente einbringen wie z.B. einen Glanzpunkt und eine Beschriftung.
Bsp. hier: http://diadia.pyrokar.lima-city.de/photoshop/img/buttontut705.jpg