Eine einfache Navigation ist der Schlüssel, um eine Website bequem zu besuchen und sowohl für den Eigentümer als auch für die Online-Besucher attraktiv zu machen. Menü- und Navigationselemente sollten klar, schön und prägnant sein, und es empfiehlt sich, im Grafikeditor Adobe Photoshop ansprechende Schaltflächen für Ihre Website zu erstellen. Dies ist nicht schwer.
Anweisungen
Schritt 1
Erstellen Sie ein neues Dokument und wählen Sie das Werkzeug Abgerundetes Rechteck aus der Symbolleiste. Zeichnen Sie ein schmales abgerundetes Rechteck, wählen Sie dann das Elliptical Marquee Tool aus der Toolbox und zeichnen Sie einen Kreis auf der linken Seite des Rechtecks, der seine Kanten überlappt und darüber hinausgeht.
Schritt 2
Klicken Sie mit der rechten Maustaste auf die Rechteckebene und wählen Sie die Option Ebene rastern, klicken Sie dann in der Mitte der Auswahl erneut und wählen Sie die Option Ebene über Ausschneiden aus dem Kontextmenü, um die Auswahl auf eine neue Ebene zu kopieren.
Schritt 3
Öffnen Sie das Menü mit den Ebeneneinstellungen und stellen Sie auf der Registerkarte Schlagschatten den Mischmodus auf Normal, die Deckkraft auf 23% und den Abstand auf 3 Pixel ein. Stellen Sie auf der Registerkarte Farbüberlagerung die gewünschte Farbe mit dem Mischmodus Normal und Transparenz auf 100% ein. Sie sollten ein zweifarbiges Bild haben.
Schritt 4
Wählen Sie erneut das Elliptical Marquee Tool aus der Toolbox und zeichnen Sie einen Kreis innerhalb der linken Farbauswahl. Klicken Sie auf Löschen. Übertragen Sie anschließend die Auswahl auf eine neue Ebene und füllen Sie diese mit einer beliebigen Farbe.
Schritt 5
Öffnen Sie das Menü „Ebenenstil“erneut und passen Sie die Registerkarte „Verlaufsüberlagerung“in allen Farben an, die dem Farbschema Ihrer Website entsprechen. Legen Sie den radialen Stil auf den Farbverlauf fest. Legen Sie dann auf der Registerkarte Strich die Strichstärke auf 2 Pixel, die äußere Position des Pfads und die Deckkraft auf 30 % fest. Wählen Sie eine Verlaufsfüllung für den Strich aus. OK klicken.
Schritt 6
Wählen Sie in der Toolbox einen Pinsel mit weißer Farbe aus, passen Sie ihn so an, dass er weich ist und der Durchmesser des Pinsels 10 Pixel beträgt. Zeichnen Sie oben rechts im Kreis, den Sie gemalt haben, einen Punkt, um ein Highlight zu zeichnen.
Schritt 7
Wählen Sie dann die Ebene mit dem Hauptteil der Schaltfläche aus und stellen Sie im Menü Ebenenstil den Parameter Inner Shadow mit dem Multiply Blending Mode und der Opazität von 33% ein. Legen Sie einen linearen Farbverlauf mit 25 % Deckkraft fest. Ihr Button ist fertig – es bleibt nur noch eine Beschriftung hinzuzufügen.
