roterend element in een knop

[Kennet]

Deze (http://users.fulladsl.be/spb4958/The_Mushroom_Tribe/button4.swf) knop komt uit dreamweaver. Ik ben er al in geslaagd een geanimeerde knop te maken, maar ik heb geen idee hoe je een roterend element moet maken: bij deze knop lijkt het dat het groene diamantje rond een as draait, en ik zou graag verstaan hoe het dan moet.
Ik gebruik mx.

Groeten allemaal
Kennet

[snake123]

bij deze knop lijkt het dat het groene diamantje rond een as draait, en ik zou graag verstaan hoe het dan moet.

hmmm ik zou da ook wel willen wete! :P:S

[Stuf]

als ik me niet vergis staat er op www.gotoandlearn.com een goede tutorial daarover..

[snake123]

kan wel ja, ik had laatst ook zo iets op die site gezien met dat roterend.. maar da was swift 3d...?

[WernerL]

In 3dsmax kan het ook. :)
In flash zelf kun je volgens mij niks met 3d doen.
Dus gewoon in swift3d of 3dsmax een 3dobject laten draaien en exporteren naar een gifje en deze importeren in flash.

[peres]

jongens, je kan toch met flash ook een beetje 3d faken? Voor de mensen die geen 3d software hebben (zoals ik) ;)

even een mini-tutorial:


we maken met de rectangle tool een recht vierkant (met de shift-toets ingedrukt, zodat je een mooi rechte vierkant krijgt. Deze roteer je 45 graden met de transform tool. Maak een horizontale lijn door het midden zodat je 2 driehoeken krijgt. Maak de bovenste driekhoek wat lichter dan de onderste.
http://invision2.cjb.cc/blok1.JPG
Ik neem voor deze animatie fps = 24. Je kan ook een andere fps nemen, maar let dan wel op met de timeline, dat je niet dezelfde keyframes gebruikt als ik.
Maak van je net gemaakte vierkant een movieclip. Ik neem aan dat ik niet hoef uit te leggen hoe je dat doet ;)
Maak keyframes op frame 1, 24 en 48 (op de layer waar je vierkant ook staat!)
op frame 1 en 48 maak je je vierkant een beetje 'dunner'. vervolgens voeg je motion-tweens toe tussen de keyframes.
lock even deze layer en selecteer het knopje rechts naast de lock-knop, zo laat flash alleen de outlines zien van het blok. Maak vervolgens een nieuwe layer aan. De nieuwe layer noem ik 'lijn'.
Op de layer 'lijn' teken je op frame 1 2 lijnen die gelijk staan met de linkerlijnen van de vierkant.
http://invision2.cjb.cc/blok2.JPG
Maak op deze layer ook keyframes op 24 en 48
Op frame 24 'sleep' je de hoek van de 2 lijnen precies naar het midden toe.
http://invision2.cjb.cc/blok3.JPG
Op frame 48 'sleep' je de hoek van de 2 lijnen zo dat ze precies gelijk staan met de rechterlijnen van het vierkant.
http://invision2.cjb.cc/blok4.JPG
Nu voeg je even een shape-tween toe tussen de kayframes op de layer 'lijn'
CTRL + ENTER test movie !


Ik zal ook eens even kijken hoe je de vlakken van kleur kan veranderen. Ik zal zo ook even de .fla toevoegen

Succes! ik hoop dat iemand er wat aan heeft!

[edit] hier is de .FLA (http://invision2.cjb.cc/blokje.fla)

[Kennet]

inderdaad al zeer mooi, al is het wel wat lastig om het echt realistisch te krijgen.
is er echt geen andere oplossing dan 3d programma's?