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 II

Fireworks ausreizen Teil II

... 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.

Teil 1 B Das ist nun das bisherige Ergebnis. tooltipp

14. Zunächst bringen Sie etwas Ordnung in ihre PNG. Das ist wichtig, damit Sie später wenn es so richtig ins Detail geht den Überblick behalten. Markieren Sie alles was zur großen Kugel gehört und gruppieren diese. Erzeugen Sie eine neue Ebene, benennen diese entsprechend und verschieben die Kugel dahin. Dasselbe machen Sie mit den kleinen Kugeln und dann mit der Grundform.

Ist das Thema Ebenen fremd dann klicken Sie hier. Besonders Teil 2 des Ebenentutorials ist hierfür wichtig! tooltipp

Vergessen Sie nicht, wenn Sie in den folgenden Schritten etwas machen, dies auch auf der richtigen Ebene zu tun. Beispiel: Es folgen Arbeiten an der Grundform, also markieren Sie die Ebene mit der Grundform und zeichnen dann. Am besten Sie sperren alle restlichen Ebenen, dann kann nichts passieren.

15. Zeichnen Sie jetzt eine Ellipse wie im Bild über die Grundform. tooltipp

16. Markieren Sie Ellipse und Grundform und kopieren diese in die Zwischenablage (Strg+C), noch nicht einfügen! Klicken sie gleich noch Modifizieren/Kombinieren/Öffnen. Fügen Sie das vorher kopierte wieder ein und diesmal Modifizieren/Kombinieren/Zuschneiden. Sie sollten wie im Bild zwei Teile der Grundform haben. Versetzen Sie etwas das linke mit den Pfeiltasten. tooltipp

17. Jetzt markieren Sie die Grundform und die drei kleinen Kugeln. Am besten geht das im Ebenenbedienfeld mit gedrückter Shiftaste. tooltipp

Wichtig! Klonen Sie diese Objekte nun (Bearbeiten/Klonen), nicht kopieren/einfügen! Das ist wichtig, damit die Ebenenstruktur beibehalten wird. Wählen sie dann Modifizieren/Transformieren/Horizontal kippen (gruppieren Sie nicht!), und verschieben diese Teile dann nach rechts wie im Bild. tooltipp

18. Zeichnen Sie auf der Ebene mit der Grundform ein Rechteck mit gedrückter Shiftaste und Modifizieren/Transformieren/Nummerisch transformieren/Drehen 45° wählen. Verschieben Sie es wie im Bild. tooltipp

19. Markieren Sie das Rechteck und beide Teile der Grundform wo die kleinen Kugeln drinsitzen zusammen und wählen Modifizieren/Kombinieren/Vereinigen. tooltipp

20. Nun teilen wir die Grundform in jeweils 3 Teile link und rechts.

Zeichnen Sie wie im Bild zwei Rechtecke auf der Ebene der Grundform. Wichtig nur, Sie sollten die gleiche Breite haben. Markieren Sie nur beide Rechtecke und klicken Modifizieren/Verbinden. Danach markieren Sie die zwei Hälften der Grundform und die Rechtecke zusammen, kopieren alles markierte (nicht einfügen) und klicken Modifizieren/Kombinieren/Öffnen. Jetzt wieder einfügen und Modifizieren/Kombinieren/Zuschneiden. tooltipp

21. Sie haben links und rechts jeweils drei Teile. Das heißt, eigentlich sinds zwei, ist aber vorerst unwichtig. tooltipp

22. Nun erstellen Sie über der Ebene-Grundform eine neue z.B. Grundform Mischmodi. Kopieren Sie das Teil wie im Bild oben (blau markiert) und fügen es in die Ebene Grundform Mischmodi ein (für beide Hälften links/rechts gleichzeitig tun), entfernen den Effekt Innen geschliffen, stellen Sie den Mischmodi auf Multiplizieren und versetzen es ein paar Pixel nach unten. tooltipp

23. Als letztes für Teil 1, der Einlaß der großen Kugel. tooltipp

24. Markieren Sie den großen äußeren Kreis und wichtig, Bearbeiten Klonen (Der blaue wurde nur zur Ansicht ausgeblendet). Dann Modifizieren/Transformieren/Nummerisch transformieren/Skalieren/etwa 90% oder transformieren Sie per Hand. Stellen Sie die Füllung in der Werkzeugleiste auf Schwarz und evtl. etwas weniger Effekt. Versetzen Sie diesen Kreis ein paar Pixel nach oben, bis es wie im oberen Bild aussieht. tooltipp

25. Für ein bisschen mehr 3D geben Sie dem blauen Kreis noch folgenden Effekt.

tooltipp

Das war nun der erste Teil. Teil 2 in Kürze. Vergleichen Sie ob ihr Bild so aussieht wie die Vorschau Teil 1.

Das Arbeiten mit Ebenen ist sehr wichtig bei solchen Vorhaben. Erstens dient es der Übersicht und zweitens ist damit ein schnelles auffinden von Objekten möglich wenn Änderungen anstehen. Sie sollten deshalb auch Ihre Ebenen und Objekte entsprechend benennen.

 

Autor: (ar)

Abbildungen

Abbildung 1 - bisheriges Ergebnis

Abbildung 1 - bisheriges Ergebnis

Abbildung 2 - Ellipse etwa 440x60

Abbildung 2 - Ellipse etwa 440x60

Abbildung 3 - Ellipse über Grundform

Abbildung 3 - Ellipse über Grundform

Abbildung 4 - So solllte es aussehen

Abbildung 4 - So solllte es aussehen

Abbildung 5 - Grundform fast fertig

Abbildung 5 - Grundform fast fertig

Abbildung 6 - rechte Seite geklont

Abbildung 6 - rechte Seite geklont

Abbildung 7 - kleines Rechteck

Abbildung 7 - kleines Rechteck

Abbildung 8 - vereinigte Pfade

Abbildung 8 - vereinigte Pfade

Abbildung 9 - 3 Teile erzeugen

Abbildung 9 - 3 Teile erzeugen

Abbildung 10 - 3 Teile

Abbildung 10 - 3 Teile

Abbildung 11 - Gauß verwischen

Abbildung 11 - Gauß verwischen

Abbildung 12 - Einlaß erzeugen

Abbildung 12 - Einlaß erzeugen

Abbildung 13 - zweiter Kreis

Abbildung 13 - zweiter Kreis

Abbildung 14 - Innerer Schatten

Abbildung 14 - Innerer Schatten

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 /