      Martin Hozík
      hozikm@seznam.cz
      ICQ: 323756613

Snímky, pohyb objektů

Doposud jsme se bavili jen o vytváření a úpravě statické grafiky, v této kapitolce vás naučím tuto grafiku rozhýbat. Na začátek ještě jedno upozornění - některé funkce (např. maska) jsou vidět až po exportu animace do formátu SWF. Není to však bezpodmínečně nutné. Na to, jak bude animace vypadat se můžete podívat příkazem "Test Movie" v menu "Control" (Ctrl + Enter)

Časová osa a snímky

Jak jsem již dříve uvedl, pohyb je jen iluze navozená rychle se přepínající skupinou statických snímků. Snímky jsou tedy ve Flashi rozmístěné do časové osy, která se přehrává určitou rychlostí (Frame Rate).

Základním stavebním kamenem je klíčový snímek (keyframe). Tento snímek může být buď prázdný (není v něm nic nakresleno) nebo plný (obsahuje nějakou grafiku)

Rozdíl mezi klíčovým snímkem a prázdným klíčovým snímkem

Myslím, že z tohoto obrázku je více než patrné, jak vypadá prázdný a plný klíčový snímek. Klíčový snímek může být široký jen jako jeden snímek (1. a 3. vrstva shora), nebo může být roztažen do libovolné vzdálenosti na časové ose (2. a 4. vrstva shora na obrázku). Grafika ve 3. vrstvě shora tedy bude vidět jen 1/12 sekundy, zatímco grafiku ve 4. vrstvě uvidíme 10/12 sekundy

Přidávání a mazání snímků

F5 - přidat normální snímek (zvětšit klíčový snímek)
F6 - přidat klíčový snímek (obsahuje stejnou grafiku jako předchozí kl. snímek)
F7 - přidat prázdný kl. snímek
Smazat snímky můžete jejich vybráním, kliknutím pravým tlačítkem a zvolením Remove Frames
Vybráním jednoho nebo více snímků a jejich přetažení na novou pozici je můžete přesunout na libovolné místo v časové ose (i do jiné vrstvy)
Pozor - výběrem snímku a stiskem DEL smažete jen obsah snímku (platí jen ve verzi MX).

Motion a Shape Tween

Takže nyní, jak vytvořit samotný pohyb. Asi vás teď napadlo, že je možné vytvořit animaci pomocí skupiny klíčových snímků (podobně jako animovaný GIF). Ano, je to možné, ale nedá se říct, že by to bylo nějak praktické.

Ve Flashi existují 2 způsoby, jak automaticky vykreslit změnu mezi dvěma klíčovými snímky:

Motion Tween (Pohybové vykreslení)

Ukázka pohybového vykreslení

Vytvoříme ho tak, že umístíme za sebe 2 klíčové snímky. První klíčový snímek uděláme delší. Čím je první kl. snímek delší, tím pomalejší a plynulejší (více snímků) bude pohyb

!! Pozor, je nutné, aby první i druhý klíčový snímek obsahoval instance stejných symbolů!!

Pokud tedy dám do prvního kl. snímku instance symbolů A a B, musím dát do druhého zase A a B

Instance symbolů ve druhém kl. snímku poté můžete upravovat (poloha, velikost, odstín, rotace, průhlednost, zkosení, ... viz zde)

Poté klikněte pravým tlačítkem na první snímek a zvolte Create Motion Tween.

Jiná možnost, jak to provést je vybrat první snímek a na panelu Properties se objeví roletové menu Tween. Zde změňte položku None na Motion

Pozn.: Pohyb lze vytvořit i tak, že do časové osy vložíte jen jeden kl. snímek, který roztáhnete na potřebnou velikost a do něj nakreslíte grafiku (nemusí to být instance)

Poté kliknete pravým tlačítkem na první snímek a vyberete Create Motion Tween. Nakreslená grafika se automaticky převede na symbol. Následně kliknete na poslední snímek klíčového snímku a upravte grafiku podle vašich představ (rotace, sklon, velikost ...) a je hotovo.

Na panelu Properties je možné nastavit ještě některé detaily pohybu:

Vlastnosti vykreslení

Ease
Zde můžete ovlivnit průběh rychlosti pohybu - zpomalování nebo zrychlování
Rotate
Pokud necháte na "Auto", bude se objekt otáčet podle koncového snímku. Můžete však přidat rotaci (o 360°) a to po směru, nebo proti směru hodinových ručiček (CW a CCW). Do kolonky vpravo poté zadejte kolikrát se má objekt otočit.
Scale
Zaškrtnutím povolíte postupnou změnu velikosti.
Orient to Path
Orientovat pohyb na trasu - viz "Pohyb po křivce"
Sync
Příkaz Synchronizovat použijte pokud počet snímků v animované sekvenci uvnitř Movie Clipu není sudým násobkem počtu snímků v celkové pohybové sekvenci.
Snap
Přichytit k trase pohybu - viz "Pohyb po křivce"

Shape Tween (Tvarové vykreslení)

Ukázka tvarového vykreslení

Zatímco u Motion Tweenu jsme mohli pohybovat pouze instancemi stejných symbolů, u Shape Tweenu je to právě naopak. Abychom mohli vytvořit tento pohyb, MUSÍ počáteční i koncový snímek obsahovat pouze čistou grafiku.

Vytvoření tohoto pohybu je podobné jako v předchozím případě.

Nejprve vytvoříme 2 klíčové snímky (nesmí obsahovat instance) a první roztáhneme na požadovanou velikost

poté vybereme první snímek a na panelu Properties zvolíme v roletovém menu Tween položku Shape

Na panelu Properties je možné nastavit:

Vlastnosti vykreslení

Ease
- viz dříve
Blend
Způsob překreslování v přechodových snímcích:
- Distributive - hladší a zaoblené tvary
- Angular - jasné rohy, rovné čáry

Používání stop tvarů

Jistě jste se setkali s problémem, že při překreslování objektu probíhá přeskupování křivek nevhodným způsobem. Při použití Shape Tweenu je možné určit body, které by měly sobě odpovídat v počátečních a koncových tvarech.

Stopy tvarů

Klikněte na první snímek sekvence a v menu Modify vyberte Shape - Add Shape Hint

Objeví se vám červené kolečko s písmenem (a-z), posuňte ho na danou křivku (musí zežloutnout).

Poté vyberte poslední snímek pohybu a posuňte všechny body do svých pozic (musí zezelenat).

Bod odstraníte jeho uchopením a přetažením mimo pracovní plochu.

Editace a zobrazení více snímků najednou

Za normálního stavu jde ve Flashi editovat jen jeden snímek. Pokud však chcete například posunout, nebo otočit celou pohybovou sekvenci narazíte na zdánlivě neřešitelný problém. Je sice možné vybrat na časové ose více snímků, ale vy potřebujete vybrat objekty nikoliv snímky.

Pro tyto účely je ve Flashi tzv. Onion Skin (průsvitný papír)

Ovládá se těmito tlačítky:

Zapnutí průsvitného režimu (Start Onion Skin)
Po zmáčknutí se na časové ose objeví rozsah zobrazovaných snímků

Teď můžete editovat všechny objekty ve vyznačených snímcích
Zobrazení vykreslovaných (tween) snímků (Onion Skin)
Pokud je zapnut Onion Skin, jsou zobrazeny jen klíčové snímky. Zapnutím této volby zobrazíte i vykreslované (tween) snímky.
Tyto snímky budou zobrazeny průsvitně
Zobrazení vykreslovaných (tween) snímků jen čarami (Onion skin Outlines)
Stejné, jako předchozí, jen s tím rozdílem, že jsou zobrazeny jen obrysy tween snímků
Změna rozsahu zobr. snímků (Modify Onion Markers)
Zde je možné nastavit stálé zobrazování rozsahu snímků, velikost rozsahu, atd...