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 - BOXující Elvis
22. října 2001, 00.00 | Dnes zde máme opět Elvise, ale tentokrát budeme boxovat v našem tutoriálu zaměřením na animační techniky v Macromedia Flash.
V dnešním pokračování tutoriálů o animaci ve Flashi si ukážeme trošku agresivnější animaci a sice "ránu pěstí". Opět zde budeme postupovat metodou "frame by frame", i když by se v tomto případě dalo, teoreticky, postupovat pomocí Motion tweenů, které by byly animovány po křivce. Bylo by však u této ukázky velmi náročné, takže si podobný postup ukážeme někdy příště u trošku jednodušší animace.
Nejdříve si opět ukážeme výsledek:
Dále si ukážeme jednotlivé kroky a to v postupné řadě za sebou:
Můžete si všimnout, že se pohybují nejen ruce, ale také celé tělo. Tato poznámka se může mnohým zdát jako zbytečná a mohou oponovat vyjádřením, že je to snad jasné apod., ale zkušenost a praxe mi říkají opak. Mnohdy se setkávám z animacemi, které jsou vytvořeny velmi pečlivě a jde u nich na první pohled vidět, že autor nespal několik nocí, než něco podobného vytvořil, ale přece těmto animacím něco chybí. Je to DYNAMIKA. Dynamika je u animací, které jejich autor myslí alespoň trochu profesionálně, velmi důležitá. Nepůsobí zrovna nejlépe, když např. běžící muž nehýbe svým tělem a pohybují se pouze nohy a ruce. Celá animace pak působí velmi "kostrbatě" a "nedotaženě". Nechci tím říci, že já sám se podobným problémům vyhýbám s ladností, protože pravidelní čtenáři mých tutoriálů si mohli všimnout, že např. u mého staršího článku "chodící postava", jsem se dopustil podobné chyby, na kterou, naštěstí, jeden ze čtenářů, za což mu děkuji, upozornil a já jsem se za to omluvil, poněvadž jsem u chodící postavy nedomyslel (zapomněl?) pohyb rukou a ta poté vypadala, jakoby se opírala o "berle", které však nakresleny nebyly. Na této ukázce jde jasně vidět, že těchto chyb se dopouštějí i lidé, kteří se 2d, popř. 3d animací zabývají již delší dobu. V každém případě doporučuji se těchto problémů vyvarovat, neboť jen to udělá animaci opravdovou.
Nyní ovšem zpět k našemu tutorialu. V horní části jsou ztvárněny jednotlivé kroky a nezbývá než je umístit na časovou osu tak, aby výsledek byl co nejlepší.
Animační řady budou vypadat asi takto:
V první, "hlava", bude umístěna hlava, v mém případě opět Elvise :-), která se bude pohybovat tak, aby pohled očí byl vždy kupředu. Stejnou vrstvu, se stejným názvem, umístíme také jako poslední, kde bude stejný symbol, ovšem POD ostatními vrstvami. Tento způsob jsem zvolil proto, abych docílil hodnověrnosti celé animace, neboť jak ruce, tak tělo jsou animovány současně, resp. jsou jedním symbolem. Proto vzniká problém s pravou rukou, která má být umístěna, z našeho pohledu, NAD hlavou, resp. ve vrstvě PŘED hlavou. Proto jsem použil 2 samostatné vrstvy, kde je tento problém tímto vyřešen.
Ve vrstvě č. 2, "tělo", je umístěna samotná animace boxu.
A vrstva č. 3, "míč" obsahuje boxovací míč, který zde ani neuvádím, neboť to je na každého fantazii, jak si onu "mičudu" nakreslí. Já jsem použil opět metodu frame by frame, ovšem je zde možnost, a ne malá, nakreslit pouze míč v jedné vrstvě a jednotlivé "šňůrky" v dalších vrstvách a míč pak animovat pomocí Motion tween a "šňůrky" pomocí Shape. Ovšem to opět záleží pouze na vás.
A to je asi tak k tomuto tutorialu vše.
A abych nezapomněl, zde je zdrojový soubor.
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