3. Zeichnen, Malen und Grafiken in Flash
3.7. Beispiel "Alpha Farbverlauf mit Glanzeffekt"
Bei diesem Punkt wollen wir einen einfachen Button ein wenig mit einem Farbverlauf und einen Glanzeffekt aufwerten. Dazu erstellen wir einen neuen Flashfilm mit den Abmessungen 200 x 200 Pixel, dazu bei aktivierter Bühne unter dem Reiter Eigenschaften (1) auf den Button mit den jetzigen Mäßen unter Größe (2) klicken und dann in dem sich daraufhin öffnenden Fenster bei dem entsprechenden Feld die Werte eingeben (3).
Nun zeichnen wir im ersten Frame der ersten Ebene (4) mit dem Rechteckwerkzeug (5) ein Rechteck (6) mit abgerundeten Ecken Wert 5 (7), Farbe der Füllung und der Linien ist dabei frei wählbar (8).
Denn die Umrandung wird sowieso gelöscht, da diese nur störend ist. Dazu einfach einen Doppelklick auf diese, jetzt müsste sie komplett markiert sein und Taste Entf drücken. Die jetzt noch übrig gebliebene Füllung wird ebenfalls markiert (9) und in dem daraufhin erscheinenden Eigenschaftenfenster geben wir die Werte 150 für die Breite (10) und 20 für die Höhe (11) der Maße ein. Wenn sich das Rechteck daraufhin verschiebt es einfach erneut markieren und wieder in dir richtige Position bringen.
Nun kommen wir zum eigentlichen Farbverlauf. Dazu erneut das Rechteck markieren und das Farbmischfenster (12) aktivieren, wenn diese noch nicht auf dem Arbeitsplatz vorhanden ist die Tastenkombination Umschalt + F9 drücken oder Menü -> Fenster -> Farbe verwenden.
Hier geben wir als Typ Linear (13) und bei Überlauf den ersten verfügbaren Verlauf (14) an.
Nun ändern wir die Farben des Buttons in dem wir auf den jeweiligen Pfeil (15 und 16) einen Doppelklick machen und im darauf angezeigten Farbfeld eine für uns gut passende Farbe auswählen, dabei ist darauf zu achten, dass sich die Farben zwar von der Grundfarbe her ähneln, aber von der Helligkeit abweichen. Ich habe mich hier für ein schönes Blau entschieden (17).
Nun wollen wir uns dem Glanz-Effekt widmen, dazu eine neue Ebene einfügen, die über der aktuellen liegt (18). In diese zeichnen wir in den ersten Frame ein neues Rechteck, allerdings dieses Mal ohne abgerundete Ecken und mit dem Maßen Breite 140 und Höhe 10 Pixel (19), den Rand können wir erneut wie oben bereits beschrieben löschen und ordnen dieses über den vorher bearbeiteten Button, ungefähr so wie im Bild (20), an.
Jetzt kommt der Feinschliff, der Farbverlauf für den Glanz-Effekt. Dazu markieren wir das neue Rechteck und gehen erneut in den Farbmischer, wählen den Farbverlauf Linear (21) und fügen an beiden Enden, also auf beiden Pfeilen die Farbe weiß hinzu (22).
Es kann passieren, das ihr aus Versehen durch Klicken auf die Verlaufsleiste neue Verlaufspunkte hinzufügt. Ihr könnt sie entfernen, indem ihr sie mit der Maus anklickt, und mit gedrückter Maustaste einfach nach unten zieht.
Beim linken Verlaufspunkt kommt eine Besonderheit hinzu, der Alpha Wert wird hier eingeschaltet, dazu markiert ihr den Punkt und setzt die Alphaanzeige auf 0% (23). Das Ergebnis (24) ist allerdings noch nicht ganz fertig.
Dieser Effekt muss jetzt noch gedreht werden. Dazu einfach das Transformationswerkzeug (25) auswählen und das Rechteck mit dem Glanz-Effekt drehen und vergrößern / verkleinern (26), so dass das Alphawert 0% Feld unten ist (27).
Diese Grafik kann als Button verwendet werden, auch können nach der Umwandlung in eine Schaltfläche Effekte wie Schlagschatten etc. hinzugefügt werden, um diesen noch weiter hervorzuheben.
3.8. Aufgabe
Zeichnen Sie eine beliebige Grafik in Flash, verwenden Sie dazu sowohl die Formen und Linienwerkzeuge von Flash, wie auch verschiedene Grafiken die Sie einbinden. Benutzen Sie dazu verschiedene Optimierungsfunktionen, Linienarten, Formen, Farben und Grafikformate mit transparentem und nicht transparentem Hintergrund.