Mikrobutton in Fireworks
Ihr sucht vernünftige Buttons, aber die fertigen im Internet zum Download freigestellten Buttons gefallen euch nicht ?
So macht ihr einfach, gutaussehende Buttons.
[Blockierte Grafik: http://web61.dtac.de/Tuts/Mikrobutton/Grafik_1.jpg]
Grafik 1
In diesem Tutorial wird von einigen Grundkenntnissen ausgegangen. (Fireworks MX 2004)
Als erstes wird eine neue Datei erstellt:
Höhe=30Pixel
Breite=100Pixel
Nun ein Rechteck ziehen, mit den Maßen:
Höhe=20Pixel
Breite=90Pixel
Das Rechteck bekommt nun einen Fülleffekt, der von oben nach unten verläuft.
Farbe oben: #C6C6C6
Farbe unten: #FFFFFF
[Blockierte Grafik: http://web61.dtac.de/Tuts/Mikrobutton/Grafik_2.jpg]
Grafik 2
Nun kommen Live-Effekte:
Innerer Schatten:
[Blockierte Grafik: http://web61.dtac.de/Tuts/Mikrobutton/Grafik_3.jpg]
Grafik 3
Innen Geschliffen:
[Blockierte Grafik: http://web61.dtac.de/Tuts/Mikrobutton/Grafik_4.jpg]
Grafik 4
Glühen:
[Blockierte Grafik: http://web61.dtac.de/Tuts/Mikrobutton/Grafik_5.jpg]
Grafik 5
Zum Abschluss nun einen Klick auf die Leinwand > Leinwand anpassen < Leinwand einpassen.
Nun kann man so wie oben in dem Beispiel verschiedene Farben beim Verlauf und den Live-Effekten benutzen, um ganz einfach schöne Ergebnisse zu erzielen.
Tipp: Um nicht jedes mal diese Prozedur durchführen zu müssen, kann man nun den Button speichern. Dazu makiert man den Button, geht rechts in der Liste auf Elemente, dann Stile, dort unten rechts auf Neuer Stil nun den Stil hinzufügen.
[Blockierte Grafik: http://web61.dtac.de/Tuts/Mikrobutton/Grafik_6.jpg]
Grafik 6
Ich hänge die PNG Datei an, damit ihr fals es mit dem Tutorial nicht so klapt, ihr dort schaun könnt wie es gemacht ist.
ng. and copyright by
werner_der_Luchs
Danke
