SEZNAMTE SE - FLASH 4 - VII - Grafika.cz - vše o počítačové grafice

17. února 2000, 00.00 | Pěkný efekt rotace textu kolem osy pomocí animace frame by frame a akcí.

Tentokrát se podíváme na nějaké kouzla s texty a vyzkoušíme první akce. Začímáme jako vždy nastavením velikosti jeviště. V mém případě 450 x 350.

Ctrl + F8 -- Movie Clip -- a pojmenujeme text. Vybereme písmo -- Bremen Bd BT, tučné, velikost 28. Napíšeme Bremen, vždy mezi písmenky mezera. Šipkou text vybereme -- Insert -- Convert to Symbol -- Graphic -- a zapíšeme jméno - Bremen. Zvětšíme si plochu a umístíme spodek písmena N špičkou na středový křížek jeviště. Okolo tohoto bodu budeme rotovat nápis.

Otevřeme si Transform Inspectora, protože ho dnes budeme neustále potřebovat. Windows -- Inspectors -- Transform.
* Pole 2 -- F6 -- a v Transform Inspectorovi v položce Rotate zadáme 20.0 -- Apply. Přitáhneme špičku písmene N na křížek do středu jeviště. (viz obr.)

* Pole 3 -- F6 -- Rotate = 40.0 -- a opět přitáhneme špičku N do středu.
* Pole 4 -- F6 -- Rotate = 60.0 -- a přitáhneme špičku.
* Pole 5 -- F6 -- Rotate = 80.0 -- přitáhnout špičku.
* Pole 6 -- F6 -- Rotate = 100.0 -- přitáhnout špičku.
* Pole 7 -- F6 -- Rotate = 120.0 -- přitáhnout špičku.
* Pole 8 -- F6 -- Rotate = 140.0 -- přitáhnout špičku.
* Pole 9 -- F6 -- Rotate = 160.0 -- přitáhnout špičku.
* Pole 10 -- F6 -- Rotate = 180.0 -- přitáhnout špičku.
* Pole 11 -- F6 -- Rotate = -160.0 -- přitáhnout špičku. ( pozor, vracíme se s rotací zpět, proto mímusové znaménko)
* Pole 12 -- F6 -- Rotate = -140.0 -- přitáhnout.
* Pole 13 -- F6 -- Rotate = -120.0 -- přitáhnout.
* Pole 14 -- F6 -- Rotate = -100.0 -- přitáhnout.
* Pole 15 -- F6 -- Rotate = -80.0 -- přitáhnout.
* Pole 16 -- F6 -- Rotate = -60.0 -- přitáhnout.
* Pole 17 -- F6 -- Rotate = -40.0 -- přitáhnout.
* Pole 18 -- F6 -- Rotate = -20.0 -- přitáhnout.
* Pole 19 -- F6 -- Rotate = 0.0 -- přitáhnout.
* V timeline označíme všechny keyframy -- pravý klik -- Copy Frames -- na poli 20 -- Paste Frames.
* Pole 50 -- F6. Budem potřebovat animaci tweening -- Modify -- Frame -- Tweening -- Motion.
* Pole 60 -- F6. Přesuneme nápis tak, aby se jeho křížek překryl s křížkem označujícím střed jeviště. (viz obr.)

* Pole 70 -- F6.
* Pole 75 -- F6 -- Rotate = 90.0
* Pole 80 -- F6 -- Rotate = 180.0
* Pole 85 -- F6 -- Rotate = -90.0
* Pole 90 -- F6 -- Rotate = 0.0
* Pole 100 -- F6. * Klik na pole 1 -- Copy Frames a na pole 110 -- Paste Frames.

Vrátíme se na Scene1 -- otevřeme knihovnu (Window -- Library) a tažením umístíme animaci text. Dvojklik na animaci (na jevišti) -- Instance Properties -- Definition -- v položce Instance Name -- napíšeme text. (viz obr.) Je to důležité pro další akce.

V první vrstvě -- klik na pole 11 -- F6. Potom přidáme další vrstvu, kterou pojmenujeme akce.
Pole 1 necháme volné, na poli 2 -- F6 -- dvojklikem na keyframe otevřeme -- Frame Properties -- Actions. Znaménkem +, z nabídky vybereme -- Duplicate/Remove Movie Clip. V položce Action zatrhneme -- Duplicate Movie Clip. V položce Target -- napíšeme jméno animace, v našem případě text. Musíme si pojmenovat nový duplikát, proto v položce New Name napíšeme t1 (abych nemusel moc vypisovat :-)). V položce Depth - 1 (jako první). (viz obr.)

Znovu +, z nabídky -- Set Property. V položce Set vybereme Alpha (budeme měnit odstín), Target je jméno animace, takže - text, Value - zde nastavíme hodnotu odtínu Alpha - 90.

Klik na pole 3 -- F6 -- Frame Properties -- Action -- Duplicate/Remove Movie Clip. Target je opět - text, New Name - t2, Depth - 2. Přidáme akci Set Property -- Set je opět Alpha, Target = text, Value = 80.
Pole 4 -- a opět to samé, jen budem zadávat jiné hodnoty. Duplicate Movie Clip -- Target = text, New name = t3, Depth = 3. Set Property -- Set = Alpha, Target = text, Value = 70.
Pole 5 -- New name = t4, Depth = 4. Set Property -- Value = 60. Ostatní položka jsou stejné.
Takto pokračujeme až na pole 10, kde New name = t9, Depth = 9 a Set Property -- Value = 10. Na poli 11 - přidáme pouze akci - Stop. Vaše timeline by měla potom vypadat takto :

Tímto dílem bych ukončil výukovou formu a od příště budou dvakrát týdně vycházet vždy nějaké zajímavé akce a tutoriály. Takže se přijďte podívat.

Starší články:
SEZNAMTE SE FLASH I - seznámení
SEZNAMTE SE FLASH II - tweening
SEZNAMTE SE FLASH III - tweening po dráze
SEZNAMTE SE FLASH IV - animace shape
SEZNAMTE SE FLASH V - používání hintů
SEZNAMTE SE FLASH VI - animace frame by frame