SetaPDF
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 > Rohr

Interface Design Rohr

Fireworks hat schon mehr zu bieten als nur Teddyfarbene Rechtecke. Einen Teil (Rohr) des in Fireworks erstellten Interface-Vorschlages am Ende des Tutorials erstellen Sie hier.

1. Zuerst ein neues Dokument Breite 250 Höhe 156 erstellen.

2. Dann mit dem Stiftwerkzeug eine Linie mit Bögen ziehen.

Als Pinselstrich-Farbe im Beispiel: #333333

Pinselstrich: Bleistift, weich tooltipp

3. Jetzt verändern Sie die Pinselstrichstärke zu 20px wie im folgenden Bild. tooltipp

4. Nun kopieren Sie den markierten Pfad mit Strg + C und fügen ihn mit Strg + V an der selben Stelle wieder ein.

5. Dann verändern Sie die Grösse des neu eingefügten Pfades zu 8px und die Farbe in grau: #666666. Diesen Pfad verschieben Sie am besten mit den Pfeiltasten der Tastur um 3 Pixel nach oben (3x Pfeiltaste nach oben drücken). tooltipp

6. Wechseln sie ins Effektbedienfeld und stellen unter Weichzeichnen/Gauß verwischen etwa folgendes ein. Sie können auch etwas mehr oder weniger nehmen, testen Sie das einfach aus. tooltipp

7. Nun zu den Einkerbungen:

Am besten Sie vergrößern dazu etwas die Leinwandansicht, das macht es leichter. Ziehen Sie dann einen 1px Strich Farbe schwarz und einen 1px Strich hell grau (#999999) wie im Bild gezeigt. Beide markieren und anschliessend Gruppieren (Modifizieren/Gruppieren).

8. Kopieren Sie die Gruppierung mit Strg + C und fügen diese mit Strg + V wieder ein. Danach verschieben Sie ein paar Pixel die eingefügte Gruppe. Machen Sie dies entlang der ganzen Grafik in gleichen Abständen. tooltipp

9. Markieren und gruppieren Sie am Schluß alle Einkerbungen und wenden wieder unter Effekte den Gauß-Verwischer an. Die folgende Einstellung ist natürlich nicht verbindlich. tooltipp

Das fertiges Rohr mit Löchern und Rostschimmer. tooltipp

Ein Interface Vorschlag für ein Projekt mit Rohr, Kabeln, Anschlüssen,... tooltipp tooltipp

Download .PNG File

 

Autor: (woerthes)

Abbildungen

Abbildung 1 - Pfad mit Stiftwerkzeug

Abbildung 1 - Pfad mit Stiftwerkzeug

Abbildung 2 - Stärke des Pfades verändern

Abbildung 2 - Stärke des Pfades verändern

Abbildung 3 - Pfad kopieren/einfügen und verschieben

Abbildung 3 - Pfad kopieren/einfügen und verschieben

Abbildung 4 - Gauß-Verwischen

Abbildung 4 - Gauß-Verwischen

Abbildung 5 - Einkärbungen erstellen

Abbildung 5 - Einkärbungen erstellen

Abbildung 6 - Gauß-Verwischen

Abbildung 6 - Gauß-Verwischen

Abbildung 7 - Fertiges Rohr

Abbildung 7 - Fertiges Rohr

Abbildung 8 - Beispiel linke Hälfte

Abbildung 8 - Beispiel linke Hälfte

Abbildung 9 - Beispiel rechte Hälfte

Abbildung 9 - Beispiel rechte Hälfte

Buchrezension

Coverimage
AJAX Hacks
Dynamische Webseiten mit AJAX programmieren - dieses Handbuch bietet einen praktischen Einblick.
[mehr]
Gimahhot - Shopping


Ferienwohnungen
TP-Partner
Sprachreise London
Webmasterpro
Computerhilfen
Computerhilfen
Eventagentur Hamburg
it-rechtsinfo.de
Designguide
Getreidemühlen
sk-typo3
Kochkurs Berlin
d. Webdesigner
PSD Tutorials
Medizin

Hier könnte Ihre Werbung stehen

 >> INFO << 

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