V dneÜnφ dob∞ ji₧ t∞₧ko narazφte na webovou strßnku, kterß by neobsahovala n∞kterΘ flashovΘ prvky nebo kterß by touto technikou nebyla vytvo°ena celß. Tento fenomΘn se rozrostl dφky svΘ naprostΘ vÜestrannosti a auto°i web∙ si v n∞m velice libujφ. Je 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 poznßte kouzlo tohoto formßtu, ani₧ byste se museli n∞kde odborn∞ji vzd∞lßvat.
Z HISTORIE
PoΦßtky Flashe spadajφ n∞kam do roku 1994. Tehdy vlastn∞ jeÜt∞ neÜlo o Flash, jak jej znßme dnes. P°edch∙dce se jmenoval SmartSketch a byl zalo₧en na Jav∞. Od tohoto sm∞ru se vÜak ustoupilo. Java jako programovacφ jazyk toti₧ nevyhovovala 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.
V roce 1996 koupila Macromedia FutureSplash Animator a vznikl Macromedia Flash 1.0. Tato verze sice jeÜt∞ neobsahovala skriptovßnφ ActrionScript, ale nasti≥ovala nad∞jn² sm∞r v²voje webov²ch animacφ.
JAK POSTUPOVAT?
P°i prßci s nßsledujφcφmi programy bychom vßm nejprve doporuΦovali zamyslet se nad tφm, Φeho chcete vlastn∞ docφlit. Rozhodn∞ vßm nebrßnφme vyzkouÜet si jeden produkt za druh²m a °ßdn∞ si vÜechny v∞ci "ohmatat" - dφky tomu jist∞ p°ijdete alespo≥ na urΦitΘ zßklady a pochopφte, jak vlastn∞ tato metoda tvorby WWW strßnek funguje. Prvnφm vaÜφm krokem by asi m∞lo b²t rozhodnutφ, zda chcete pracovat s Φasovou osou, nebo zda se spokojφte s programy, kterΘ jsou o tento element ochuzeny. Dßle by bylo vhodnΘ v∞d∞t, jak² prvek chcete na strßnku umφstit: jestli pouze n∞jakou animaci s odkazem, nebo t°eba celΘ, ji₧ slo₧it∞jÜφ menu. P°edpoklßdßme, ₧e prßce s HTML k≤dem vßm nenφ cizφ, tak₧e si bez sebemenÜφch problΘm∙ dan² v²tvor do strßnky vlo₧φte. Pokud vÜak neovlßdßte ani zdrojov² k≤d strßnek, n∞kterΘ z t∞chto program∙ vßm ho i vytvo°φ. Nynφ se ji₧ zam∞°φme na popis jednotliv²ch program∙.
1 COOL BUTTON TOOL 5.0
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 vyu₧φt tutorißlu, kter² vßs provede cel²m postupem krok za krokem. Jako prvnφ po vßs program bude chtφt v∞d∞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ßte na v²b∞r dalÜφ mo₧nost: bitmapovΘ, nebo renderovanΘ buttony. Zvolφte-li 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² 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. PotΘ ji₧ nßsleduje jen export do swf souboru a vÜe je hotovo. Program je vskutku p°φjemn² a velmi jednoduch².
1 COOL MENU FX TOOL
Neuv∞°iteln∞ mocn² a snadno pou₧iteln² vytvß°eΦ menu ve Flashi a v 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 flashov²mi a javovsk²mi prvky. Nenφ pot°eba ₧ßdn² dalÜφ software ani ₧ßdnΘ znalosti z oblasti Javy Φi JavaScriptu. M∙₧ete dokonce pou₧φvat jak²koli True-type font ve svΘm menu. 1 Cool Menu FX Tool p°edstavuje u₧ivatelskΘ rozhranφ krok po kroku. Pouze n∞kolika mßlo kliknutφmi m∙₧e i ·pln² zaΦßteΦnφk vytvo°it efekty v menu a flashovΘ animace, kterΘ by jinak trvaly celΘ hodiny. 1 Cool Menu FX Tool pro vßs dokonce vytvo°φ vÜechny HTML k≤dy a JavaScripty, tudφ₧ nejsou pot°eba ₧ßdnΘ zkuÜenosti se psanφm slo₧it²ch skript∙ - program prost∞ ud∞lß vÜechnu prßci za vßs.
DRAWSWF
NejjednoduÜÜφm programem z naÜeho v²b∞ru je prßv∞ DrawSWF. 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∙, program spolupracuje se standardnφ knihovnou ve Windows. Program je spφÜe zßbavn² a opravdu se hodφ vlastn∞ jen 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.
COFFEECUP FLASH FIRESTARTER 6.5
Program CoffeeCup Flash Firestarter 6.5 je jak²msi kompromisem ve slo₧itosti vytvß°enφ Flash animacφ. Tento program ji₧ obsahuje Φasovou osu, ve kterΘ pln∞ spravujete sv∙j swf v²tvor, ale jeho ovlßdßnφ je vcelku jednoduchΘ. Nechybφ zde ani velikß °ada efekt∙, a to 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φ pro upload souboru na FTP server, tak₧e je opravdu o vÜe postarßno. Program takΘ umφ exportovat gif animace do Flashe.
SOTHING GLANDA
Pomocφ n∞kolika kliknutφ myÜφ m∙₧ete vytvo°it °adu animovan²ch efekt∙, nap°. tlaΦφtek, navigacφ, splashscreen∙, grafick²ch log... Sothink Glanda vßm vytvo°φ stejn² swf soubor jako Macromedia Flash. S tφmto programem m∙₧ete pracovat, ani₧ byste museli mφt zkuÜenosti s Flash designem, a nepot°ebujete ani praxi v oblasti um∞leckΘho a grafickΘho designu. Program toti₧ disponuje velk²m poΦtem p°eddefinovan²ch grafick²ch prvk∙, zvuk∙ a efekt∙. 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 sv²ch tlaΦφtek s externφmi flashov²mi filmy.
SELTECO FLASH DESIGNER 4
Vytvo°te pro svou webovou strßnku interaktivnφ animace na bßzi vektor∙ s pou₧itφm vφce ne₧ 130 vestav∞n²ch animaΦnφch efekt∙, jako je 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 s HTML k≤dem nutn²m pro zasazenφ animace do vaÜφ webovΘ strßnky. Mßte tedy na v²b∞r vφce ne₧ 130 p°eddefinovan²ch animacφ a efekt∙, k tomu vßm vestav∞n² browser p°edvßdφ vaÜi animaci p°esn∞ tak, jak bude vypadat na webu (preview widnow). Soubory m∙₧ete takΘ exportovat s optimalizovanou velikostφ pro rychlejÜφ p°edvßd∞nφ. Program takΘ umφ konvertovat gif animace do animacφ flashov²ch.
SOTHING SWF QUICKER
Tento velice mocn² program je prakticky toto₧n² s programem Macromedia Flash. Je tφm pßdem z tohoto v²b∞ru program∙ nejslo₧it∞jÜφ. Na rozdφl od Flash MX ho vÜak po°φdφte za daleko ni₧Üφ cenu. Sothink SWF Quicker je lehce pou₧iteln² pro tvorbu flashov²ch film∙ a je to takΘ siln² nßstroj pro editaci swf soubor∙. Software pro Flash podporuje shape design, editovßnφ rtf, movieclip a vytvß°eΦ button∙, pohybovΘ vykreslovßnφ (motion tween), maskovacφ vrstvy, vklßdßnφ zvuk∙ atd. Krom∞ pou₧φvßnφ shape tools (prßce s tvary) m∙₧ete takΘ importovat a pou₧φvat dalÜφ vektorovΘ formßty vΦetn∞ ai, svg a wmf/emf. Program obsahuje profesionßlnφ ActionScript editor, kter² u₧ivateli pomßhß psßt p°φmo ActionScript nebo upravovat importovanΘ ActionScripty dφky pomocnφk∙m, jako je zv²raz≥ovßnφ syntaxe a automatickΘ dokonΦovßnφ k≤du. Nabφzφ takΘ schopnost importovat swf filmy pomocφ inteligentnφ anal²zy pohybu a plnΘ podpory ActionScriptu. VÜechny importovanΘ elementy, jako nap°. Shape, Text, URL, ActionScript atd., mohou b²t snadno upraveny a dekompilovßny zp∞t do novΘho swf filmu se vÜemi funkcemi filmu p∙vodnφho. Jako pomoc p°i co nejrychlejÜφm navrhovßnφ animacφ obsahuje Sothink SWF Quicker p°es 80 konfigurovateln²ch efekt∙. Tyto ji₧ vytvo°enΘ animaΦnφ efekty mohou b²t dßle modifikovßny pomocφ n∞kolika mßlo kliknutφ a zm∞n parametr∙. Sothink SWF Quicker je takΘ editor swf. M∙₧ete s nφm upravovat swf soubory s tΘm∞° vÜemi elementy, jako ActionScript, Text, Shape, a URL, p°esn∞ podle sv²ch p°edstav. Mßte takΘ mo₧nost dekompilovßnφ a exportovßnφ film∙. Jakmile dokonΦφte importovßnφ a ·pravu swf filmu, m∙₧ete jej takΘ exportovat jako *.swf soubor. A navφc, Publish Wizard (pr∙vodce) vßm pom∙₧e vlo₧it swf film do HTML souboru.
Z┴V╠R
VÜechny vhodnΘ prost°edky tedy mßte, zbytek u₧ zßle₧φ pouze na vßs. Programy jsme vybφrali tak, aby i mΘn∞ zkuÜen² u₧ivatel byl schopen vytvo°it interaktivnφ strßnku, ani₧ by se musel Φemukoliv uΦit. Za to m∙₧eme u n∞kter²ch program∙ pod∞kovat p°evß₧n∞ velmi srozumiteln²m tutorißl∙m, ve kter²ch provedete vÜechna nastavenφ a kterΘ vßm krok po kroku vlastn∞ nadiktujφ, co kde mßte zmßΦknout, zeptajφ se vßs, jak velk² bude splashscreen apod. Na druhou stranu se zde nachßzφ i programy, za kterΘ by se nemusel styd∞t ani sebeost°φlen∞jÜφ profesionßl. Celkov∞ vzato, mßte zde programy, dφky kter²m zpest°φte svou webovou strßnku dan²mi elementy, je₧ potΘ jednoduÜe zaimplementujete do HTML k≤du.
Jan ╪ezßΦ
ADOBE USTUPUJE?
15. listopadu 2003 ukonΦila spoleΦnost Adobe distribuci programu LiveMotion 2, jeho aktivnφ technickou podporu pak ukonΦila koncem b°ezna tohoto roku. Oficißlnφm d∙vodem ukonΦenφ v²voje a prodeje programu je "zam∞°enφ na jinΘ oblasti v²voje" - Adobe tak vyklφzφ pole a vzdßvß boj o komunitu internetov²ch grafik∙.
Otßzkou z∙stßvß, zda Adobe nestahuje LiveMotion proto, ₧e p°ipravuje jin² krok: boj o majoritnφ editor swf animacφ u₧ nevyhraje, ale mß v rukßvu vlastnφ formßt - svg, kter² mß internetu takΘ co nabφdnout. Mo₧nß se tak doΦkßme dalÜφho boomu internetov²ch animacφ.
CO JE TO SVG (SCALABLE VECTOR GRAPHICS)?
Jde o standard jazyka pro popis 2D grafiky, definovan² organizacφ W3C, co₧ je sdru₧enφ, kterΘ se zab²vß standardizacφ HTML k≤du, XML k≤du atp. Zßpis SVG je podobn² zßpisu HTML k≤du. Formßt pro vektorovou grafiku SVG se ve sv∞t∞ internetovΘho i tradiΦnφho publikovßnφ zaΦφnß t∞Üit stßle v∞tÜφ pozornosti. Nenφ divu, nebo¥ Üirokß Ükßla jeho vlastnostφ bourß mnohß omezenφ jin²ch formßt∙ obdobnΘho typu. Za svΘ si SVG vzali prakticky vÜichni v²znamnφ poskytovatelΘ °eÜenφ pro dneÜnφ pre-press, v prvnφ °ad∞ spoleΦnosti Adobe a Corel. Mimo t∞chto gigant∙ se o v²voj aplikacφ pro SVG sna₧φ i °ada dalÜφch v²robc∙. Pat°φ k nim i spoleΦnost Software Mechanics Pty Ltd, kterß mß na sv∞domφ v²tvor SVGmaker.
CO JE TO FLASH?
Jednß se o animace - tedy o 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 definovßna 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 b²t takΘ pr∙svitnΘ, nebo vybarvenΘ p°echodovou v²plnφ s minimßlnφm zv∞tÜenφm souboru.
