Aqua Pills
Buttons im Aqua Style sind sehr beliebt. Und so haben nun auch wir ein ausführliches Tut zu diesem Thema gemacht. Vielleicht findet sich ja für Euch der ein oder andere Kniff.
- Autor:
- #!/usr/bin/beer
- Arbeitsmaterial:
- download
- Schwierigkeit:
- Fortgeschritten
1Vorbereitung
dazu benötigt man nicht mehr als mindestens Photoshop 5.5. (bei den früheren Version muss man den "Glow" und den Schatten alleine einstellen. Das macht nicht wirklich Spass.)
21.Schritt
Wir erstellen eine Form (abgerundetes Rechteck, Radius 50px) auf einer neuen Ebene. (nicht auf der Hintergrundebene). Wenn man unter "Ansicht" > "Extras einblenden" und "Ausrichten am Raster" anwählt unterstützt das einen ungemein.
32.Schritt
Mit STRG + Linksklick auf das Symbol der Ebene markieren wir den gesamten Ebeneninhalt. (also die Form) Eine neue Ebene erstellen. Die Vordergrundfarbe auf weiss stellen. Mit dem Verlaufswerkzeug und dem Verlauf "Vordergrundfarbe nach transparent" (einer der Standardverläufe) auf der neuen "Ebene 2" senkrecht von der Oberkante der Form bis fast ganz nach unten einen Verlauf erstellen. Mit Bearbeiten > Transformieren > Skalieren den Verlauf in der Höhe und Breite ein wenig verkleinern und etwas nach unten Verschieben.
43.Schritt
Diese Ebene kopieren und die Kopie dieser Ebene um 180 Grad drehen.Bis fast an die Unterkante der Hauptform verschieben. Mit dem Filter "Gausscher Weichzeichner" bearbeiten.
54.Schritt
Ebene 1 auswählen. Die Fülloptionen aufrufen. Schlagschatten einstellen (Winkel 90 Grad) und ein bisschen mit den weiteren Einstellungen spielen. Schein nach innen mit einem mittleren Grau setzen.Die Füllmethode auf "Multiplizieren" setzen. Auch hier darf ein wenig herumgetestet werden.
65.Schritt
Die Ebene 1 mit einem "angenehmen" Blau füllen. Den Modus der Ebene 3 auf Ineinanderkopieren setzen. [Abbildung 8 - ...fast fertig]
76.Schritt
Zwischen Ebene1 und Ebene2 eine Textebene mit wahlfreiem Text einfügen. Die gesamte Ebene1 samt Fülloptionen kopieren und wieder einfügen. Die so entstandene Ebene4 unter die Ebene1 verschieben. Mit dem quot;Gausschen Weichzeichnerquot; bearbeiten.(Radius etwa 2 - 3 Pixel). Die Deckkraft der Ebene4 verringern auf ca 50%. Die Ebene ein wenig nach unten verschieben
87.Schritt
Den Hintergrund mit Bearbeiten Fläche füllen mit einem Mac like Hintergrund (z.B.dieser 
) füllen.
Fertig & Aus die Maus. Jetzt kann man noch mit Farben und Verläufen spielen ( Aber immer Ebene1 und Ebene4 anpassen)
- Abbildung 1 - Fertiges Ergebnis
- Abbildung 2 - Form erstellen (1)
- Abbildung 3 - Form erstellen (2)
- Abbildung 4 - Verlauf auf Ebene 2
- Abbildung 5 - Verlauf auf Ebene 2 skaliert
- Abbildung 6 - Verlauf auf Ebene 3 weichgezeichnet
- Abbildung 7 - Fülloptionen Ebene 1 (Schlagschatten/Inneres Leuchten)
- Abbildung 8 - ...fast fertig
- Abbildung 9 - Variation 1
- Abbildung 10 - Variation 2
Um zu kommentieren musst Du eingeloggt sein.