Nßstroje pro tvorbu jednoduch²ch flashov²ch prvk∙
V dneÜnφ dob∞ ji₧ t∞₧ko narazφte na webovou strßnku, kterß by neobsahovala n∞kterΘ flashovΘ prvky nebo by nebyla touto technikou vytvo°ena celß. Tento fenomΘn se rozrostl dφky naprostΘ vÜestrannosti a auto°i web∙ si v n∞m velice libujφ. Je sice pravda, ₧e pokud chcete do tohoto odv∞tvφ proniknout opravdu hloub∞ji, bude vßs to stßt mnoho hodin strßven²ch u p°φruΦek a vÜelijak²ch knih, zab²vajφcφch se touto problematikou. Proto bychom vßm rßdi nabφdli ukßzku n∞kolika program∙, kterΘ se °adφ mezi ty jednoduÜÜφ. Tvorba vaÜeho webu se tak stane daleko snazÜφ a vy tak poznßte kouzlo tohoto formßtu, ani₧ byste se museli n∞kde odborn∞ji vzd∞lßvat.
Jednß se o animace - tedy skupiny snφmk∙, kterΘ se mezi sebou vym∞≥ujφ (podobn∞ jako animovan² gif ). Tato definice vÜak nenφ ·pln∞ p°esnß. Zatφmco u gif se st°φdajφ rastrovΘ obrazy (tvo°enΘ sφtφ bod∙ - pixel∙ ), u Flashe se jednß o vektorovΘ obrazy (grafika je definovanß pomocφ Φar a v²plnφ ). A v neposlednφ °ad∞ jeÜt∞ p°ipome≥me, ₧e animace m∙₧e b²t ovliv≥ovßna ActionScriptem (programovacφ jazyk podobn² JavaScritpu).
Vektorovß grafika tedy p°inßÜφ mnoho v²hod: Je datov∞ menÜφ, objekty nejsou rozm∞rov∞ nijak limitovßny (mohou b²t zv∞tÜovßny bez rozt°epenφ a ztrßty kvality). V²pln∞ a Φßry mohou takΘ b²t pr∙svitnΘ, nebo vybarvenΘ p°echodovou v²plnφ s minimßlnφm zv∞tÜenφm souboru.
Z historie
V roce 1996 Macromedia kupuje FutureSplash Animator a vznikß tak Macromedia Flash 1.0. Tato verze sice jeÜt∞ neobsahuje skriptovßnφ ActrionScript, ale nasti≥uje nad∞jn² sm∞r v²voje webov²ch animacφ. |
Nynφ vÜak k program∙m.
Program CoffeeCup Flash Firestarter 6.5 je jak²si kompromis ve slo₧itosti vytvß°enφ Flash animacφ. Tento program ji₧ obsahuje Φasovou osu, ve kterΘ pln∞ spravujete vßÜ swf v²tvor, ale jeho ovlßdßnφ je vcelku jednoduchΘ. Nechybφ zde ani velikß °ada efekt∙ - jak jednoduch²ch (zesv∞tlovßnφ objekt∙, zajφ₧d∞nφ do stran...) tak i slo₧it∞jÜφch (exploze, rozsypßnφ apod.), kterΘ si k jednotliv²m objekt∙m p°i°azujete. Samoz°ejmostφ je i vklßdßnφ zvuk∙, obrßzk∙ apod. Je zde velice p°φjemnΘ pracovnφ prost°edφ a orientace v n∞m nenφ nikterak slo₧itß. Program takΘ disponuje funkcφ uploadovat soubor na FTP server, tak₧e je opravdu o vÜe postarßno. Program takΘ umφ exportovat gif animace do Flashe.
Program pro vytvß°enφ button∙ (tlaΦφtek) ve flashi. VÜe je velice jednoduchΘ a tvorbu by m∞l zvlßdnout i naprost² zaΦßteΦnφk, proto₧e je zde mo₧nost tutorialu, kter² vßs provede cel²m postupem krok za krokem. Jako prvnφ, po vßs program bude chtφt, zda chcete tlaΦφtka umφstit horizontßln∞ nebo vertikßln∞ a jak² bude jejich poΦet. Pokud jste vÜe zadali, klikn∞te na tlaΦφtko next a mßme zde na v²b∞r dalÜφ mo₧nost: bitmapovΘ nebo renderovanΘ buttony. Jakmile zvolφte BitmapovΘ, otev°e se vßm galerie s ji₧ hotov²mi tlaΦφtky. Zde si tedy vyberte ten typ, kter² je vßm nejbli₧Üφ. Pokud zadßte volbu druhou, musφte si ruΦn∞ nastavit vÜechny parametry tlaΦφtek. Krok Φtvrt² nßm p°inßÜφ p°i°azenφ zvuk∙ a animacφ a v dalÜφm zadßvßte text, kter² bude na danΘm tlaΦφtku zobrazen a odkaz, kter² se aktivuje p°i jeho zmßΦknutφ. Jakmile tyto kroky absolvujete, m∙₧ete si jeÜt∞ vÜe dodateΦn∞ projφt, p°φpadn∞ pozm∞nit. Mo₧nostφ je vskutku mnoho. Program takΘ zobrazuje nßhledovΘ okΘnko, ve kterΘm si vÜe m∙₧ete pohodln∞ vyzkouÜet. Nßsleduje u₧ jenom export do swf souboru a mßme hotovo. Program je vskutku p°φjemn² a velmi jednoduch². Tento program pot°ebuje pro jeho spuÜt∞nφ Jawa WS, kterß se nachßzφ na Chip CD 4/04 v rubrice Servis nebo na internetu na http://java.sun.com/webservices/downloads/webservicespack.html.
NejjednoduÜÜφ program z naÜeho v²b∞ru je prßv∞ Draw swf. Jeho vyu₧itelnost je vφcemΘn∞ sporadickß, ale pokud se trefφte p°esn∞ do onoho po₧adavku, program bude schopen vßm nabφdnout dostaΦujφcφ mo₧nosti. Jednß se o vykreslovßnφ jak²chkoli k°ivek, psanφ textu a vklßdßnφ obrßzk∙ s exportem do swf. Mßte na v²b∞r normßlnφ tu₧ku (program potΘ zobrazφ vÜechny tahy p°esn∞ tak, jak jste je kreslili), rovnΘ p°φmky, Φtverce a elipsy s barevnou v²plnφ nebo bez v²pln∞, vklßdßnφ obrßzk∙ (bohu₧el bez jak²chkoli efekt∙) a psanφ textu. U psanφ mßte na v²b∞r ze dvou efekt∙: jako by n∞kdo ¥ukal do stroje, nebo tzv. fade in. Co se t²Φe font∙, tak program spolupracuje se standardnφ knihovnou ve Windows. Program je spφÜe zßbavn² a opravdu se hodφ spφÜe na kreslenφ n∞jak²ch obliΦej∙, ale je to velice dobrß ukßzka toho, jakΘ jednoduchΘ vlastnosti je formßt swf schopen nabφdnout. Tento program pot°ebuje pro jeho spuÜt∞nφ Jawa WS, kterß se nachßzφ na Chip CD 4/04 v rubrice Servis nebo na internetu na http://java.sun.com/webservices/downloads/webservicespack.html.
Pomocφ n∞kolika kliknutφ myÜφ m∙₧ete vytvo°it °adu animovan²ch efekt∙, nap°. tlaΦφtek, navigacφ, splash screen∙, grafick²ch log... Sothink Glanda vytvo°φ stejn² swf soubor jako Macromedia Flash, ani₧ byste pot°ebovali zkuÜenosti s Flash designem ani v oblasti um∞leckΘho designu. Designov² panel a integrovan² nßhled d∞lß tvorbu jeÜt∞ vφce intuitivnφ. Nabφzφ stovku p∞kn∞ navr₧en²ch Üablon vΦetn∞ animovan²ch tlaΦφtek, textov²ch efekt∙, pozadφ s h²bajφcφmi se obrßzky a pohled∙, tak₧e nemusφte zaΦφnat od nuly. Je zde i velk² poΦet vektorov²ch tvar∙, obraz∙, zvukov²ch soubor∙, kterΘ m∙₧ete pou₧φt. Ve verzi 2001a Sothink Glanda integrovala importnφ nßstroj, Sothink swf dekompilßtor, kter² vßm umo₧nφ importovat tvary, texty a pohyby z jin²ch swf soubor∙. M∙₧ete tak vytvo°it interaktivnφ filmy spojenφm vaÜich tlaΦφtek s externφmi flashov²mi filmy.
Vytvo°te interaktivnφ animace na bßzi vektor∙ pro vaÜi webovou strßnku s pou₧itφm vφce ne₧ 130 vestav∞n²ch animaΦnφch efekt∙ jako nap°. Fade, Zoom nebo Rotate a navrhn∞te komplexnφ grafiku s obrßzky, tvary a textem. Selteco Flash Designer exportuje swf soubory ve formßtu Macromedia Flash a HTML k≤dem nutn²m pro zasazenφ animace do vaÜφ webovΘ strßnky. Mßte na v²b∞r vφce ne₧ 130 p°eddefinovan²ch animaΦnφch efekt∙ jako Fade, Zoom, Rotate. Vestav∞n² browser p°edvßdφ vaÜi animaci p°esn∞ tak, jak bude vypadat na webu. Soubory m∙₧ete takΘ exportovat s optimalizovanou velikosti pro rychlejÜφ p°edvßd∞nφ. Program takΘ umφ konvertovat gif animace do animacφ flashov²ch.
Neuv∞°iteln∞ mocn² a snadno pou₧iteln² vytvß°eΦ menu ve Flashi a Jav∞. O₧ivte svou webovou strßnku animovan²mi tlaΦφtky, rozÜi°iteln²mi menu, plovoucφ navigacφ a jin²mi interaktivnφmi animaΦnφmi Flash a Java prvky. Nenφ pot°eba ₧ßdn² dalÜφ software ani ₧ßdnΘ znalosti z oblasti Java Φi JavaScript. M∙₧ete dokonce pou₧φvat jak²koli True-type font ve vaÜem menu. 1 Cool Menu FX Tool p°edstavuje u₧ivatelskΘ rozhranφ krok po kroku. Pouze n∞kolika mßlo kliknutφmi m∙₧e ·pln² zaΦßteΦnφk vytvo°it efekty v menu a flashovΘ animace, kterΘ by jinak trvaly celΘ hodiny. 1 Cool Menu FX Tool dokonce pro vßs vytvo°φ vÜechny HTML k≤dy a JavaScripty, tudφ₧ nejsou pot°eba ₧ßdnΘ zkuÜenosti se psanφm slo₧it²ch skript∙ - 1 Cool Menu FX Tool ud∞lß vÜechnu prßci za vßs. Tento program pot°ebuje pro jeho spuÜt∞nφ Jawa WS, kterß se nachßzφ na Chip CD 4/04 v rubrice Servis nebo na internetu na http://java.sun.com/webservices/downloads/webservicespack.html.
NßdobφΦko tedy mßte, zbytek u₧ zßle₧φ pouze na vßs. Vybφrali jsme programy tak, aby i opravdov² amatΘr byl schopen vytvo°it interaktivn∞jÜφ strßnku ani₧ by se musel Φemukoliv uΦit. Za co₧ m∙₧eme u n∞kter²ch program∙ d∞kovat p°evß₧n∞ velmi srozumiteln²ch tutorial∙m, ve kter²ch provedete vÜechny nastavenφ. Na druhou stranu se zde takΘ nachßzφ i programy, za kterΘ by se nemusel styd∞t ani sebeost°φlen∞jÜφ profφk. Celkov∞ vzato, mßte zde programy, kterΘ vaÜφ webovou strßnku zpest°φ pouze dan²mi elementy, kterΘ potΘ jednoduÜe zaimplementuje do HTML k≤du.
PoΦßtky Flashe spadajφ n∞kdy do roku 1994. Tehdy vlastn∞ jeÜt∞ neÜlo o Flash, jak jej znßme dnes. Jmenoval se SmartSketch a byl zalo₧en na Jav∞. Od tohoto sm∞ru se vÜak ustoupilo. Java jako programovacφ jazyk toti₧ nevyhovoval nßrok∙m na rychlost a spolehlivost. Kdy₧ se n∞kdy v roce 1995 objevily prohlφ₧eΦe podporujφcφ zßsuvnΘ moduly typu PLUG-IN, byl SmartSketch p°ejmenovßn na FutureSplash Animator a byla zcela zm∞n∞na jeho podoba. Macromedia v tΘto dob∞ pracovala na svΘm projektu s nßzvem Shockwave.