Fireworks: Türklinken

von Fries Websolutions

Die Mittel von Fireworks reichen aus, um auch anspruchsvolle Grafiken zu realisieren. Türklinken braucht man nicht so im Web, aber die Technik ist interessant.

1. Zeichnen Sie einen Kreis bei gedrückter Shifttaste - etwa 110 Pixel. Diesem geben Sie die abgebildeten Einstellungen im 'Füllenbedienfeld'. Klicken Sie auf Bearbeiten und tauschen die schwarze Farbe mit einer Graufarbe (nicht zu hell). Einfach auf den kleinen Schieberegler klicken und die Farbe auswählen.

2. Verschieben Sie den Füllgriff des Kreises wie im Bild.

Füllgriff etwa so ziehen

3. Klonen Sie diesen Kreis einmal (Bearbeiten/Klonen). Dann klicken Sie Modifizieren/Transformieren/Nummerisch transformieren und skalieren auf 50%.

geklonten Kreis skalieren

4. Markieren Sie beide Kreise und klicken Sie Modifizieren/Verbinden. Sie haben nun einen offenen Kreis.

verbundene Kreise

5. Jetzt der schwierigste Teil. Es geht darum, die Klinke durch verschieben bzw. ziehen von Pfadpunkten zu formen. Zeichnen Sie eine Ellipse.

6. Passen Sie die Ellipse mit Hilfe der Pfadpunkte an. Pfadpunkte ziehen bzw. verschieben Sie mit dem Teilauswahlwerkzeug (weißer Pfeil in der Werkzeugleiste). Die genaue Rundung ist nicht einfach. Sie können sich dazu wie im Bild (brauner Kreis) einen kleinen Kreis zeichnen und die Form der Ellipse danach anpassen (Bild), dann den kleinen Kreis sowie Klinke markieren und Modifizieren/Kombinieren/Vereinigen, damit haben Sie schon die halbe Miete.

7. Sorgen wir noch für ein wenig 3D in der Blende. Duplizieren Sie den vorhandenen Kreis (Bearbeiten/Duplizieren) und versetzen Sie ihn leicht.

Verschieben Sie die Klinke an die richtige Stelle.

Jetzt kümmern wir uns um dem metallischen Glanz der Klinke.

8. Zeichnen Sie zwei einfache Pfade mit Pinselstrich weiß und entsprechender Stärke (etwa wie im Bild). Nehmen Sie dazu das Stiftwerkzeug oder den Bleistift.

9. Stellen Sie im Effektbedienfeld (nicht Menü Xtras) unter Weichzeichnen/Gauß-Verwischen folgendes für beide Linien ein. Nicht zu viel des Guten, probieren Sie einwenig.

Gauß-Verwischen

10. Um die Sache noch zu verstärken, markieren Sie die obere Linie, klicken Bearbeiten/Klonen und versetzen diese zwei oder drei Pixel mit den Pfeiltasten der Tastatur nach oben. Verfahren Sie genauso mit der unteren. Passen Sie gegebenenfalls den Gauß-Effekt der einzelnen Linien noch etwas an.

11. Schieben Sie die Klinke an die Blende. Hier und da muss eventuell eine Klenigkeit nachgearbeitet werden. Sind Sie zufrieden, markieren Sie alles und konvertieren die Grafik in ein Bitmap (Modifizieren / In Bitmap konvertieren). Im Effektbedienfeld finden Sie unter Farbe anpassen Helligkeit/Kontrast. Stellen Sie den Kontrast ein wenig höher, der Metalleffekt wird dadurch noch etwas verstärkt. In der selben Rubrik (Farbton/Sättigung können Sie auch die Farbe anpassen. Für den Feinschliff sorgt ein Hauch Schlagschatten

 

 
   Anzeigen

Navigation:    Webdesign - Programmierung - Web Grafiken - Software Guides - Tools - Templates - Schriftarten - Seminare - IT News
Partner:   Template OK - PCopen - SITEopen - PCopen Schweiz - HTMLopen Schweiz - VirtualUniversity.ch - WEB-SET.com - YesMMS - Job und Karriere