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:
-
30. září 2024
-
4. října 2024
-
14. listopadu 2024
-
11. prosince 2024
Webdesign
Flash + Flashamp - animace řeči
26. října 2001, 00.00 | Nedávno jsem zde publikoval článek o animaci řeči. Dnes si ukážeme totéž, ovšem za pomocí programu, který nám v tom opravdu hodně pomůže, takže udělat si zpívající postavu opravdu není problémem.
V jednom z minulých dílů jsem zde ukazoval tzv. lip-synch animaci, tedy animaci pohybu úst na základě řeči, či zvuků. V jednom z příspěvků zaznělo, že na podobné typy animací se využívá speciální software, např. Flashamp. My si dnes ukážeme jak právě s tímto sw pracovat.
Tento program si můžete stáhnout a později též zakoupit na adrese výrobce, a to: www.marmalademedia.com.au.
Ovládání celého programu je založeno na 8 krocích, kde u každého je vysvětleno co dělá a jak máte postupovat. Samotný princip fungování je založen na tvorbě aplitudy zvuku, kdy nejhlasitější tóny jsou ohodnoceny nejvyšší hodnotou a nejslabší tóny hodnotou nejnižší. Samotná podstata je tedy celkem jednoduchá, ovšem dá se použít pouze někdy. Např. při zpívané písni postava otevírá ústa i tehdy, když hraje jen hudba, což není zrovna nejvhodnější. Ukažme si ale konkrétní postup.
Nejdříve se otevře krok 1, kde si určíte zvuk, který chcete zpracovávat pomocí kliknutí na "?".
V dalších krocích si určíte kolik bude "frejmů" za vteřinu v následující animaci ...
... a jaká číselná hodnota bude odpovídat nejvyššímu tónu. Nastavení je velice důležité, protože když bude tato hodnota nastavena např. na 100, tak následná animace úst musí probíhat na 100 snímcích. V případě, že nastavíte 10, tak animace bude pouze na 10 snímcích.
Smoothing je nastaven defaultně a to proto, aby výsledná amplituda byla "hladší" a nebyly v ní velké skoky. To je však někdy spíše kladem, takže je dobré vyzkoušet zatrhnout, nebo nezatrhnout.
Na závěr už pouze určíme, kde se má soubor "amplitude.txt" uložit ...
... a Flashamp nám ukáže zvuk, který jsme vybrali, graficky. Můžete vidět, že v mém případě jsem nezvolil zrovna nejlepší zvuk, neboť se v něm nevyskytují téměř žádné skoky. Animace úst by tedy byla téměř žádná, což také můžete vidět na obsahu souboru "amplitude.txt" uvedém níže.
Ve výsledném textovém souboru bude toto:
amplitude=(100, 100, 100, 100, 100, 100, 100)&Done=1
Což opravdu není nejlepší, neboť jsou všude stejné hodnoty a dochází k tomu, že postava bude mít ústa stále jen otevřená.
Tuto ukázku jsem však zvolil schválně, abyste lépe viděli, že je třeba brát velký zřetel na výběr toho správného zvukového souboru.
Nyní již nezbývá než použít tento soubor k tomu, abychom rozpohybovali něčí ústa, resp. mu "rozvázali jazyk" :-).
K tomu slouží skript, který je vložen do scény. Podrobněji to můžete prostudovat přímo v ukázkách, které jsou nahrány spolu s instalací samotného programu.
-
onClipEvent (load) {
-
gStartFrame = _root._currentFrame;
-
ampList = new Array(zde vložíte onu číselnou řadu, která je zapsána v souboru "amplitude.txt" );
-
}
-
onClipEvent (enterFrame) {
-
gFrame = _root._currentframe-gStartFrame;
-
gAmp = ampList[gFrame];
-
with (_root.mellisa.mouth) {
-
gotoAndStop(gAmp+1); }
-
}
Zde vidíte, jakým způsobem je třeba vytvořit animaci úst. Je použita metoda "frame by frame" a to na 10 snímcích, kdy zvuk je rovněž zpracováván pro 10 snímků. Je nejlepší vytvořit animaci tak, aby byla ústa na snímku 1 zavřená a na snímku 10 otevřená, ovšem po prvním odzkoušení zjistíte, že je nutné někdy celou animaci doladit a použít tak např. na snímku 4 opět zavřená ústa. Může se to zdát nelogické, ale výsledek je většinou lepší.
Takže přeji mnoho kvalitní práce s tímto programem, který je opravdu velmi, ale velmi zajímavý a doufejme, že se již brzy objeví nějaká nová verze, která bude zvuk zaznamenávat ještě pečlivěji a konečně přijde konec ruční animace :-)... ale toho se stejně nikdy nedočkáme.
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