Home | Basics | Effekte | Elemente | Informationen | Sonstiges      
Pixelfresh

Pixelfresh > Elemente > Buttons > Aqua-Button

 
Home | Mail | Sitemap | FAQ

 

Aqua-Button


 
Aqua-Button

 
  1.
Erstell ein neues Dokument, 200 x 100 Pixel, transparenter Hintergrund, 16,7 Mio. Farben

 
Aqua-Button

 
  2.
Klick auf das Auswahlsymbol Werkzeug Auswahl mit folgenden Einstellungen:
Auswahltyp: Rechteck - gerundet
Randschärfe: 0
Antialiasing
zieh ein gerundetes Rechteck im Arbeitsbereich und füll es wie hier z. B. blau (R:7 G:122 B:239) und danach als Alpha-Kanal speichern (Auswahl -> als Alpha-Kanal speichern)

 
Aqua-Button

 
  3.
Eine neue Rasterebene anlegen. Klick auf Effekte -> 3D-Effekte -> Aussparung mit folgenden Einstellungen:
Vertikal: 20
Horizontal: 0
Deckfähigkeit: 80
Farbverlauf: 35

 
Aqua-Button

 
  4.
Eine neue Rasterebene anlegen. Klick auf Auswahl -> Modifizieren -> Verkleinern auf 10 Pixel. Nochmal auf Auswahl -> Modifizieren -> Randschärfe und auch hier 10 Pixel einstellen. Die Auswahl nun weiss (R:255 G:255 B:255) füllen

 
Aqua-Button

 
  5.
Die Auswahl aufheben (STRG D oder mit der rechten Maustaste in den Arbeitsbereich klicken) und die eben erstelle weisse Ebene unter die Schattenebene schieben (einfach mit der linken Maustaste anklicken, festhalten und eins nach unten ziehen) und die Deckfähigkeit auf 50 verringern. Bei der Schattenebene den Anpassungsmodus auf "Überblichen" stellen

 
Aqua-Button

 
  6.
Eine neue Rasterebene anlegen. Klick auf -> Alpha-Kanal -> Auswahl -> Alpha-Kanal öffnen und die Auswahl laden. Klick auf Auswahl -> Modifizieren und um 3 Pixel verkleinern. Mit dem Auswahlwerkzeug und der Strg-Taste ca. 3/4 der Auswahl aufheben. Klick auf das Füllsymbol. Vordergrundfarbe auf Farbübergang einstellen und dort Vordergrund-Hintergrund auswählen. Als Hintergrundfarbe ist das dunkelste blau des Buttons eingestellt (R:0 G:0 B:223). Die Auswahl füllen

 
Aqua-Button

 
  7.
Klick auf das Deformationssymbol Werkzeug Deformation. STRG-Taste gedrückt halten und nun das linke untere Markierungskästchen etwas nach innen schieben. Dadurch werden die Ecken der Auswahl abgerundet.

 
Aqua-Button

 
  8.
Die Markierung aufheben (STRG D) und klick auf Effekte -> Bildunschärfe -> Gauß-Weichzeichner: 5 Pixel. Die Deckfähigkeit der Ebene jetzt noch nach Belieben verringern, z. B. auf 85

 
Aqua-Button

 
  Man kann jetzt durch verschiedene Schatten in verschiedenen Farben und mit entsprechendem Text tolle Effekte erzielen

 
Download der Vorlage: aquabutton.zip, 15 KB

© 2000 Gabi Lozar, Impressum