AnimovanΘ obrßzky dnes najdete na webu vÜude, od jednoduchΘho rotujφcφho loga programu a₧ k m∞nφcφm se reklamnφm nßpis∙m. ╪ada z t∞chto animacφ mß univerzßlnφ pou₧itφ a mo₧nß, ₧e se n∞kterΘ z nich budou hodit i na vaÜi www strßnku. Potom nenφ nic jednoduÜÜφho, n∞₧ si animovan² obrßzek nahrßt a vlo₧it ho do vlastnφ strßnky (pozor ovÜem na autorskß prßva tv∙rce animace). Pokud ale pot°ebujete vytvo°it animaci se specifick²m obsahem, nap°φklad animovanΘ logo svΘ firmy, nezbyde vßm nic jinΘho, ne₧ se spolehnout na vlastnφ sφly.

      Dobr²m pomocnφkem p°i tvorb∞ kratÜφch animacφ na Macu m∙₧e b²t program WebPainter 1.0 firmy Totally Hip Software (http://www.totallyhip.com). NepoΦφtejte sice s tφm, ₧e p°es noc ud∞lß z vaÜeho poΦφtaΦe Studio Walta Disneye, krßtkΘ a jednoduchΘ animace s nφm vÜak po°φdφte docela pohodln∞. WebPainter je vlastn∞ malovacφ program s integrovanou podporou sklßdßnφ jednotliv²ch obrßzk∙ do animacφ a jejich uklßdßnφ v r∙zn²ch datov²ch formßtech.

      Malovßnφ

      Ne₧ p°istoupφme k tvorb∞ animace, musφme b²t schopni vytvo°it zßkladnφ jednotku ka₧dΘ animace, kterou je jeden statick² obrßzek. WebPainter proto funguje jako jednoduch² malovacφ program (obrßzek 1), i kdy₧ jednotlivΘ obrßzky lze vytvo°it takΘ v jinΘ aplikaci a do WebPainteru je potom p°enΘst t°eba p°es schrßnku.

      K dispozici jsou obvyklΘ malovacφ nßstroje jako je tu₧ka, Üt∞tec, sprej, nßlevka, p°φpadn∞ guma. U Üt∞tce je mo₧nΘ vybrat si z celΘ °ady p°eddefinovan²ch tvar∙, sprej∙ jsou ale jen dva pevn∞ danΘ druhy. Zajφmav²m "malovacφm" nßstrojem, kter² mnoh²m p°ipomene ranΘ Φasy d∞tstvφ, je prst. Ten sice neslou₧φ p°φmo pro malovßnφ, ale jeho ·kolem je naopak rozmazßvat ji₧ vytvo°enou malbu. To mo₧nß m∙₧e n∞komu p°ipadat jako zbyteΦnß funkce, po krßtkΘm vyzkouÜenφ ale zjistφte, ₧e pomocφ "prstu" lze malb∞ dodat p°irozen² nßdech a zbavit se tak ostrΘho poΦφtaΦovΘho vzhledu. Ostatn∞ na podobn²ch funkcφch, kter²m se dnes °φkß natural media, je zalo₧en vele·sp∞Ün² malovacφ program Painter.

      WebPainter nabφzφ i dalÜφ nßstroje, kterΘ nemajφ p°i reßlnΘm malovßnφ obdoby, jako je kouzelnß h∙lka pro oznaΦenφ souvislΘ plochy stejnΘ barvy nebo barevnß nab∞rka pro odebrßnφ "vzorku" barvy. Laso vßm zase umo₧nφ oznaΦit libovolnou oblast obrßzku a p°esunout nebo zkopφrovat ji na jinΘ mφsto.

      DalÜφ sada nßstroj∙ je v malovacφch (paint) programech mΘn∞ b∞₧nß a spφÜe ji najdeme v aplikacφch kreslicφch (draw). Jednß se o funkce pro kreslenφ Φar, r∙zn²ch obdΘlnφk∙, mnoho·helnφk∙ a ovßl∙, kterΘ lze p°φpadn∞ vyplnit zvolen²m vzorem nebo gradientem. Zatφmco v kreslicφch programech je mo₧nΘ pozd∞ji zm∞nit tvar t∞chto objekt∙, ve WebPainteru se ka₧d² objekt ihned po nakreslenφ zm∞nφ na malbu, a lze ho tedy upravovat jen malovacφmi technikami.

      P°i tvorb∞ animacφ pro web bude Φastou souΦßstφ obrßzku jist∞ i text. Ten lze do malby vlo₧it p°φmo ve WebPainteru a podobn∞ jako grafickΘ objekty je takΘ vlo₧en² text ihned p°eveden na malbu. M∙₧ete proto pou₧φvat libovolnΘ pφsmo, kterΘ mßte ve svΘm systΘmu, a dφky p°evedenφ na malbu pak bude nßpis vypadat stejn∞ i na vÜech ostatnφch poΦφtaΦφch. Zajφmavou mo₧nostφ je vklßdßnφ textu s anti-aliasingem, kter² zvyÜuje Φitelnost menÜφch pφsmen na za°φzenφch s nφzkou rozliÜovacφ schopnostφ, jako jsou prßv∞ poΦφtaΦovΘ monitory.

      Animace

      To, co d∞lß WebPainter skuteΦn∞ zajφmav²m, je podpora sklßdßnφ jednotliv²ch obrßzk∙ do animace (obrßzek 2). Animace je vlastn∞ posloupnost obrßzk∙, jejich₧ Φßsti jsou nepatrn∞ posunuty, Φφm₧ vznikß p°i spojitΘm p°ehrßnφ dojem pohybu.

      WebPainter umo₧≥uje namalovßnφ odd∞lenΘho pozadφ, je₧ se v pr∙b∞hu animace nem∞nφ. V pop°edφ jsou potom p°edm∞ty, kterΘ se budou pohybovat. Aby bylo snazÜφ nakreslit rozfßzovan² pohyb p°edm∞tu, nabφzφ WebPainter n∞kterΘ pom∙cky. P°edevÜφm lze p°i tvorb∞ polφΦka animace zobrazit v pozadφ polφΦko p°edchozφ nebo nßsledujφcφ. Dosahuje se tφm stejnΘho efektu jako p°i ruΦnφm kreslenφ polφΦka animace na pr∙hledn² papφr, pod nφm₧ je podlo₧en obrßzek sousednφho polφΦka. V programu je navφc k dispozici jak²si referenΦnφ bod, kter² je zobrazen na ka₧dΘm polφΦku animace a od kterΘho lze odvozovat polohu pohybujφcφho se p°edm∞tu na jednotliv²ch polφΦkßch. Podobnou funkci m∙₧e plnit i sφ¥, kterou lze v obrßzku zobrazit.

      Bohu₧el, pro snazÜφ znßzorn∞nφ r∙zn²ch druh∙ pohybu (posun, rotace...) nenabφzφ WebPainter dostateΦn∞ silnΘ nßstroje. M∙₧ete sice Φßst obrßzku p°eklopit nebo rotovat o 90 ? , to je ale vÜe. Nejsou zde ₧ßdnΘ funkce pro deformace nebo otoΦenφ o libovoln² ·hel, pomocφ kter²ch se t°eba dosahuje zdßnφ pohybu v 3D prostoru. WebPainter takΘ neumφ automaticky vygenerovat posloupnost mezi zadanou dvojicφ polφΦek.

      SnadnΘ vklßdßnφ, mazßnφ i duplikovßnφ polφΦek, stejn∞ jako pohyb po polφΦkßch animace, nebo zm∞na jejich po°adφ ta₧enφm je samoz°ejmostφ. P°φmo v programu je mo₧nΘ takΘ animaci p°ehrßvat.

      Export

      WebPainter uklßdß animace ve vlastnφm formßtu, a proto je nutnΘ je p°ed pou₧itφm nap°φklad na webovΘ strßnce exportovat.

      Asi nejΦast∞jÜφm formßtem animacφ na webu je animovan² GIF. P°i jeho pou₧itφ doporuΦuji zaÜkrtnout volbu "uva₧ovat pouze zm∞n∞nΘ oblasti", Φφm₧ se v²razn∞ zmenÜφ velikost souboru, a tedy i urychlφ jeho p°enos po Internetu do webovΘho prohlφ₧eΦe.

      Animaci je takΘ mo₧nΘ ulo₧it jako sadu jednoduch²ch gifov²ch nebo pictov²ch obrßzk∙, dßle jsou podporovßny formßty PICS a QuickTime. Animaci lze exportovat i v podob∞ dat pro multimedißlnφ p°ehrßvaΦ Sizzler, dostupn² jako zßsuvn² modul pro Navigator, ActiveX komponenta, Java program nebo Live Object pro OpenDoc.

      WebPainter umφ animace takΘ importovat, a to z formßt∙ (animovan²) GIF, PICS, PICT a QuickTime film.

      Shrnutφ

      WebPainter 1.0 nabφzφ funkce jednoduchΘho malovacφho programu a zßkladnφ prost°edky pro tvorbu animacφ. V oblasti podpory prßce s animacemi poskytuje p°irozenΘ, snadno ovladatelnΘ nßstroje, kterΘ odpovφdajφ ruΦnφ tvorb∞ animacφ pomocφ tu₧ky a papφru, ale nic navφc. UrΦit∞ zde nehledejte n∞jakΘ pokroΦilejÜφ prvky jako je automatickΘ generovßnφ polφΦek animace. Plusem programu je podpora °ady b∞₧n²ch formßt∙ p°i naΦφtßnφ i uklßdßnφ animacφ.

      Celkov∞ lze °φci, ₧e WebPainter je vhodn² pro tvorbu kratÜφch, spφÜe nenßroΦn²ch animacφ, jejich₧ mφsto je prßv∞ na webov²ch strßnkßch. Na verzi 1.0 je to urΦit∞ sluÜn² zaΦßtek.

Roman Bartßk