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
Webdesign
Flash - vzhůru v let
5. října 2001, 00.00 | Animace letu ptáka, tedy pohybu jeho křídel - kombinace Frame by frame a Motion Tween. A výsledek - pouhé 3 kB!!!!!
A opět se zde setkáváme v našem malém seriálku o animaci v programu Macromedia Flash.
V dnešním tutoriálku si ukážeme, jak by asi měla vypadat animace ptáka, resp. jeho letu.
Vytvořit takovou animaci letu, aby byl pohyb křídel a trupu hodnověrný, není nic jednoduchého. Je velmi, velmi těžké pokusit se odpozorovat tento pohyb ze skutečného letu, neboť ať je lidské oko stavěné jakkoliv dobře, tak není schopno pořádně zachytit takové "zběsilé mávání". Jen tak pro ukázku si zkuste odpozorovat ze skutečné chůze psa, kolik noh a kterou má na zemi, než udělá jeden krok. Přeji vám při tom mnoho zábavy a předem si raději uvařte bylinky na uklidnění očí, neboť ty vás budou posléze velmi bolet.
No nic. Chůzi psa si probereme někdy příště, ale teď vzhůru ... vzhůru.
Nejdříve si ukážeme náš výsledek:
Velikost a barvu pozadí nechám opět na vás. Já, abych se zde vešel, tak jsem zvolil cca 200x200px a barvu bílou.
V knihovně symbolů si vytvoříme 2 nové - "final" - movie clip a "tělo" - grafika.
V symbolu "tělo" nakreslíme dle svých schopností tělo ptáka. Poté se "přepneme" do Movie clipu "final", kde si vytvoříme 3 nové vrstvy:
Jde jasně vidět, že každé křídlo budeme kreslit zvlášť.
Nejdříve si "přetáhneme" do druhé vrstvy "tělo" a zatím ho necháme statické. Ve zbylých dvou vrstvách si nakreslíme křídla tak, jak je vyznačeno na následujících obrázcích.
Vidíme, že celková animace je tvořena 8 snímky, což pro naší momentální potřebu zcela stačí. Křídla (jak přední, tak zadní) budou tvořena metodou "frame by frame", protože je to v tomto případě nejjistější a nejjednodušší metoda, jak kýženého efektu "mávání" dosáhnout. Velikost výsledného souboru nebude nijak vysoká - cca 3 kB.
Na rozdíl od křídel bude tělo animováno pomocí Motion Tween. Musíme si uvědomit, že při mávání křídel dochází k jakémusi opěru těla ptáka o vzduch, od kterého se pomocí křídel odráží - tělo proto musí v určitých intervalech klesat a stoupat. Tohoto efektu docílíme právě pomocí Motion Tween a to tak, jak je uvedeno na obrázku:
Pohyb těla jde tedy mírně dolů od 1. do 4. snímku, ovšem poté, když dochází k mávnutí křídel, jde tělo opět vzhůru.
V minulých dílech jsme řešili problém navazování opakované animace tím, že jsme první snímek animace kopírovali na poslední políčko, popř. naopak. V tomto případě to neuděláme (mluvíme o vrstvě "tělo"). Aby totiž bylo ono zmíněné stoupání a klesání těla patrné musíme odlišit první a poslední snímek tím, že poloha těla v horizontálním směru bude neměnná, ovšem ve vertikálním bude tento symbol posunut na prvním snímku o cca 3 mm výše. Následný skok mezi posledním a prvním snímkem nebude nijak rušivý, protože lidské oko bude upoutávat pohyb křídel.
Tímto by naše práce byla ukončena.
Knihovna symbolů by měla vypadat asi takto:
A pokud jste přímo četli a tvořili a náhodou vám program ukončil svou činnost bez uložení, tak si můj výtvor můžete "daunloudnout" 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ě
-
5. srpna 2024
Bubnový scanner na 4000dpi optické rozlišení + PC + software
-
8. září 2024
-
14. října 2024
-
5. listopadu 2024