• Twitter
  • Facebook
  • Google+
  • RSS

Simpler Web-Button

Heute Zeige ich ihnen, wie sie in Photoshop ganz leicht einen solchen Button erstellen können

Als erstes erstellen wir ein ein neues Bild mit den Maßen 130 x 30 px. Diese Ebene füllt ihr nun mit einem Mitteldunklem grau. Nun macht ihr einen Rechtsklick auf diese Ebene und klickt auf Fülloptionen.

Dort bei Farbüberlagerung eure Wunschfarbe auswählen ( hier blau ) und die Sichtbarkeit auf ca 30% stellen. Jetzt unter dem Punkt Verlaufsüberlagerung folgende Einstellungen übernehmen

Als nächstes blenden wir die blaue Ebene aus und erstellen eine neue Ebene und übernehmen bei den Fülloptionen folgende Einstellung.

Wenn das erledig wird erstellen wir eine solche Auswahl mithilfe des Auswahlwerkzeug Elypse und Rechteck.

jetzt wird die Blaue Ebene wieder eigeblendet und wir können nun mit der Beschriftung anfangen. Ich habe mich für die Aufschrift Button entschieden. Damit das ganze aber nicht so langweilig aussieht, nehmen wir noch diese Einstellungen bei Fülloptionen vor.

Bei Kontur einfach eine blaue kontur mit der Stärke 1 Auswählen. Jetzt sollte der Button so aussehen

Dir gefällt dieses Tutorial? - Zeig es uns!

Das Erstellen von Photoshop-Tutorials nimmt sehr viel (Frei-)Zeit in Anspruch. Um regelmäßiger Tutorials zu produzieren sind wir auf deine Hilfe angewiesen. Spende Jetzt!

Jetzt das Tutorial Simpler Web-Button bewerten

Du hast die Möglichkeit dieses Photoshop Tutorial auf einer Skala von 1-10 zu bewerten.
Um das TutorialSimpler Web-Button aus der Kategorie Buttons zu bewerten, musst du den Regler auf dieser Skala verschieben:

Newsletter bestellen

E-Mail eintragen und immer auf dem Laufenden bleiben.
Datenschutzerklärung