Schritt 1
---------
Erstelle zuerst eine Auswahl, wie im Bild unten dargestellt und fülle sie mit einer beliebigen Farbe in einer neuen Ebene [STRG + SHIFT + N].
Bild: http://diadia.pyrokar.lima-city.de/photoshop/img/interfacetut201.jpg
Schritt 2
---------
Stelle als nächstes ein helles Rot als Vordergrundfarbe und ein dunkles Rot als Hintergrundfarbe ein. Gehe ins Farbverlaufsfenster und ändern dort den Verlauf auf Vorder- zu Hintergrundfarbe mit einer 100%igen Deckkraft. Als Typ wählen wir Linear und ziehen mit gedrückter [Shift]-Taste einer Verlauf von oben nach unten.
Bild: http://diadia.pyrokar.lima-city.de/photoshop/img/interfacetut202.jpg
Schritt 3
---------
Richte Dir ein paar Hilfslinien ein und mit Hilfe des Auswahlrechtecks bzw. der Auswahlellipse erstellst Du jetzt den Auswahlrahmen für die 3 Buttons. Auf einer neuen Ebene füllen wir diese Maske mit einer beliebigen Farbe.
Bild: http://diadia.pyrokar.lima-city.de/photoshop/img/interfacetut203.jpg
Schritt 4
---------
Füll diese Auswahl mit dem Verlaufswerkzeug und den vorher eigestellten Farben von unten nach oben. Für einen geraden Verlauf halten wir die [Shift]-Taste gedrückt.
Bild: http://diadia.pyrokar.lima-city.de/photoshop/img/interfacetut204.jpg
Schritt 5
---------
Trage jetzt nach belieben Deinen Text ein und das erstes Interface ist fertig. Wenn Du das Interface später mit MouseOver-Effekten versehen willst.
Bild: http://diadia.pyrokar.lima-city.de/photoshop/img/interfacetut205.jpg
