power-box.de
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 > Fireworks > Fireworks MX/2004 Stoffe darstellen - Chrome

ERROR: Content Element type "de_phpot_webbug_pi1" has no rendering definition!

Stoffe darstellen: Chrome

Stoffe II

Wir wollen wieder was cooles machen. Das Thema heute - Chrome.

1.) Eine neue Datei mit 200x200 Pixel, Leinwandfarbe: leichtes Grau während des Erstellens, Auflösung: 72 Pixel/Zoll.

2.) Mit dem Werkzeug für das abgerundete Rechteck zunächst ein weißes Rechteck von 150x150px aufziehen. Die Eckrundung sollte etwa 60 betragen. tooltipp

3.) Das Rechteck bekommt folgenden Liveeffekt. Innen geschliffen: Schliffkante: Weichzeichnen, Breite: 20, Kontrast: 75%, Weichheit: 10 und Winkel: 90. Den Stil kann man auf Erhaben oder auch Hervorgehoben stellen. tooltipp

4.) Ein weiterer Liveeffekt den wir brauchen sind die Kurven. Diesen benötigen wir zweimal, jedoch mit unterschiedlichen Kurvenanpassungen. tooltipp

Die Anpassung erfolgt jeweils über den RGB Kanal. Die erste Kurve sollte etwa so aussehen. tooltipp

Nun noch einmal den Liveeffekt Kurven hinzufügen und diese Kurve wie folgt anpassen. tooltipp

Schon beim Einstellen der beiden Kurven, sieht man sehr schön wie sich die Spiegelungen auf das Material/Objekt überträgt. Etwa wie folgt sollte das Rechteck jetzt aussehen. tooltipp

Da wir die Kurven zweimal als Liveeffekt hinzugefügt haben, kann bei Bedarf jede Kurve für sich auch im Nachhinein noch angepasst werden. Man kann also ordentlich experimentieren.

5.) Damit das Ganze etwas "Plastischer" aussieht brauchen wir einen weiteren Liveeffekt, den Inneren Schatten. Die Werte sind - Abstand: 3, Opazität: 60%, Weichheit: 15, Winkel: 270 und Farbe: Schwarz. tooltipp

6.) Wer jetzt noch mag kann zusätzlich einen Schlagschatten mit etwa folgenden Werten hinzufügen. tooltipp

 

Autor: Leon

Abbildungen

Abbildung 1 - Abgerundetes Rechteck

Abbildung 1 - Abgerundetes Rechteck

Abbildung 2 - Liveeffekt Innen geschliffen

Abbildung 2 - Liveeffekt Innen geschliffen

Abbildung 3 - Farbe anpassen/ Kurven

Abbildung 3 - Farbe anpassen/ Kurven

Abbildung 4 - erste Kurve einstellen

Abbildung 4 - erste Kurve einstellen

Abbildung 5 - zweite Kurve einstellen

Abbildung 5 - zweite Kurve einstellen

Abbildung 6 - Zwischenergebnis

Abbildung 6 - Zwischenergebnis

Abbildung 7 -Innerer Schatten

Abbildung 7 -Innerer Schatten

Abbildung 8 - Liveeffekt: Schlagschatten

Abbildung 8 - Liveeffekt: Schlagschatten

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 /