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
-
10. září 2024
Go verze
Flash4 - animace obličeje
18. dubna 2001, 00.00 | Ukázka základních animačních možností programu Macromedia Flash 4. Ukecaná a mrkající dívenka s blond vlásky.
V tomto tutorialu si ukážeme základní animační schopnosti programu Macromedia Flash 4. Pro ukázku nám poslouží jednoduchý model mrkajícího a ústa otevírajícího modelu malé dívenky. Nebudeme používat ŽÁDNÉ scriptování, takže pro zastánce právě tohoto využití programu Flash tento tutorial určen nebude.
Nejdříve si vytvoříme pracovní scénu - Modify - Movie - ve velikosti 200 x 200 pixelů a rychlost přehrávání nastavíme na 8.
V knihovně symbolů si vytvoříme nový symbol "Graphic", který nazveme "mrknutí okem". V tomto symbolu si pomocí nástroje "Pencil (P)" vytvoříme oční bulvu včetně obočí. Zorničku vybarvíme modrou barvou a hlavně nesmíme zapomenout, že bělmo musíme také vybarvit bílou barvou, to kvůli tomu, aby nám v tomto bělmu neprosvítala barva kůže a bylo opravdu bílé.
Celé toto oko máme nakresleno na prvním rámečku. Nyní tento rámeček přetáhneme na rámeček č. 10 a zase zpět na rámeček č. 1, čímž nám vznikne takovýto útvar v animační řadě:
Teď se opět nastavíme na rámeček č. 10 a na něm si vytvoříme "keyframe" (F6). Na tomto rámečku si oční bulvu (včetně obočí) upravíme tak, aby vypadala, jako když se oko zavřelo:
Když si teď naši "animaci" přehrajeme, vypadá to tak, že oko je po dobu 9 rámečků otevřené a na rámečku 10. se zavře. Tímto máme tedy vyřešem problém mrknutí.
Nyní si v knihovně symbolů vytvoříme další symbol "mrknutí zepředu", což bude opět "graphic". Do pracovní plochy si přetáhneme symbol "mrknutí okem". Označíme si oko a pomocí Ctrl+D ho zduplikujeme. Nyní si označíme zduplikované oko a pomocí Modify-Transform-Flip Horizontal si ho horizontálně překlopíme, čímž docílíme toho, že oči budou dvě a budou se chovat identicky. Nyní stejným způsobem, jako bylo uvedeno výše, "roztáhneme" rámečky od č. 1 do č. 10. Po stisku Ctrl+Enter vidíme, že po dobu 9 rámečků jsou oči obě otevřené a po najetí na rámeček č. 10 mrknou.
Tak... oči máme vyřešeny, teď si musíme vytvořit obličej, kde je zakomponujeme.
V knihovně symbolů si opět vytvoříme nový symbol - teď to však bude "movie clip" a nazveme ho "obličej".
Vrstvu č. 1 si pojmenujeme "obličej" a pomocí nástrojů "oval" a "pencil" si nakreslíme obličej. Můžeme využít toho, že Flash v případě, že jsou dva objekty, které se nalézají ve stejné vrstvě, překryty, tak z nich udělá tolik objektů, kolik vyjde po vzájemném rozdělení překrývajících se částí. Z toho vyplývá, že když nakreslíme nevybarvenou kružnici nástrojem "oval" a přes ní ve vrchní části druhou, tak potom smazáním určitých částí těchto kružnic dosáhneme vytvoření obličeje a vlasů. Samozřejmě, že tvorba obličeje závisí jen a jen na vás.
V našem případě dosáhneme asi takového výsledku:
Tento obrázek tedy máme vytvořen na prvním rámečku ve vrstvě "obličej". Nyní si vytvoříme ve stejné vrstvě druhý rámeček se stejným obrázkem - F6. Na tomto 2. rámečku nakreslíme místo zavřených úst ústa otevřená.
Nyní si vytvoříme další vrstvu, kterou pojmenujeme "oči" a umístíme ji NAD vrstvu "obličej". První rámeček této vrstvy "roztáhneme" na rámečků 10 - stejně jako při tvorbě symbolu "mrknutí". Nyní se přesuneme opět na vrstvu "obličej" a to na její 1. rámeček. Zde pomocí stisku pravého tlačíka a výběru Copy Frames, nebo pomocí Ctrl+Alt+C zkopírujeme aktuální rámeček. Nastavíme se na rámeček č. 3 a dáme buď pravý klik - Paste Frames, nebo Ctrl+Alt+V, čímž na toto místo tento frame vložíme. Takto budeme postupně střídat rámečky č. 1 a č. 2. Dosáhneme tím toho, že se nám ústa obličeje budou otevírat a zavírat. Pro úplnost si můžeme vytvořit ještě další vrstvu a nazvat ji třeba "límeček" a nakreslit zde límec oblečení. Tuto vrstvu přesuneme nejníže ze všech, takže při tvorbě jejich horních částí nemusíme být až tak přesní, protože tato bude zakryta.
Naše animační řada by měla vypadat asi takto:
A obličej asi takto:
Teď se nastavíme do naší hlavní scény a pouhým přetažením zde umístíme symbol "obličej" a naše dílo je hotovo.
Takto tedy vypadají ZÁKLADNÍ animační metody programu Macromedia Flash. Vlastní iniciativě se meze nekladou, a proto můžeme např. ústa také vytvořit jako samostatný symbol a použít je třeba ve více obličejích pouze s upravenou velikostí, či zkosením.
Výsledek naší práce bude tedy takový:
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