Einen stylischen Button für eine Website in Photoshop zu zeichnen ist gar nicht so schwer. Dieser Vorgang dauert nur 10-20 Minuten. Die Schaltfläche, die Sie mit diesem Tutorial erstellen können, befindet sich auf einem hellen Hintergrund. Optional können Sie die Schaltfläche auf einem dunklen Hintergrund platzieren. Und zeigen Sie auch Ihrer Fantasie und erstellen Sie einen Stil, der in das Design Ihrer Website passt.
Anleitung
Schritt 1
Erstellen Sie ein neues Dokument mit der Tastenkombination Strg + N.
Schritt 2
Stellen Sie die gewünschte Größe ein, zum Beispiel 200 x 100 Pixel.
Schritt 3
Das Dokument wurde erstellt. Jetzt können Sie mit der Erstellung der Schaltfläche beginnen.
Schritt 4
Wählen Sie das Werkzeug Abgerundetes Rechteck U aus der Werkzeugpalette. Wählen Sie dann den Formebenenmodus, der sich unter dem Hauptmenü in der Optionsleiste befindet, für die Einstellungen des aktiven Werkzeugs.
Schritt 5
Zeichnen Sie eine Schaltfläche in das Dokument. In diesem Beispiel ist die Vordergrundfarbe schwarz, also ist die Schaltfläche schwarz. Als nächstes wählen wir eine passende Farbe dafür aus.
Schritt 6
Gehen Sie dazu zur Palette Stile und wählen Sie den entsprechenden Stil für unsere Schaltfläche aus.
Schritt 7
In diesem Beispiel wird der Blue Glass-Stil verwendet.
Schritt 8
Die oberste Ebene rastern: Menü "Ebene" - Befehl "Rasterisieren" - Punkt "Ebene".
Schritt 9
Drücken Sie die Strg-Taste und wählen Sie bei gedrückter linker Maustaste das Symbol der obersten Ebene aus. Die Schaltfläche wird mit einer gepunkteten Linie hervorgehoben.
Schritt 10
Um einen kleinen Rahmen um die Kanten der Schaltfläche zu erstellen, klicken Sie auf Auswählen - Ändern - Verkleinern.
Schritt 11
Stellen Sie im sich öffnenden Fenster 3 Pixel ein.
Schritt 12
Das Ergebnis ist ein gepunkteter Strich.
Schritt 13
Kehren Sie die Auswahl mit der Tastenkombination Umschalt + Strg + I um.
Schritt 14
Kopieren Sie die Auswahl in eine neue Ebene, indem Sie Strg + J drücken. Die dritte Ebene wird in der Palette "Ebenen" angezeigt.
Schritt 15
Wählen Sie einen Stil, der Ihnen gefällt, für einen kleinen 3-Pixel-Rahmen. Gehen Sie dazu erneut zur Palette Stile und wählen Sie die gewünschte aus. In diesem Beispiel wird der Stil Gemeißelter Himmelsrand angewendet, weil es entspricht der Farbe der Schaltfläche.
Schritt 16
Das Ergebnis ist eine solche Schaltfläche. Optional können Sie Ihre eigenen Stile anwenden, die Ihnen am besten gefallen.
Schritt 17
Es bleibt, den Text zu schreiben. Wählen Sie dazu das Horizontale Textwerkzeug (T). Sie können Schriftartoptionen in der Optionsleiste auswählen, um dieses Werkzeug einzustellen.
Schritt 18
Jetzt ist Ihr Button fertig.
