art-d-sign
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 ausreizen Teil I

Fireworks ausreizen Teil I

... großer Beliebtheit, gerade unter der jüngeren Generation, erfreuen sich grafisch aufwendig gestaltete Hompages. Von Metal bis Cyber wird so ziemlich alles realisiert, wie doch sehr zahlreiche gute Websites beweisen.

Man denkt oft, dazu sind spezielle 3D Programme und Effekte nötig, aber es geht auch mit einfachen Mitteln ansprechende Grafiken zu entwerfen. Einige Grundkenntnisse im Umgang mit FW sollten Sie schon haben, können es aber auch so versuchen.

Zu diesem Workshop ist das Ende noch nicht in Sicht. Jedoch Aufgrund der Nachfrage fangen wir jetzt schon mit Teil 1 an. tooltipp

1. Erstellen Sie ein neues Dokument, nicht zu klein, es wird Platz gebraucht. Leinwandfarbe vorerst weiß.

2. Zeichnen Sie eine Ellipse etwa 440x60, genaue Angaben sind nicht gemacht, lassen Sie Ihr Auge entscheiden. Aufgrund der begrenzten Breite der Tuttable mussten Bilder verkleinert werden, also richten Sie sich nicht genau nach den Vorlagen. tooltipp

3. Wähle Sie den weißen Zeiger aus der Werkzeugleiste, drücken dann die Shiftaste und klicken auf den rechten Punkt, halten die Taste und ziehen diesen nach oben. Heben Sie die Markierung auf in dem Sie in die leere Leinwand klicken und machen dasselbe nochmal mit dem linken Punkt nach unten. Sie können die markierten Punkte auch mit den Pfeiltasten bewegen. tooltipp

4. Jetzt machen Sie es wie im folgenden Bild. Ich habe den Anfasser mit gedrückter Shifttaste gezogen, probieren Sie einfach, Hauptsache es sieht so aus. tooltipp

5. Nun die Stelle für die Ellipse. Zeichnen Sie über die Grundform einen Kreis mit gedrückter Shiftaste und ordnen diesen etwa so an. Eine andere Farbe erleichtert das positionieren. Kopieren Sie dann mit Strg+C den markierten Kreis, aber noch nicht einfügen! Markieren Sie beide Objekte zusammen und klicken Modifizieren/Kombinieren/Öffnen. tooltipp

6. Fügen sie nun den Kreis wieder ein und versetzen ihn etwas mit den Pfeiltasten. tooltipp

7. Stellen Sie sicher das der Kreis markiert ist und klicken Bearbeiten/Klonen. Stellen Sie für den geklonten evtl. eine andere Farbe ein. Dann Modifizieren/Transformieren/Nummerisch transformieren/ im Fenster Skalieren wählen und 80% einstellen, OK. tooltipp

8. Stellen Sie jetzt folgenden Effekt und Füllung für die Kreise ein. tooltipp

9. Duplizieren Sie nun den blauen Kreis, ziehen ihn nach rechts, zeichnen wie im Bild einen weiteren drüber, markieren diese beiden und wählen Modifizieren/Kombinieren Öffnen. Das verbleibende blaue Stück füllen Sie weiß und setzen es wie im Bild. Nehmen sie das Transformationswerkzeug und verkleinern es etwas. tooltipp

10. Für das weiße Stück stellen Sie etwa folgendes ein. tooltipp

11. Zeichnen Sie auf die Grundform nun folgende drei kleine Kreise und ordnen diese entsprechend an. tooltipp

12. Markieren und Kopieren Sie die drei Kreise, noch nicht einfügen! Markieren Sie dann die Grundform und die drei Kreise zusammen und wählen Modifizieren/Verbinden. Fügen Sie die vorher kopierten Kreise nun ein. Machen Sie diese jeweils etwas kleiner. Geben Sie der Grundform schon mal einen Effekt: Innen geschliffen wie für den äußeren Kreis bei Schritt 8. Am schnellsten geht es, wenn Sie diesen Kreis markieren und einmal Strg+C drücken. Markieren Sie dann die Grundform und wählen Bearbeiten/Attribute einfügen, der Effekt vom äußeren Kreis überträgt sich damit auf die Grundform. Das muss jetzt alles noch nicht so schön aussehen! tooltipp

Stellen Sie jetzt ruhig die Leinwandfarbe auf Schwarz.

13. Nun müssen Sie etwas Geduld haben. Die drei kleinen Kreise sollen so aussehen wie die große Kugel. Natürlich brauchen Sie hier nicht jedesmal das weiße Teilchen neu erstellen. Kopieren sie es vom großen und transformieren es entsprechend kleiner. Mit der Füllung alleine kriegen Sie das nich genau so hin, also nicht erst versuchen, schade um die Zeit:) Was angepasst werden muss ist der Gaussche Verwischer und die Füllung. Am besten gehen sie in eine starke Vergrößerung der Leinwand und händeln das dann.

tooltipp

So sollte es zum Schluss aussehen.

tooltipp

Teil 1 ist alleine schon ne Menge, daher gehts hier weiter zum Teil 1 B.

 

Autor: (ar)

 

 

 

Abbildungen

Abbildung 1 - Ausschnitt

Abbildung 1 - Ausschnitt

Abbildung 2 - Ellipse etwa 440x60

Abbildung 2 - Ellipse etwa 440x60

Abbildung 3 - So solllte es aussehen

Abbildung 3 - So solllte es aussehen

Abbildung 4 - Grundform fast fertig

Abbildung 4 - Grundform fast fertig

Abbildung 5 - Kugel

Abbildung 5 - Kugel

Abbildung 6 - Ellipse etwas versetzt

Abbildung 6 - Ellipse etwas versetzt

Abbildung 7 - zwei Kreise

Abbildung 7 - zwei Kreise

Abbildung 8 - äußerer Kreis Innen geschliffen, innerer Kreis Füllung

Abbildung 8 - äußerer Kreis Innen geschliffen, innerer Kreis Füllung

Abbildung 9 - weißes Teilstück

Abbildung 9 - weißes Teilstück

Abbildung 10 - Gauß verwischen

Abbildung 10 - Gauß verwischen

Abbildung 11 - drei Kreise

Abbildung 11 - drei Kreise

Abbildung 12 - drei Kreise kleiner transformiert

Abbildung 12 - drei Kreise kleiner transformiert

Abbildung 13 - Füllung/gauss anpassen

Abbildung 13 - Füllung/gauss anpassen

Abbildung 14 - fertig

Abbildung 14 - fertig

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 /