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
Webdesign
Flash 4 + Swift 3D - dokonalá souhra!
Flash 4 + Swift 3D
10. května 2001, 00.00 | Ukážeme si, jak pomocí těchto dvou programů vytvořit 3D nápis, který můžeme otáčet podle toho, z jaké strany se na něj chceme koukat.
Několikrát jsem se v různých diskuzích a fórech setkal s dotazy, jak vytvořit nějaký 3D animovaný objekt na webových stránkách. Rady většinou hovořily o programech typu Vecta 3D, Swfit 3D apod. My si v tomto dnešním tutorialu ukážeme, jak vytvořit nějaký 3D nápis pomocí programu Swift 3D a poté ho importovat a doupravit ve Flashi.
Nejdříve si popíšeme postup tvorby v programu Swift 3D. Já osobně tento program využívám pro vytváření 3D modelací a animací pro web, jelikož se mi prostě zdá nejlepší z dostupných a nějakým zvláštním způsobem mi "padl do oka". Pokud i vy budete chtít s tímto programem pracovat, tak nelze než doporučit www.swift3D.com, kde si můžete vyřídit objednávku a tento produktu si zakoupit od společnosti ElectricRain, která jej též vyvinula.
Standardní klávesovou zkratkou Ctrl+N si vytvoříme nový dokument a z dialogového okna, které nám ihned vyskočí, vybereme "Create a new empty Swift 3D document". Poté si klikneme na tlačítko "create text" v horní nabídkové liště...
... čímž docílíme toho, že se nám na pracovní ploše objeví nápis "text". Nyní se přesuneme do okénka na levé straně pracovní plochy, kde si přepíšeme nápis "text", v našem případě, nápisem "sudacki".
Můžeme si změnit font (v našem případě Astron Boy Italic), zarovnání a potom jen stiskneme "apply". Výsledek bude takový, že text bude roztáhnutý i mimo viditelnou oblast, takže si ho budeme muset zmenšit. To uděláme pomocí tlačítka "scaling mode", které se nachází také v horní nabídkové liště...
... kurzorem se poté přesuneme přímo na text v "hlavní scéně", kde ho samotný "chytíme" za okraj a tažením zmenšíme. Teď už si text můžeme upravit i jinak - jeho hloubku, "rozjezd" apod. My si trochu upravíme jeho vzhled. V okénku, které je zobrazeno výše, si klikneme na nápis "bevels" a v možnostech, které se nám ukáží na původním místě editace textu, si z roletky vybereme "Inner Roud", "depth" nastavíme na hodnotu 0.030 a opět stiskneme "apply". Výsledek ve scéně by měl vypadat asi takto:
Nápis tedy máme hotov, teď už zbývá jen "rozanimovat" jej. To dokážeme tak, že se s kurzorem přesuneme do pravé dolní oblasti pracovního okna, kde na nás číhá tzv. "material palette", kterou můžeme naše objekty obarvovat. My v našem případě barvit nebudeme, takže si klikneme na záložku "show animations", kde jsou již předdefinované animace...
... Vždy po kliknutí na objekt v okénku se nám ukáže, jaká animace se pod ním skrývá. My budeme využívat běžných animací, které se skrývají pod záložkou "regular spins". Najdeme si okénko, kde je napsáno "horizontal right", na toto okénko klikneme, držíme tlačítko a pouhým přetažením tuto animaci přetáhneme na námi vytvořený nápis. Nyní vidíme, že počet rámečků na "animační řadě" je 40, což je pro nás mnoho. Zjistíme, že na rámečku 20 se animace v podstatě opakuje, jen je zrcadlově otočená. Tuto akci my nebudeme potřebovat, takže si kurzorem najedeme na konec zelené linky v animační řadě a obě "záklopky" přetáhneme na rámeček č. 20.
Samotné tělo animace je tedy hotovo a my si jej můžeme vyzkoušet tlačítkem play, které se nachází v levém spodním rohu pod animační řadou.
Nyní musíme náš výtvor exportovat do *.swf souboru. Z nabídky File vybereme Export a poté v dialogovém okně zatrhneme "include edges", "outlines", "all frames" a file level zvolíme Flash 4, stejně jak je tomu na obrázku níže.
Nyní již stiskneme Uložit a čekáme, čekáme a čekáme.
Tak .... sekvence je uložena. Otevřeme si Flash, vytvoříme si nový "movie clip" v knihovně symbolů, který nazveme "rotace". Poté si pomocí Ctrl+R importujeme do tohoto "movie clipu" samotnou 3D animaci. Vzhledem k tomu, že v tomto případě nebudeme potřebovat animaci až tak plynulou, tak můžeme každý druhý "frame" vymazat a zredukovat jejich počet na 10 ...
Na prvním rámečku dodáme script "stop", aby se nám animace nekontrolovaně nespouštěla. Nyní se "přepneme" do hlavní scény a pomocí Modify - movie si upravíme pracovní plochu na 250 x 100 px a pozadí nastavíme na šedou barvu. Vytvoříme si 2 vrstvy. Nastavíme se do té, která je níže a přetáhneme zde "movie clip" "rotace", který si pomocí "scale" upravíme na požadovanou velikost a dáme mu "instance name" "rotace". Dále si v knihovně symbolů vytvoříme nový objekt, tentokrát "button", ve kterém si označíme malým obdélníkem pouze poslední okénko (hit) ...
... nastavíme se opět do hlavní scény a do vrstvy, která je nejvýše. Zde přetáhneme "button" z knihovny symbolů a postupnou duplikací ho neprodyšně usadíme nad nápis.
Označíme si první "button" nad nápisem a vložíme na něj script:
On (Roll Over)
Begin Tell Target ("/rotace")
Go to and Stop (2)
End Tell Target
End On
Tento script nám zapříčiní to, že po najetí na toto tlačítko se "zavolá" "movie clip" rotace, kde se nastavíme na políčko č. 2. Stejným způsobem postupujeme i u ostatních tlačítek, ovšem vždy přepíšeme Go to and Stop na vyšší políčko, až do políčka č. 10.
Pokud jsme postupovali všichni úplně stejně, tak náš výtvor vypadá takto:
Využití tohoto postupu je mnohé a nikomu se meze nekladou.
Myslím si, že tento tutorial je natolik srozumitelný, že zdroják byste po mně ani nechtěli, takže ho tady ani nedávám.
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