Fotografický magazín "iZIN IDIF" každý týden ve Vašem e-mailu.
Co nového ve světě fotografie!
Zadejte Vaši e-mailovou adresu:
Kamarád fotí rád?
Přihlas ho k odběru fotomagazínu!
Zadejte e-mailovou adresu kamaráda:
-
5. září 2024
Matrixmedia - Obsluha a tisk na velkoformátových digitálních tiskárnách
-
30. září 2024
-
4. října 2024
-
14. listopadu 2024
Go verze
Flash - jdoucí Elvis.
4. září 2001, 00.00 | Jednoduchá animace chůze za použití Motion Tween.
Dnešním malým tutoriálkem bych chtěl začít takový malý seriál o Flashi, který by se ovšem týkal pouze a jen animací, které jdou v tomto programu vytvořit. Z toho jasně vyplývá, že se v mých článcích budete shledávat s pouze velmi malým množstvím ActionScriptu, který nebude předmětem těchto článků. Vyžití tedy najdou hlavně tací, kteří spatřují v animačních schopnostech Flashe jeho hlavní přednost.
Tak a do práce .... v tomto prvním díle si ukážeme jak vytvořit jednoduchou chodící postavu a to pomocí MotionTweenů, nikoliv tedy frame by frame.
Nastavení pracovní plochy nechám pouze na vás, neboť to není nejdůležitější. Já osobně jsem zvolil 550 x 400 px a pozadí bílé.
V první řadě si vytvoříme v knihovně symbolů 5 nových "grafik". Budou to: hlava, lýtko, ruka, ruka zadní, stehno, sukně a tělo. Plus budeme potřebovat Movie Clip se jménem "final".
Nejdříve nakreslíme lýtko ...
... naše "lejtko" bude včetně chodidla, ovšem nekladou se meze fantazii a je možné vytvořit chodidlo ze dvou samostatných částí, aby byl jasně vidět pohyb tohoto chodidla při chůzi - my ovšem zůstaneme pouze u hromadného zobrazení obou těchto částí.
Dále vytvoříme ruku ...
... taktéž ruka bude v této ukázce kompletní - celá paže " v kupě". Dalším krokem bude vytvoření symbolu "ruka zadní", do kterého můžeme jednoduše okopírovat symbol "ruka" a pouze dodělat dlaň ....
... stehno bude mít velice zvláštní tvar - bude to jakási elipsa, u níž si stejně jako u ruky můžeme dopřát stínování apod.
Symbol "sukně" doporučuji udělat až na konec, protože slouží jako jakási kamufláž, aby nebyly vidět nepravidelné pohyby stehen.
Předposlední - tělo - vytvoříme rovněž dle vlastní fantazie, ale nesmíme zapomenout na "vyboulené" zakončení krku a pasu a to opět z podobného důvodu jako u "sukně", tedy kvůli kamufláži.
No a poslední je hlava - vzhledem k tomu, že já jsem použit "Elvise v sukni", tak hlava v mém provedení vypadá asi takto:
Tak ... všechny symboly jsou hotovy a nezbývá než je dát dohromady. To vše provedem v symbolu "final".
Vytvoříme si celkově 9 vrstev. Do první - nejnižší - si vložíme "ruka zadní", do druhé "stehno", do třetí "lýtko", do čtvrté "tělo", do páté "hlava", do šesté a sedmé vrstvy zkopírujeme vrstvy druhou a třetí, tedy opět "stehno" a "lýtko", do osmé "sukně" a do deváté "ruka".
Nyní dojde k samotné animaci - celková délka motion tweenů bude 26 snímků, takže doporučuji "roztáhnout" ji na tuto úroveň, aby byla pozdější práce snažší. Nejdříve začneme se zadní rukou:
1. určíme si nový střed pro rotaci - Modifikace-transformace-upravit střed - který bude umístěn v místě ramene. Koncový snímek Tweenu bude na 14. políčku, kdy bude tato ruka rotována asi v úhlu 45° dozadu. Na 26. snímek zkopírujeme snímek 1. kvůli pozdější plynulosti.
Dále budeme animovat stehno a to totožným způsobem jako ruku. Velice důležité je nezapomenout nadefinovat střed pro rotaci jak na prvním, tak na koncovém snímku animace, neboť v případě neprovedení tohoto kroku by pozdější rotace nebyla pouze rotací, ale také posunováním, což my nechceme.
Animace lýtka probíhá také stejným způsobem, ovšem musíme dávat na koncovém a počátečním snímku pozor na to, aby vzájemné spojení obou částí -stehno a lýtko - bylo plynulé, resp. co nejplynulejší ...
Stejné kroky provedeme také u přední ruky a druhé nohy, které je umístěna ve vyšší vrstvě. Tělo samotné dodáme tak, aby pas byl v jistém odstupu od stehen a toto místo poté vyplníme "sukní" - resp. kamufláží.
Hlava se postavě může také trochu houpat a výsledné "animační řady" by měly vypadat asi takto:
Symbol "final" bychom tedy měli hotov, ale stále se nám naše postava hýbe pouze na místě. Přepneme se proto do hlavní scény, kde přetáhneme symbol "final" a dáme mu animaci "přesunu" do pravé části obrazovky a to takových cca 110 políček. Náš výsledek bude tedy vypadat asi takto:
Mnoho lidí může podotknout, že se jedná o hodně zjednodušený model, ale výsledek - podle mne - je více než uspokojující v porovnání s výslednou velikostí - cca 9 kB. Je jasné, že pomocí metody frame by frame se dá vytvořit věrohodnější pohyb, ale ..... to až příště.
A abych nezapomněl, tady je zdroják ZDE.
Obsah seriálu (více o seriálu):
- FLASH - vyčkávající Trojský kůň
- FLASH - vyčkávající Trojský kůň - druhý díl
- FLASH - vyčkávající Trojský kůň - třetí díl
- FLASH - ANIMAČNÍ TECHNIKY I.
- SEZNAMTE SE - FLASH 4 - I
- SEZNAMTE SE - FLASH 4 - II
- SEZNAMTE SE - FLASH 4 - III
- SEZNAMTE SE - FLASH 4 - IV
- SEZNAMTE SE - FLASH 4 - V
- SEZNAMTE SE - FLASH 4 - VI
- SEZNAMTE SE - FLASH 4 - VII
- SEZNAMTE SE - FLASH 4 - VIII
- SEZNAMTE SE - FLASH 4 - IX
- FLASH - X - animace bitmapy
- JAK DOSTAT ČEŠTINU DO FLASHE ?
- FLASH XI - 3D hvězda, zvuk na pozadí
- FLASH XII - akce pro tlačítka
- FLASH XIII - jak na preloader a jak ho umístit
- FLASH XIV - intro a menu
- FLASH XV - animace tlačítka
- FLASH XVI - jednoduché menu
- FLASH XVII - akce Tell Target poprvé
- FLASH XVIII - akce Tell Target podruhé
- FLASH XIX - akce Tell Target potřetí
- FLASH XX - konverze MP3 na WAV
- FLASH XXI - vlnění, kruhy na vodě
- FLASH XXI - dokončení
- FLASH 4 - Text Field Properties
- FLASH 4 - Zvláštní výběr křivek a čar
- FLASH 4 - Optimalizace křivek
- Flash 4 a QuickTime video
- FLASH 4 - preloader
- FLASH 4 - Duplikování filmového klipu
- FLASH 4 - pohybování textem pomocí kurzoru
- FLASH 4 - Speciální textové vlastnosti
- Macromedia FLASH 4 - postupné vypisování textu
- FLASH 4 - Spirála
- FLASH 4 - natažení externího .swf
- Macromedia FLASH 5 - načítaní HTML souboru
- FLASH - komunikace mezi dvěma SWF soubory
- FLASH - hrátky s křivkou
- FLASH - menu s posuvníkem
- FLASH - menu s posuvníkem (dokončení)
- FLASH 5 - pseudo 3D menu (dokončení)
- FLASH 5 - menu
- FLASH - Color Effect
- Macromedia FLASH 5 - analogové hodiny
- FLASH 5 - "smart" clip
- Vánoční přání v Macromedia FLASH 5
- FLASH 5 - ohňostroj
- Macromedia FLASH 5 - preloader
- FLASH 4 - animované menu
- Macromedia FLASH 5 - změna kurzoru
- Flash - Efekt založený na nedokonalosti bitmap
- Flash 4 - on-line výpočet ceny - 1. díl
- Flash 4 - on-line výpočet ceny - 2. díl
- Odeslání dat z formuláře ve Flashi 4 - II.
- Macromedia FLASH 5 - odesílání formuláře
- FLASH 4 - postupné odkrývání textu - tzv. maskovací efekt
- FLASH 5 - jednoduchý kaleidoskop nebo projekce?
- Flash 4 - menu pomocí ovládání Movie Clipu
- FLASH 5 - Vypisování textu
- Flash 4 - efektní ukončení *.exe prezentace + práce s více scénami
- Macromedia FLASH 5 - ovládání hlasitosti
- FLAX 1.12 - program na textové efekty v SWF
- FLASH 5 - matematické objekty (1. část)
- Flash4 - animace obličeje
- Flash 4 - Hra na způsob šipek
- Flash 4 + Swift 3D - dokonalá souhra!
- Macromedia FLASH 5 - změna barvy pozadí a textu
- Flash 5 - aktuální datum a čas
- Flash - 2D animace - 3D efekt
- FLASH 5 - prohlížečka obrázků s maskováním
- FLASH A JAVASCRIPT
- FLASH 5 - reversní pohyb
- Jpeg2Swf v1.0 beta - převod jpeg do swf aneb flashwebkamera
- SWISH v2 - Flash bez Flashe
- Jak docílit plynulé animace ve formátu Flash
- Flash - jdoucí Elvis.
- Flash - running man.
- Macromedia Flash - posun pozadí
- Flash - mořská hladina.
- Flash - animace hořící sirky
- Flash - mávání na rozloučenou
- Flash - vzhůru v let
- Flash - animace řeči
- FLASH 5 - Kalkulačka v 1.0
- Flash - BOXující Elvis
- Flash + Flashamp - animace řeči
- Flash - ženský běh
- FLASH 5 - Kalkulačka v 2.0
- FLASH - Programy na analýzu a úpravu SWF souborů
- FLASH 6 - Jaký bude a kdy bude?
- FLASH - Programy na analýzu a úpravu SWF souborů 2
- FLASH MX - novinky pod lupou
- Flash desatero
-
14. května 2014
Jak vkládat snímky do galerií a soutěží? Stručný obrazový průvodce
-
23. dubna 2014
Konica Minolta přenesla výhody velkých zařízení do kompaktních modelů
-
12. června 2012
-
9. dubna 2014
-
29. listopadu 2013
-
6. září 2004
OKI snižuje ceny barevných laserových tiskáren C3100 a C5200n
-
13. května 2004
-
19. ledna 2004
QuarkXPress Passport 6: předvedení nové verze na konferenci Apple Forum 27.1.2004
-
6. února 2001
-
30. listopadu 2014
Nový fotoaparát α7 II: první plnoformát s pětiosou optickou stabilizací obrazu na světě
-
8. září 2024
-
14. října 2024
-
22. října 2024
-
14. listopadu 2024