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:
-
27. ledna 2025
-
4. dubna 2025
-
14. dubna 2025
-
6. května 2025
-
22. dubna 2025
-
6. května 2025
-
7. května 2025
-
16. května 2025
-
16. května 2025
-
22. května 2025
-
19. března 2025
-
31. března 2025

Go verze
SEZNAMTE SE - FLASH 4 - VI
14. února 2000, 00.00 | Malá Flashová diskotéka frame by frame. Animování postaviček.
Dnes si uděláme malou animovanou diskotéku, ale bohužel bez hudby (je příliš velká). Budme potřebovat několik gif obrázků, samozřejmě můžete použít svoje a tenhle tutorial využít jako vodítko, ale pokud nemáte žádné při ruce, jsou k dispozici tyhle. Nemusíte se obávat, jsou v zipu velikém 14 kB.
Začínáme jako obvykle nastavením velikosti jeviště a dnes můžeme i zabarvit pozadí. Modify
-- Movie. 350x200, pozadí černé.
* Animujeme první postavu -- Ctrl + F8 -- Movie Clip -- zapíšeme jméno.
Vložíme první obrázek -- File -- Import -- p000.gif (pokud používáte moje soubory). Flash se Vás zeptá, zda chcete importovat celou sérii obrázků -- Ano. V timeline se nám obrázky naskládaly za sebe, po přehrátí animace vidíme, že postava tancuje pouze do jedné strany. Abychom ji trošku víc rozhýbali, zanimujeme ji i do druhé strany (Tahle akce se dá udělat buď ve Flashi přímo, nebo si můžeme všechny obrázky připravit předem a pootáčet je třeba v Photoshopu a poté je všechny v řadě importovat. Pokud jsou to takové malinké obrázky jako v našem případě můžeme to udělat předem, ale pokud by byly větší, musíme mít na mysli, že zvětšujeme výsledný soubor a prodlužujeme dobu stahování.)
Označíme všechny keyframy (viz obr.) -- pravý klik -- Copy Frames -- na poli 7 -- Paste Frames. Nyní máme pole 1 a 7, 2 a 8, 3 a 9 shodná. Klik na pole 7 -- Modify -- Transform -- Flip Horizontal. Klik na pole 8 a provedeme to samé na všech polích do konce. Enterem si animaci přehrajeme a vidíme, že pohyby postavy jsou hodně rychlé, tak ji zpomalíme. Modify -- Movie -- upravíme Frame Rate na rychlost 5 fps. V timeline klik na Scene 1. Otevřeme knihovnu -- Window -- Library. Vidíme, že zde máme uloženy všechny obrázky a animace. Tuto uchopíme a tažením ji umístíme na jeviště (viz obr.)
* Vytvoříme další animaci. Ctrl + F8 -- Movie Clip -- zapíšeme jméno. File -- Import -- po000.gif.(zase jen pokud používáte moje gify) Flash se zeptá, jestli importovat sérii -- Ano. Vybereme jako v první ukázce všechny keyframy a zkopírujeme na pole 11. Tady klik -- Modify -- Transform -- Flip Horizontal. Tento krok opakujeme až na pole 20. Vrátíme se na Scene 1 a z knihovny animaci přetáhneme na jeviště.
* Ctrl + F8 -- Movie Clip -- další postava. File -- Import -- poh000.gif -- vložíme sérii. Zde máme pouze 6 obrázků a abychom se naučili přetahovat a kopírovat keyframy, tak vhodným střídáním z nich vytvoříme animaci.( postup viz obr.)
Takže jsme vytvořili 10 keyframů, které způsobem výše popisovaným okopírujeme a horizontálně otočíme. Vrátíme se na Scene 1 a tažením umístíme animaci.
* Ctrl + F8 -- Movie Clip -- a vložíme poslední postavu. File -- Import -- pohy000.gif.
Podle obrázku přidáme a přesuneme keyframy, poté je všechny okopírujeme, přidáme a horizontálně pootáčíme. Na Scene 1 tažením animaci umístíme. Tanečníci jsou hotovi, chtělo by to ještě nějaká světla.
* Na Scene 1, v první vrstvě, kterou jsem si pojmenoval postavičky, na poli 4 přidáme keyframe -- F6. Pak přidáme vrstvu -- Add Layer. pojmenujeme ji třeba světla. Na poli 1, nástrojem Oval bez okraje barvou viz obrázek, nakreslíme kruh.
Dvojklik na kruh -- Insert -- Convert to Symbol -- Graphic -- a napíšeme jméno. Dvojklik na obrázek -- Color Effect -- Alpha -- 60%.
Nástrojem Rotate jej zkosíme a nástrojem Scale zvětšíme.
Klik na pole 2 -- F6, pravý klik nad bílým oválem -- Cut -- a nástrojem Oval nakreslíme další barvou, červenou, kruh. Celou akci opakujeme ještě s modrou a zelenou barvou a diskotéka je hotova.
Příště - pár ukázek animací textu.
Starší články:
SEZNAMTE SE FLASH I - seznámení
SEZNAMTE SE FLASH II - tweening
SEZNAMTE SE FLASH III - tweening po
dráze
SEZNAMTE SE FLASH IV - animace shape
SEZNAMTE SE FLASH V - používání
hintů
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
-
5. ledna 2017
-
9. dubna 2014
-
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ě
-
14. října 2024
-
4. února 2025
-
23. února 2025
-
1. dubna 2025
-
28. dubna 2025
-
11. května 2025
-
12. května 2025
-
20. května 2025
-
20. května 2025
-
19. května 2025