Brushed Metal
Wir alle kennen diesen "Brushed Metal"-Stil, und der ein oder andere könnte ihn auf seiner Website - im Header etwa - auch gebrauchen. Doch wie genau bekommt man ihn hin?
- Autor:
- fiu
- Arbeitsmaterial:
- download
- Schwierigkeit:
1Vorbereitung
Das wird nun im Folgenden erklärt. Mit nur wenigen FW-Basics sollte es für jeden möglich sein, seinen eigenen "Brushed Metal"-Stil zu erzeugen.
Wir beginnen mit einer neuen Datei. In diesem Tutorial verwende ich dafür eine Größe von 300 x 200. Das kann jedoch von Fall zu Fall variieren. Wichtig ist nur, sich die Breite zu merken - dazu gleich mehr!
2Erstellen einer neuen Form - ein Rechteck
Wir erstellen also ein Rechteck mit einer Höhe von 200 px, aber einer Breite von 350px! (Wir erinnern uns daran, dass die Leinwand nur eine Breite von 300 hat!)
Dieses Rechteck richten wir mit X (0) und Y (0) aus.
3Kolorieren des Rechtecks
Um einen originalgetreuen Stil zu erreichen, empfiehlt sich ein mittlerer Grauton. Doch ist auch jede andere Farbe(nkombination) möglich!
4Erstellen des Effektes
Wir wechseln (bei markiertem Rechteck) auf Filter (das "+") und wählen "Mosaik". Hier empfehle ich den Wert 50.
Bei einem höheren Wert erhalten wir einen "stärker gebürsteten" Effekt (starke Kontraste etc. ...), bei einem niedrigeren dagegen einen "sanfteren".
Für den Fall, dass das Feld noch mit Text versehen wird, und davon gehe ich aus, empfiehlt sich der Wert 50.
Hier würde ich allerdings den Haken bei "Farbe" vermeiden. Es sieht ... nicht schön aus :D ... aber jeder, wie er meint ...
- mit OK bestätigen.
Wir gehen erneut auf 'Filter', wählen aber diesmal unter "Weichzeichnen" den Filter "Bewegungs-Weichzeichnen". Hier sollte der Winkel auf 0 Grad gestellt werden. Auf diese Weise erhält man eine "waagerecht" (originalgetreu) gebürsteten Wirkung.
Als Abstand habe ich den Wert 50 gewählt. Ein niedriger Wert führt zu einem unqualitativeren Ergebnis. Ein (zu)hoher Wert lässt zwar die "Kratzer" länger werden. Allerdings kommt von rechts ein unpassender, weißer Schleier. (Daher ist auch das Rechteck um 50px breiter als die Leiwand). Also empfiehlt sich auch hier der Wert 50. - mit OK bestätigen.
5Zwischenergebnis
Man könnte eigentlich schon jetzt der eigenen Kreativität freien Lauf lassen. Für diejenigen allerdings, die nicht kreativ veranlagt sind, geht es noch weiter ...
6Die Liebe zum Detail
Wir erstellen ein Rechteck, das exakt Leinwandgröße (300 x 200 px) besitzt.
Dieses füllen wir mit einem linearen Verlauf. Diesen könnte man so einstellen:
Ich habe links und rechts Schwarz mit einer einer Transparenz von 50% gewählt. In der Mitte dann zwei weiße Farbakzente. Das Ganze dann etwas schräg gesetzt.
Aber hier kommt es echt auf Kreativität an ... und auf den eigenen Geschmack.
7Wie könnte ich diesen Stil jetzt verwenden?
Ich empfehle, ein Bild von der Größe 128 x 128 px zu erstellen und es im Fireworks-Ordner unter z.B. "C:/Programme/Macromedia/Fireworks 8/Configuration/Textures" zu speichern. Dann kann man es jederzeit als Textur verwenden.
Allerdings darf man dann diesen Verlauf NICHT für den vorherigen Punkt verwenden, da es sich dann nicht mehr kacheln lässt.
Hiermit sind wir am Ende des "Brushed Metal"-Tutorials angekommen. Ich hoffe, es hat alles funktioniert und wünsche viel Spaß beim Experimentieren.
- Abbildung 1
- Abbildung 2
- Abbildung 3
- Abbildung 4
- Abbildung 5 - Zwischenergebnis
- Abbildung 6
- Abbildung 7
- Abbildung 8
- Abbildung 9 - Endergebnis
Um zu kommentieren musst Du eingeloggt sein.