online 1
gast (50)

/ Tipps und Anleitungen

Aquabuttons mit Photoshop erstellen Options

von Endless_Online vom 18.07.2018 - 2178 Hits -

Im Moment sind wegen der Macintosh Aqua Oberfläche und der kommenden Aero Oberfläche von Windows Vista durchscheinende Buttons ganz modern.
Wie man diese erstellt zeigt euch dieser Artikel. Zuerst ein neues Dokument erstellen. Ich nehme die Maße 300 Px in der Breite und 200 Px in der Höhe.
Dann wähle ich aus der Werkzeugpalette das "Abgerundetes Rechteck"-Werkzeug.

aquabuttons/Button1

Die Einstellungen für das Werkzeug sehen dann so aus:

aquabuttons/Button2

Ich ziehe in das Dokument eine Form auf:

aquabuttons/Button3

Dann füge ich Ebeneneffekte hinzu. Dafür klicke ich auf das „f“ in der Ebenenpalette.

aquabuttons/Button4

Hier dazu die Einstellungen:

aquabuttons/Button5

Als nächsten Stil wähle die Verlaufsüberlagerung:

aquabuttons/Button6

Hier hab ich die Farben #ff3300 für das dunkle orange und #feb7a4 für das helle orange gewählt. Das erreicht man wenn man einfach in den Verlauf hineinklickt. Dann geht ein neues Fenster auf und man kann dort die Farben einstellen.

aquabuttons/Button7

Danach nehmen wir den Stil „Abgeflachte Kante und Relief“
Dazu diese Einstellung:

aquabuttons/Button8

Jetzt noch auf Kontur innerhalb des „Abgeflachte Kante und Relief" Stils und dann OK klicken.

aquabuttons/Button9

Um nun eine Auswahl der gesamten Form zu erreichen klicke ich bei gedrückter Strg Taste in die Ebenenminiatur der Formebene.
Nun wähle ich das "Auswahlrechteck"-Werkzeug aus und ziehe jetzt die untere Hälfte ab.
Mit gedrückter Alt- Taste ziehe ich ein Rechteck über der unteren Hälfte der Formauswahl.

aquabuttons/Button10

Wenn ich loslasse sieht es so aus:

aquabuttons/Button11

Die Auswahl wird nun noch verändert auf 2 Px = Auswahl / Auswahl verändern / Verkleinern / 2 px
Dann erstelle ich eine neue Ebene , wähle sie aus und fülle die aktive Auswahl mit weiß.

aquabuttons/Button13

Mit Strg hebe ich nun die Auswahl auf und es geht weiter mit den Ebenen-Stile

aquabuttons/Button12

Dann noch Verlaufsüberlagerung mit den Farben #d1d0d0 und #ffffff für den Verlauf.

aquabuttons/Button14

Nun kann man noch die Kante mit dem Weichzeichnen- Werkzeug bearbeiten .
Die Einstellung dazu sind:

aquabuttons/Button15

aquabuttons/Button16

Nun nur noch die Schrift. Wenn ihr den Button beschriftet habt diese Einstellung wählen:

aquabuttons/Button17

Das wars....so siehts dann fertig aus:

aquabuttons/Button18

Das geht natürlich in den verschiedensten Farben.....viel Spaß !!
Gruß E_O

Autor: E_O
[Kommentar schreiben]

Ähnliche Themen

neuere Indesign/Photoshop Dateien öffnen
Soldier  15.01.2008 - 99 Hits - 3 Antworten

Kyrillisch in Photoshop??
russlaender  22.02.2008 - 26 Hits - 8 Antworten

Ihre Frage

Ich möchte eine Frage im Forum stellen

Version: supportware 1.9.150 / 10.06.2022, Startzeit:Thu Jan 8 21:07:44 2026