NetObserver Studie
Aktuelles
Startseite
TP Wettbewerbe
Sitemap
Service
Hilfe-Forum
Kolumnen
Linktipps
Buchrezensionen
Traum-Team
Newsletter
Traumquelle
Dreamweaver
Fireworks
Photoshop
Flash
Traum-Start
gimp
GoLive
php / Apache
Sonstige
Grundlagen
Usability
CSS
Apple / Mac
3D
Intern
TP-Sponsor
TP SHOP
Bild Galerie
TP Wallpapers
Forum-Archiv
Link zu uns
Impressum
Zurück  
TP Portal > Photoshop > Aqua Pills

Photoshop MacOS X like Aqua Pills

Buttons im Aqua Style sind sehr beliebt. Und so haben nun auch wir eine ausführliches Tut zu diesem Thema gemacht. Vielleicht findet sich ja für Euch der ein oder andere Kniff.

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.) tooltipp

1.) 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. tooltipp tooltipp

2.) Mit STRG + Linksklick auf das Symbol der "Ebene 1" 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. tooltipp tooltipp

3.) 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. tooltipp

4.) 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. tooltipp

5.) Die Ebene 1 mit einem "angenehmen" Blau füllen. Den Modus der Ebene 3 auf Ineinanderkopieren setzen. [Abbildung 8 - ...fast fertig]

6.) 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 "Gausschen Weichzeichner" bearbeiten.(Radius etwa 2 - 3 Pixel). Die Deckkraft der Ebene4 verringern auf ca 50%. Die Ebene ein wenig nach unten verschieben tooltipp

7.) 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)

tooltipp tooltipp

 

Autor: (#!/usr/bin/beer)

Abbildungen

Abbildung 1 - Fertiges Ergebnis

Abbildung 1 - Fertiges Ergebnis

Abbildung 2 - Form erstellen (1)

Abbildung 2 - Form erstellen (1)

Abbildung 3 - Form erstellen (2)

Abbildung 3 - Form erstellen (2)

Abbildung 4 - Verlauf auf Ebene 2

Abbildung 4 - Verlauf auf Ebene 2

Abbildung 5 - Verlauf auf Ebene 2 skaliert

Abbildung 5 - Verlauf auf Ebene 2 skaliert

Abbildung 6 - Verlauf auf Ebene 3 weichgezeichnet

Abbildung 6 - Verlauf auf Ebene 3 weichgezeichnet

Abbildung 7 - Fülloptionen Ebene 1 (Schlagschatten/Inneres Leuchten)

Abbildung 7 - Fülloptionen Ebene 1 (Schlagschatten/Inneres Leuchten)

Abbildung 8 -  ...fast fertig

Abbildung 8 - ...fast fertig

Abbildung 9 - Variation 1

Abbildung 9 - Variation 1

Abbildung 10 - Variation 2

Abbildung 10 - Variation 2

Buchrezension

Coverimage
AJAX Hacks
Dynamische Webseiten mit AJAX programmieren - dieses Handbuch bietet einen praktischen Einblick.
[mehr]
Gimahhot - Shopping
TP-Partner
Sprachreise London
Webmasterpro
Computerhilfen
Computerhilfen
Eventagentur Hamburg
it-rechtsinfo.de
Designguide
Getreidemühlen
sk-typo3
Kochkurs Berlin
Maandiko.de
d. Webdesigner
PSD Tutorials
Medizin
Handy Forum

Hier könnte Ihre Werbung stehen

 >> INFO << 

\ Startseite | Forum | Impressum | nach oben | Seite zurück /