Hackerboard Wiki HaboBlog
Hackerboard bei Facebook Hackerboard bei Google+ Hackerboard bei Twitter

[HaBo]

 
(Web-) Design und webbasierte Sprachen Tipps & Tricks, Designabgleich, HTML & Javascript, Flash, ASP, PHP, Perl/CGI...

[Flash] Tweening ?!

Diskussion: [Flash] Tweening ?! im Forum (Web-) Design und webbasierte Sprachen, in der Kategorie Web, Network & Multimedia Palace; Anzeige hi folks ! folgendes problem: ihr kennt bestimmt den tweening effekt bei flash, in meinem fall flash 5. wenn ...

Antwort
Alt 27.10.04, 14:23   #1 (permalink)
 
Registriert seit: 21.08.03
nebula Leistung: Facit NTK
Likes: 0
Standard [Flash] Tweening ?!

Anzeige

hi folks !

folgendes problem:
ihr kennt bestimmt den tweening effekt bei flash, in meinem fall flash 5.
wenn ich nun eine linie einen bestimmten pfad folgen lasse funktioniert das ja alles wunderbar nur leider ändert sich die lage der linie (bezüglich winkel) nicht
den effekt den ich meine könnt ihr euch auf folgender seite anschauen :
www.2advanced.com
vielleicht weiß ja jemand von euch wie man das hinkriegt, wie bereits erwähnt arbeite ich mit flash 5 !

stay tuned
nebula

nebula ist offline   Mit Zitat antworten
Alt 27.10.04, 14:37   #2 (permalink)
Administrator
 
Benutzerbild von Mackz
 
Registriert seit: 02.10.01
Mackz Leistung: Pentium IMackz Leistung: Pentium I
Likes: 30
Standard RE: [Flash] Tweening ?!

Zitat:
Original von N3BuL@
den effekt den ich meine könnt ihr euch auf folgender seite anschauen :
www.2advanced.com
Welchen der Effekte meinst du denn? (Btw. das meiste der Effekte dort wird durch Masken erziehlt.)

Zitat:
vielleicht weiß ja jemand von euch wie man das hinkriegt
Schau dir mal den Anhang an, ist das das was du willst?
Dazu muss einfach die Rotation deaktiviert werden (evtl. kann sie auch auf "Auto" verbleiben), der Registrierungspunkt an den Anfang der Linie gesetzt werden (durch verschieben der Linie innerhalb des MC) und die Drehung der Linie am ersten und letzten Keyframe passend gewählt werden.

Eine Linie/Pfad welche entsprechend ihres Verlaufes dynamisch "gezeichnet" wird erreicht du besser, indem du den Pfad als Maske verwendest und darunter ein Objekt mit der gewünschten Linien-Farbe tweenst.
Angehängte Dateien
Dateityp: zip pfad.zip (2,5 KB, 33x aufgerufen)
__________________
RL sux big time... auch 2012!

Deleting pr0n is like killing your best friend

[HaBo] bei Facebook - Werde Fan
Mackz ist offline   Mit Zitat antworten
   
HaBOT
 
- Anzeige -

Werbung ist gerade online    
Alt 29.10.04, 19:21   #3 (permalink)
Themenstarter
 
Registriert seit: 21.08.03
nebula Leistung: Facit NTK
Likes: 0
Standard

wunderbar mackz DANKE !!

jetzt noch eine frage:
wie würdest du das machen wenn die linie am ende nicht verschwinden soll ?
also ich meine sie soll sich bis zum ende des pades ziehn.

wenn kein bg verwendet wird könnte ich ein bild darüber legen und dem einen pfad zuweisen aber wenn ich nun einen bg verwende ?
nebula ist offline   Mit Zitat antworten
Alt 29.10.04, 20:40   #4 (permalink)
Administrator
 
Benutzerbild von Mackz
 
Registriert seit: 02.10.01
Mackz Leistung: Pentium IMackz Leistung: Pentium I
Likes: 30
Standard

Zitat:
Original von N3BuL@
wie würdest du das machen wenn die linie am ende nicht verschwinden soll ?
also ich meine sie soll sich bis zum ende des pfades ziehn.
Ich habe gerade Probleme zu verstehen was du meinst.
Indem du die Breite/Länge mit tweenst!?

Zitat:
wenn kein bg verwendet wird könnte ich ein bild darüber legen und dem einen pfad zuweisen aber wenn ich nun einen bg verwende ?
? Was für ein Bild? Wozu? Wo darüber?
Meinst du jetzt bei der Verwendung einer Maske? Da spielt es keine Rolle ob du einen Hintergrund verwendest oder nicht, da nur die entspr. Ebenen maskiert werden, die der Maske zugeordnet sind.

Ich hab da nochmal ein Beispiel erstellt, vielleicht ist es ja das was du wissen willst. Ansonsten beschreib deine Frage bitte nochmal etwas genauer.
Angehängte Dateien
Dateityp: zip pfad-maske.zip (2,8 KB, 29x aufgerufen)
__________________
RL sux big time... auch 2012!

Deleting pr0n is like killing your best friend

[HaBo] bei Facebook - Werde Fan
Mackz ist offline   Mit Zitat antworten
Alt 10.11.04, 11:54   #5 (permalink)
Themenstarter
 
Registriert seit: 21.08.03
nebula Leistung: Facit NTK
Likes: 0
Standard

sorry mackz war in letzter zeit ziemlich beschäftigt und bin gestern erst zum anschaun gekommen
auf jeden fall ists genau das was ich gemeint hab !! danke !
könntest du mir das mit der maske noch mal ungefähr erklären ?! danke !
nebula ist offline   Mit Zitat antworten
Alt 10.11.04, 15:23   #6 (permalink)
Administrator
 
Benutzerbild von Mackz
 
Registriert seit: 02.10.01
Mackz Leistung: Pentium IMackz Leistung: Pentium I
Likes: 30
Standard

Zitat:
könntest du mir das mit der maske noch mal ungefähr erklären ?!
Ja also:
Du erstellst die Maske. Diese Maske ist in diesem Fall deine Kurve. Also erstellst du nun diese beispeilsweise mit Hilfe des Pfadwerkzeuges (Hotkey P). Diese liegt danach nun als normale Linie vor. In Flash5 können aber nur Füllungen als Maske verwendet werden (Es gibt ja 2 Arten von Grundformen, Linien und Füllungen). Also muss die Linie zu einer Füllung konvertiert werden. Dazu wählst du einfach die Kurve mit einem Doppelklick auf sie aus (auf der Stage) und wählst im Menü Modify -> Shape -> Convert Lines to Fills. (Sorry, ich verwende prinzipiell nur die engl. Version aber du wirst den Menüpunkt in der deutschen Version schon finden .)
Nun erstellst du in der Timeline eine neue Ebene und schiebst sie unter die Ebene mit der Kurve. Dann machst du Rechtsklick auf die Ebene mit der Kurve (welche ja die Maske werden soll) und wählst in dem erscheinenden Kontextmenü "Mask".
Wie du siehst ist die neue Ebene nun der Ebene mit der Kurve untergeordnet.
Außerdem ist die Kurve nun plötzlich nichtmehr sichtbar. Das liegt daran, dass beide Ebenen automatisch gesichert worden (zu erkennen an den Schlösser-symbolen) um die Maskierung sichtbar zu machen.
Um den Masken-Zustand etwas zu verdeutlichen: Von der untergeordneten Ebene ist nur der Bereich der Übergeordneten Ebenenmaske sichtbar. (Wie bei einem Blatt Papier mit einem Schnitt in der Mitte, welches auf einem bunten Blatt liegt.)

Nun fehlt natürlich noch der Inhalt der untergeordneten Ebene. Dazu entfernst du den Schreibschutz dieser Ebene, indem du auf das Schloss-Symbol klickst. Wie du siehst wird nun auch wieder die Maske sichtbar. Nun erstellst du in dieser Ebene z.B. ein simples Shape-Tweening wo du einfach die Breite eines farbigen Vierecks skalierst.
Die Maske muss dann natürlich noch um die entspr. Keyframes in der Timeline aufgezogen werden, damit sie die Länge der gesamten Animation abdeckt. (Klick in den letzten Frame und F6 drücken.) Dazu auch einfach den Schreibschutz dieser Ebene entfernen.

Damit nun die fertige Maskierung sichtbar ist, müssen beide Ebenen wieder geschützt werden. Entweder durch Klick auf das entspr. Symbol in der Timeline oder einfach Rechtsklick auf die Maskenebene -> Show Masking.
Wenn du nun Enter drückst siehst du die fertige maskierte Animation.

Dazu existieren übrigens auch recht gut dokumentierte Beispiele in der Hilfe.
__________________
RL sux big time... auch 2012!

Deleting pr0n is like killing your best friend

[HaBo] bei Facebook - Werde Fan
Mackz ist offline   Mit Zitat antworten
Antwort
   
- Anzeige -

Werbung ist gerade online    

[HaBo] » Web, Network & Multimedia Palace » (Web-) Design und webbasierte Sprachen » [Flash] Tweening ?!
Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks sind aus
Pingbacks sind aus
Refbacks sind aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Flash Loops Chakky Fun Section 0 05.03.07 11:39
flash mx JasonV (Web-) Design und webbasierte Sprachen 1 18.05.04 19:33
Flash & Mozilla antcool Linux/UNIX 4 23.12.03 03:40
Flash für Linux? PtB Linux/UNIX 10 14.12.03 20:04
Flash Aufsicht Fun Section 0 04.07.03 17:15


1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61