AS3-Tutorium: Flash: Butterfly: Unterschied zwischen den Versionen

aus GlossarWiki, der Glossar-Datenbank der Fachhochschule Augsburg
← zur vorherigen Versionen-Differenzzur nächsten Versionen-Differenz →
Kowa (Diskussion | Beiträge)
Administrator, Bots, Bürokraten, emailconfirmed, Oberflächenadministratoren, interwiki, oversight, SMW-Administratoren, SMW-Kuratoren, SMW-Editoren, Oversighter, Administratoren
42.989 Bearbeitungen
K hat „Schmetterling (Flash 6-9)“ nach „Schmetterling (Flash)“ verschoben und dabei eine Weiterleitung überschrieben: zurück verschieben
Kowa (Diskussion | Beiträge)
Administrator, Bots, Bürokraten, emailconfirmed, Oberflächenadministratoren, interwiki, oversight, SMW-Administratoren, SMW-Kuratoren, SMW-Editoren, Oversighter, Administratoren
42.989 Bearbeitungen
Keine Bearbeitungszusammenfassung
Zeile 1: Zeile 1:
=Zweck=
=Zweck=


Dieses Dokument beschreibt, wie man in [[Flash 6]], [[Flash 7]], [[Flash 8]] oder [[Flash 9]] ([[Flash CS3]]) ein [[FLA]]-Dokument erstellt, in dem ein Schmetterling auf der Bühne umherflattert.
Dieses Dokument beschreibt, wie man in [[Flash 6]], [[Flash 7]], [[Flash 8]],
[[Flash 9]] ([[Flash CS3]]), [[Flash 10]] ([[Flash CS4]]) oder
[[Flash 11]] ([[Flash CS5]]) ein [[FLA]]-Dokument erstellt, in dem ein Schmetterling auf der Bühne umherflattert.


Dieses einfache Flash-Movie dient dazu, erste Erfahrungen mit der [[Flash-Entwicklungsumgebung]] zu machen.
Dieses einfache Flash-Movie dient dazu, erste Erfahrungen mit der [[Flash-Entwicklungsumgebung]] zu machen.


=1. Schritt: Schmetterlingspfad erzeugen=
=1. Schritt: Flatternden Schmetterling erzeugen=


# Neues Flash-Dokument erzeugen: schmetterling.fla
# Neues Flash-Dokument erzeugen: <code>schmetterling.fla</code>
# Flügel malen (z.B. geeignete Farbe wählen, Freihandwerkzeug, Stiftwerkzeug, Farbeimerwerkzeug)
# Flügel kopieren (Markieren, <code>Strg-c</code>, <code>Strg-v</code>) und spiegeln (<code>Modifizieren -> Transformieren -> Horizontal spiegeln</code>)
# '''Alles selektieren, <code>F8</code> drücken => neuen Movie-Clip erzeugen, Name: <code>Wing</code>''' => Bibliothek enthält eine Symbol namens <code>Wing</code>
# Auf der Bühne: Flügel-Objekt löschen
# In der Bibliothek: Klick auf rechte Maus-Taste -> <code>Neues Symbol</code> -> <code>Name</code>: <code>Butterfly</code>
# In der Bibliothek: Doppel-Klick auf Icon vor dem Namen <code>Butterfly</code> => Auf der Bühne wird <code>Butterfly</code> geöffnet
# Ebenen anlegen:
# Ebenen anlegen:
#* <code>Scripts</code>
#* <code>Scripts</code>
#* <code>Labels</code>
#* <code>Labels</code>
#* <code>Butterfly</code>
#* <code>Wing</code>
# Ebene <code>Butterfly</code> aktivieren
#* <code>Body</code>
# Flügel malen (z.B. geeignete Farbe wählen, Freihandwerkzeug, Stiftwerkzeug, Farbeimerwerkzeug)
# Ebene <code>Wing</code> aktivieren
# Flügel kopieren (Markieren, <code>Strg-c</code>, <code>Strg-v</code>) und spiegeln (<code>Modifizieren -> Transformieren -> Horizontal spiegeln</code>)
# Symbol <code>Wing</code> auf die Bühne ziehen, dabei sollte das Kreuz auf der Bühne in der Rumpfmitte zum liegen kommen.
# '''Alles selektieren, <code>F8</code> drücken => neuen Movie-Clip erzeugen, Name: <code>ButterflyMovie</code>'''
# Ebene <code>Wing</code> aktivieren
# In der Zeitleiste der Ebene <code>Butterfly</code>: Schlüsselbild weiter hinten einfügen (rechter Mausklick => <code>Schlüsselbild einfügen</code>)
# Körper zeichnen (dabei können die Flügel gegebenenfalls temporär ausgeblendet werden)
# In der Zeitleiste der Ebene <code>Butterfly</code>: Tween einfügen (rechter Mausklick auf Schmetterling => je nach Flash-Version: <code>Klassisches Tween einfügen</code> bzw. <code>Tween einfügen</code> bzw. <code>Bewegungs-Tween erstellen</code>)
# In der Zeitleiste der Ebene <code>Body</code>: '''<code>Bild</code>''' bei Frame 20 einfügen (rechter Mausklick => <code>Bild einfügen</code>)
# Rechtsklick auf das Ebenensysmbol <code>Butterfly</code> => je nach Flash-Version: <code>Klassischen Pfad hinzufügen</code> bzw. <code>Pfad einfügen</code> bzw. <code>Pfad hinzufügen</code>
 
'''Flügel schlagen mit „modernen“ Tweens (an Flash CS4)'''
# In der Zeitleiste der Ebene <code>Wing</code>: '''<code>Bild</code>''' bei Frame 20 einfügen (rechter Mausklick => <code>Bild einfügen</code>)
# In der Zeitleiste der Ebene <code>Wing</code>: rechter Mausklick auf Balken in der Zeitleiste -> <code>Bewegungs-Tween erstellen</code>
# In der Zeitleiste der Ebene <code>Wing</code>: rechter Mausklick auf Frame 20 -> <code>Schlüsselbild einfügen</code>
# In der Zeitleiste der Ebene <code>Wing</code>: rechter Mausklick auf Frame 10 -> <code>Schlüsselbild einfügen</code>
# Klick auf das Icon <code>Frei transformieren (Q)</code> (drittes Icon von oben in der Werkzeugleiste)
# Bounding Box des Flügels mit Hilfe des Anfassers in der Mitte der linken oder rechten Seite schmal ziehen (Achtung: Der Absspielkopf muss auf Frame 10 stehen)
 
'''Flügel schlagen mit klassischen Tweens'''
# In der Zeitleiste der Ebene <code>Wing</code>: '''<code>Schlüsselbild</code>''' bei Frame 20 einfügen (rechter Mausklick => <code>Schlüsselbild einfügen</code>)
# In der Zeitleiste der Ebene <code>Wing</code>: Tween einfügen (rechter Mausklick auf einen Frame '''vor'''' Frame 20 => je nach Flash-Version: <code>Klassisches Tween erstellen</code> bzw. <code>Tween einfügen</code>)
# In der Zeitleiste der Ebene <code>Wing</code>: '''<code>Schlüsselbild</code>''' bei Frame 10 einfügen  (rechter Mausklick => <code>Schlüsselbild einfügen</code>)
# Klick auf das Icon <code>Frei transformieren (Q)</code> (drittes Icon von oben in der Werkzeugleiste)
# Bounding Box des Flügels mit Hilfe des Anfassers in der Mitte der linken oder rechten Seite schmal ziehen (Achtung: Der Absspielkopf muss auf Frame 10 stehen)
 
=2. Schritt: Schmetterling testen=
 
# Auf <code>Szene 1</code> in der linken oberen Ecke der Bühne klicken
# Symbol <code>Butterfly</code> auf die Bühne ziehen
# Film mit <code>Strg-Return</code> (<code>Ctrl-Return</code>) starten
 
=3. Schritt: Schmetterling auf Pfad fliegen lassen=
 
# Rechtsklick auf das Ebenensysmbol <code>Wing</code> => je nach Flash-Version: <code>Klassischen Pfad hinzufügen</code> bzw. <code>Pfad einfügen</code> bzw. <code>Pfad hinzufügen</code>
# Pfad-Ebene selektieren, Freihandwerkzeug mit Option <code>smooth</code>/<code>Glätten</code> bzw. Stiftwerkzeug => Pfad zeichnen (ohne Kreuzung)
# Pfad-Ebene selektieren, Freihandwerkzeug mit Option <code>smooth</code>/<code>Glätten</code> bzw. Stiftwerkzeug => Pfad zeichnen (ohne Kreuzung)
# 1. Schmetterlingsbild: Schmetterling (Mittelpunkt) auf Pfad-Anfang legen, in Flugrichtung drehen und Größe anpassen
# 1. Schmetterlingsbild: Schmetterling (Mittelpunkt) auf Pfad-Anfang legen, in Flugrichtung drehen und Größe anpassen
Zeile 31: Zeile 63:
# Schmetterling an allen Schlüsselbildern geeignet transformieren (Größe, Rotation, Alphakanal ...)
# Schmetterling an allen Schlüsselbildern geeignet transformieren (Größe, Rotation, Alphakanal ...)


=2. Schritt: Schmetterling flattern lassen=
 
 


Schmetterlingsmovie durch Doppelklick auf <code>ButterflyMovie</code> öffnen.
Schmetterlingsmovie durch Doppelklick auf <code>ButterflyMovie</code> öffnen.

Version vom 1. Oktober 2010, 15:25 Uhr

Zweck

Dieses Dokument beschreibt, wie man in Flash 6, Flash 7, Flash 8, Flash 9 (Flash CS3), Flash 10 (Flash CS4) oder Flash 11 (Flash CS5) ein FLA-Dokument erstellt, in dem ein Schmetterling auf der Bühne umherflattert.

Dieses einfache Flash-Movie dient dazu, erste Erfahrungen mit der Flash-Entwicklungsumgebung zu machen.

1. Schritt: Flatternden Schmetterling erzeugen

  1. Neues Flash-Dokument erzeugen: schmetterling.fla
  2. Flügel malen (z.B. geeignete Farbe wählen, Freihandwerkzeug, Stiftwerkzeug, Farbeimerwerkzeug)
  3. Flügel kopieren (Markieren, Strg-c, Strg-v) und spiegeln (Modifizieren -> Transformieren -> Horizontal spiegeln)
  4. Alles selektieren, F8 drücken => neuen Movie-Clip erzeugen, Name: Wing => Bibliothek enthält eine Symbol namens Wing
  5. Auf der Bühne: Flügel-Objekt löschen
  6. In der Bibliothek: Klick auf rechte Maus-Taste -> Neues Symbol -> Name: Butterfly
  7. In der Bibliothek: Doppel-Klick auf Icon vor dem Namen Butterfly => Auf der Bühne wird Butterfly geöffnet
  8. Ebenen anlegen:
    • Scripts
    • Labels
    • Wing
    • Body
  9. Ebene Wing aktivieren
  10. Symbol Wing auf die Bühne ziehen, dabei sollte das Kreuz auf der Bühne in der Rumpfmitte zum liegen kommen.
  11. Ebene Wing aktivieren
  12. Körper zeichnen (dabei können die Flügel gegebenenfalls temporär ausgeblendet werden)
  13. In der Zeitleiste der Ebene Body: Bild bei Frame 20 einfügen (rechter Mausklick => Bild einfügen)

Flügel schlagen mit „modernen“ Tweens (an Flash CS4)

  1. In der Zeitleiste der Ebene Wing: Bild bei Frame 20 einfügen (rechter Mausklick => Bild einfügen)
  2. In der Zeitleiste der Ebene Wing: rechter Mausklick auf Balken in der Zeitleiste -> Bewegungs-Tween erstellen
  3. In der Zeitleiste der Ebene Wing: rechter Mausklick auf Frame 20 -> Schlüsselbild einfügen
  4. In der Zeitleiste der Ebene Wing: rechter Mausklick auf Frame 10 -> Schlüsselbild einfügen
  5. Klick auf das Icon Frei transformieren (Q) (drittes Icon von oben in der Werkzeugleiste)
  6. Bounding Box des Flügels mit Hilfe des Anfassers in der Mitte der linken oder rechten Seite schmal ziehen (Achtung: Der Absspielkopf muss auf Frame 10 stehen)

Flügel schlagen mit klassischen Tweens

  1. In der Zeitleiste der Ebene Wing: Schlüsselbild bei Frame 20 einfügen (rechter Mausklick => Schlüsselbild einfügen)
  2. In der Zeitleiste der Ebene Wing: Tween einfügen (rechter Mausklick auf einen Frame vor' Frame 20 => je nach Flash-Version: Klassisches Tween erstellen bzw. Tween einfügen)
  3. In der Zeitleiste der Ebene Wing: Schlüsselbild bei Frame 10 einfügen (rechter Mausklick => Schlüsselbild einfügen)
  4. Klick auf das Icon Frei transformieren (Q) (drittes Icon von oben in der Werkzeugleiste)
  5. Bounding Box des Flügels mit Hilfe des Anfassers in der Mitte der linken oder rechten Seite schmal ziehen (Achtung: Der Absspielkopf muss auf Frame 10 stehen)

2. Schritt: Schmetterling testen

  1. Auf Szene 1 in der linken oberen Ecke der Bühne klicken
  2. Symbol Butterfly auf die Bühne ziehen
  3. Film mit Strg-Return (Ctrl-Return) starten

3. Schritt: Schmetterling auf Pfad fliegen lassen

  1. Rechtsklick auf das Ebenensysmbol Wing => je nach Flash-Version: Klassischen Pfad hinzufügen bzw. Pfad einfügen bzw. Pfad hinzufügen
  2. Pfad-Ebene selektieren, Freihandwerkzeug mit Option smooth/Glätten bzw. Stiftwerkzeug => Pfad zeichnen (ohne Kreuzung)
  3. 1. Schmetterlingsbild: Schmetterling (Mittelpunkt) auf Pfad-Anfang legen, in Flugrichtung drehen und Größe anpassen
    1. Ebene Butterfly aktivieren
    2. erstes Schmetterlingsild (Frame) selektieren
    3. Selektionswerkzeug aktivieren
    4. Option An Objekten ausrichten bzw. An Pfad ausrichten aktivieren
    5. Flash 8: Shift drücken => Mittelpunkt rastet besser in Linie ein
    6. recher Mausklick => Frei transformieren: Schmetterling in Flugrichtung ausrichten
  4. letztes Schmetterlingsbild: analog
  5. in der Zeitleiste der Eben Butterfly: evtl. weitere Schlüsselbilder einfügen
  6. Schmetterling an allen Schlüsselbildern geeignet transformieren (Größe, Rotation, Alphakanal ...)



Schmetterlingsmovie durch Doppelklick auf ButterflyMovie öffnen.

Entweder Einzelbilder hintereinanderfügen oder Schmetterlingsflügel mit Hilfe eines Tweens verzerren (ohne den Schmetterlings-Mittelpunkt vom Platz zu bewegen

=> frei transformieren; Alt-Taste drücken

Quellen


Dieser Artikel ist GlossarWiki-konform.
Abgerufen von „https://glossar.hs-augsburg.de/w/index.php?title=AS3-Tutorium:_Flash:_Butterfly&oldid=14479“