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:
-
10. července 2024
-
5. září 2024
Matrixmedia - Obsluha a tisk na velkoformátových digitálních tiskárnách
-
15. července 2024
-
9. srpna 2024
Webdesign
Flash - running man.
Flash
11. září 2001, 00.00 | Navazujeme na předchozí článek, ale tentokrát budeme animovat běh muže (popř. ženy) metodou frame by frame.
V minulém díle seriálku o animacích jsme si ukázali, jak pomocí Motion Tweenů udělat jednoduchou chůzi postavy. Sliboval jsem, že v co nejbližší době si ukážeme téměř totéž ovšem v provedení animace Frame by frame, tedy - SNÍMEK PO SNÍMKU.
Obecně se dá říci, že tento typ animací může být dvojí - buď částečný, anebo celkový. Částečnou animaci poznáme podle toho, že např. při řeči postavy a tedy aktiviaci mimických svalů jsou animovány např. pouze ústa a celý obličej zůstává statický a je umístěn v nižší vrstvě než ona zmiňovaná ústa. S tímto typem animace se můžete setkat např. v seriálu o Méďovi Béďovi :-), popř. v mém velmi oblíbeném seriálu "Dexterova laboratoř".
Na druhé straně existuje animace celková, kdy celá postava je kreslena snímek po snímku zvlášť. Celou postavou se myslí vše, včetně oblečení, obličejových částí atd. Většinou pouze pozadí zůstává v jiné vrstvě a je zpravidla statické. Tímto typem animací se vyznačují hlavně kreslené seriály z dílny WD a seriály, které jsou staršího data výroby.
Toť vše z teorie a směle se pusťme do díla. Vytvoříme si běh muže (popř. ženy) a budeme zachytávat pouze práci nohou, neboť dodělat tělo atd. je už věcí další práce, která není předmětem tohoto tutorialu.
V první řadě si opět musíme vytvořit pracovní plochu. Já jsme zvolil velmi malou - pouze 200 x 200 px, což v tomto případě stačí.
Máme na výběr 2 možnosti:
1. buď si vytvoříme 9 nových symbolů a v nich budeme kreslit každý obrázek zvlášť, nebo ...
2. ... budeme kreslit všechny obrázky postupně pouze v jednom symbolu.
Já osobně jsem zvolil první možnost, neboť tímto způsobem je práce svižnější a není tak .... "zmatená".
Takže ... v prvním symbolu si vytvoříme takovýto obrázek:
Jedná se o výchozí stav levé a pravé nohy před během. Pro lepší viditelnost výsledku jsem zvolil rozdílné odstíny pro přední a zadní nohu.
Symbol 2.:
Vidíme, že přední noha se o značný kus vychýlila směrem vzad a pro udržení stability (tělo začíná přepadávat dopředu) se zadní noha vyklonila vpřed, kdy stehno se pouze otáčí v pánvi, ale lýtko se navíc posunuje čelním směrem.
Symbol 3.:
V tomto okamžiku se již zadní noha dotýká země a přední začíná novou "otočku" směrem kupředu.
Symbol 4.:
Zde se přední noha začíná plynule přesouvat vpřed, zatímco zadní se stále snaží držet stabilitu těla, které by se mělo naklánět kupředu.
Symbol 5.:
V tomto místě již tělo drží stabilitu a přední noha se může bez problémů dostat na své místo, tedy k dalšímu kroku.
Symbol 6.:
Zde se může zdát, že zadní noha vykonala příliš dlouhý pohyb na to, aby tento jev nebyl ve výsledné animaci poznat. Mohu vás však uklidnit - poznat to není, i když při podrobném zkoumání to je zjevné. Nikdo vám však nedrží ruce, abyste tento snímek nerozdělili na dva samostatné.
Symbol 7.:
Dá se říci, že od snímku č. 5 dochází k opakovanému pohybu jako od snímku 1. s tím rozdílem, že pořadí nohou je obrácené. Není již tedy třeba k jednotlivým snímkům cokoliv psát, pouze je zde uvedu v postupném pořadí až do konce:
Symbol 8.:
Symbol 9.:
Jednotlivé snímky jsou tedy hotovy a nezbývá než je dodat dohromady.
Vytvoříme si tedy Movie Clip a pojmenujeme ho "final". Vytvoříme pouze jednu vrstvu, do které "skládáme" jeden snímek po druhém. Animační řada bude vypadat asi takto:
A výsledek? Takto:
A to je vše přátelé. V budoucím dílech si ukážeme něco z animací přírody a to jak zvířat, tak přírodních jevů.
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ě
-
5. srpna 2024
Bubnový scanner na 4000dpi optické rozlišení + PC + software
-
8. září 2024
-
22. září 2024