Užitočné tipy

Ako vytvárať animácie pomocou programu Adobe ImageReady CS

Pin
Send
Share
Send
Send


Vytváranie animácií v aplikácii Adobe ImageReady je založené na použití vrstiev. Každý prvok animácie je umiestnený na svojej vlastnej vrstve. To vám umožní zmeniť polohu a vzhľad prvku v rade rámcov pomocou príkazov a charakteristík palety Vrstvy. Na vytvorenie animačných rámcov z neobvyklého viacvrstvového obrázka sa spolu s gamutom Vrstvy použije animačný gamut. S ním môžete každému snímku priradiť čas oneskorenia, vytvoriť nové snímky, automaticky generovať prechodné stavy na základe zdrojových a cieľových obrázkov, určiť počet opakovaní animácie a ďalšie

Je potrebné zdôrazniť, že v aplikácii Adobe Photoshop CS2 môžete použiť aj animáciu bez toho, aby ste museli ísť do programu ImageReady. V programe Adobe ImageReady verzie CS2 sa nachádza aj animácia gama.

Predstavujeme Animation Gamut

Zvážte proces prípravy animácie. Ako príklad „oživíme“ banner, ktorý sme uložili do súboru other.psd. Najprv však spustite program Adobe ImageReady.

Kliknite na tlačidlo Štart na paneli úloh a vyberte príkaz Programy - Adobe ImageReady CS (Programy - Adobe ImageReady CS) z hlavnej ponuky systému Windows, ktorá sa zobrazí. Program sa spustí a na displeji sa zobrazí jeho pracovné okno.

Ako už bolo uvedené, animácia sa pripravuje pomocou palety Animácia.

Vyberte príkaz ponuky Okno - Animácia. V dolnej časti vyskakovacieho okna sa zobrazí animácia gamut.

Kým sa v aplikácii Adobe ImageReady nevytvorí nový dokument alebo kým sa neotvorí existujúci dokument, ovládacie prvky v tejto palete nebudú dostupné. Preto okamžite otvoríme súbor other.psd.

Vyberte príkaz ponuky Súbor - Otvoriť. Na displeji sa zobrazí dialógové okno Otvoriť súbor.

Otvorte priečinok, do ktorého ste uložili súbor other.psd a vyberte ho kliknutím myši.

Kliknite na tlačidlo Otvoriť. Dialógové okno Otvoriť súbor sa zatvorí. Okno dokumentu other.psd sa zobrazí v pracovnom okne programu Adobe ImageReady.

Príprava animácie v aplikácii Adobe ImageReady spočíva vo vývoji postupnosti snímok, pre ktoré sa určí obrázok, čas oneskorenia a ďalšie charakteristiky. Prvý snímok tejto sekvencie je programom vytvorený automaticky a je už v animovanom súbore s miniatúrou a skratkou 1 v ľavom hornom rohu. Tento rámec obsahuje všetky viditeľné vrstvy aktívneho výkresu.

Na spodnom okraji palety Animácie sú tlačidlá, ktoré riadia vytváranie a prehrávanie animácií. Tieto tlačidlá majú nasledujúci účel.

Vyberie možnosti opakovania - otvorí ponuku, pomocou ktorej môžete zvoliť počet opakovaní animácie. Vybratá možnosť sa zobrazí vľavo od ikony. V predvolenom nastavení je to Forever, inými slovami sa animácia prehráva bez prerušenia.

Vyberie prvý rám - prejde na prvý rámček animácie.

Vyberie predchádzajúci rámec - prechod na predchádzajúci rámec animácie.

Prehrávanie / zastavenie animácie - umožňuje prehrávanie animácie. Po spustení prehrávania sa obrázok tlačidla zmení a stlačením tohto tlačidla sa prehrávanie animácie preruší.

Vyberie ďalší rám - prejde na ďalší rám.

Tween (Vytvorenie stredných snímok) - automaticky generuje stredné snímky medzi 2 určenými.

Duplikuje aktuálny rámec - Duplikuje aktuálny rámec.

Odstráni vybraté snímky - Odstráni vybrané snímky.

V pravom hornom rohu palety Animácia sa nachádza tlačidlo Enter, ktoré otvára prístup k ponuke palety. Pomocou príkazov v tejto ponuke môžete vytvárať, mazať, kopírovať, vkladať a vyberať snímky, vytvárať prechodné snímky, vylepšovať animáciu a vykonávať ďalšie operácie.

Proces prípravy animácie v aplikácii Adobe ImageReady je veľmi jednoduchý. V gamute Animation sa striedavo vytvárajú rámce. Grafický obsah každého rámca sa určuje pomocou palety Vrstvy. S tým všetkým môžete použiť všetky dostupné nástroje na úpravu. Pre každý rámec je nastavená doba zobrazenia, ktorá sa môže meniť v širokom rozsahu. Ak je to potrebné, medzi dvoma najmenej niektorými snímkami stroj automaticky generuje najmenej niekoľko pomocných snímok, aby vytvoril efekt postupnej konfigurácie. Okrem toho sa takáto postupná zmena môže vytvoriť z dôvodu priehľadnosti, efektov a polohy objektov. Nakoniec je v prehliadači uvedený počet opakovaní animácie, ktorý je určený celým číslom alebo môže byť súvislý. V poslednom kroku je animácia optimalizovaná a uložená vo formáte GIF.

Ďalšie informácie k téme

Tento článok poskytuje informácie o vytváraní a úprave ponúk pomocou VBA.

Popis, ako vytvoriť animované obrázky (tlačidlá) pomocou grafického editora Adobe ImageReady

Tento článok popisuje, ako vytvoriť lokalitu pomocou editora WYSIWYG, najmä programu Microsoft FrontPage 2003

Opis návrhu rozhrania pomocou programovania jazyka Visual Basic (VBA)

Vytváranie GIF v ImageReady

Pri animácii GIF sa prehrá sada obrazových snímok v poradí určenom používateľom. Pre webovú stránku môžete vytvoriť rôzne animačné efekty: text alebo grafiku môžete posunúť, postupne miznúť alebo sa objaviť, alebo zmeniť iným spôsobom.

Ak chcete pripraviť animáciu v programe ImageReady, musíte pomocou palety Animácie zobrazenej na obrázku 2 vytvoriť veľa snímok. 23127. Potom môžete editovať jednotlivé vrstvy každého rámca pomocou palety Vrstvy a každý rámec bude mať svoju vlastnú jedinečnú sadu nastavení v palete Vrstvy. A nakoniec musíte uložiť sekvenciu snímok ako jeden súbor GIF - teraz je animácia pripravená na prezeranie v interaktívnom režime.

Táto kniha hovorí o vytvorení dvoch hlavných animačných efektov: presunutím prvku vrstvy a postupným vyblednutím alebo objavením sa. Po zvládnutí základov môžete začať vytvárať zložitejšie animačné projekty.

Presúvanie prvku obrázka pomocou animácie

Vytvorte animačný efekt pre ľubovoľný obrázok.

  1. Otvorte alebo vytvorte obrázok obsahujúci vrstvu pozadia a priehľadnú vrstvu s obrázkom objektu (obr. 23.128). Postup je opísaný v časti „Maskovacie obrázky pomocou príkazu Extrahovať“ v kapitole 5 av častiach o rôznych metódach vymazania obrázka na konci kapitoly 12.

Obr. 23127. Paleta animácií

Obr. 23128. Vrstvy obrázkov na karte Vrstvy

Obr. 23129. Premiestnite prvok vrstvy na okraj hlavného okna

Obr. 23130. Presuňte prvok obrázka na druhý okraj hlavného okna

Obr. 23131. Pôvodné (počiatočné) a skopírované (posledné) animované snímky

  1. Paletu Animácie otvoríte kliknutím na kartu Animácia alebo pomocou príkazu Okno> Zobraziť animáciu (Okno> Zobraziť paletu animácie).
  2. Vyberte vrstvu v palete Vrstvy.
  3. Pomocou nástroja Premiestniť element obrázka na okraj hlavného okna (Obr. 23.129). Zodpovedajúca miniatúra v palete Animácia sa aktualizuje tak, aby odrážala nové umiestnenie prvku.
  4. V dolnej časti palety Animácie kliknite na tlačidlo Duplikovať aktuálny rámec. Skopírovaný rámik sa zvýrazní.
  5. Vrstva vybraná v kroku 3 by mala zostať vybraná.
  6. Pomocou nástroja Premiestniť (kláves V) pretiahnite prvok vrstvy na druhú stranu hlavného okna (Obr. 23.130). Aktuálna miniatúra v palete Animácia bude zodpovedajúcim spôsobom aktualizovaná (Obr. 23.131). Nechajte túto vrstvu vybranú!
  7. Na palete Animácie kliknite na tlačidlo Tween, aby ste vytvorili medziľahlé snímky medzi už vybranými.
  8. V dialógovom okne Tween prepnite prepínač Vrstvy na jednu z nasledujúcich pozícií:
  • Všetky vrstvy (všetky vrstvy), aby sa skopírovali body zo všetkých vrstiev do nových snímok - dokonca aj tých, ktoré sa nezmenili (obr. 23.132). Táto možnosť vám tiež umožní zapamätať si zmeny vykonané súčasne v dvoch alebo viacerých vrstvách,
  • Vybraná vrstva na skopírovanie bodov iba vybranej vrstvy do nových snímok. Všetky ostatné vrstvy budú skryté.

Potom v skupine Parametre začiarknite políčka pre tie parametre, ktoré sa zmenia v prostredných rámcoch: Pozícia, Nepriehľadnosť a / alebo Efekty.

V rozbaľovacej ponuke Tween with with select vyberte režim Previous Frame (Pridanie medziľahlých snímok medzi vybraný a predchádzajúci).

Ak ste pred otvorením dialógového okna Tween vybrali niekoľko snímok, v rozbaľovacej ponuke Tween with (K dispozícii je len výber) bude k dispozícii iba možnosť Selection (Výber medziproduktov).

Obr. 23132. Dialógové okno Tween

Ďalšie možnosti animácie

Stlačením klávesu Shift a kliknutím myšou môžete vybrať niekoľko snímok. Presuňte jeden alebo skupinu snímok na požadované miesto.

Ak chcete umiestniť jednotlivé snímky do vrstvy, vyberte z ponuky na palete Animácie zobrať snímky do vrstiev. Predchádzajúce vrstvy sa neodstránia.

Pomocou príkazu Vrátiť snímky z ponuky palety Animácie môžete zmeniť poradie prehrávaných snímok. Táto možnosť je ekvivalentná prehrávaniu animácie.

Obr. 23133. Paleta animácie po pridaní prechodných snímok

Vytvorenie medzipamätí

Ak chcete zopakovať postup vytvárania prechodných snímok, vyberte všetky predtým vytvorené prechodné snímky kliknutím na stlačené tlačidlo Shift a potiahnutím na tlačidlo Odstrániť. Upravte jeden z dvoch zostávajúcich rámcov a potom znova použite príkaz Tween.

Ďalej v poli Frames to Add zadajte počet snímok, ktoré sa majú pridať (od 1 do 100). Čím vyššia je táto hodnota, tým bude animácia plynulejšia (bez prerušenia), ale veľkosť súboru a čas sťahovania sa zvýšia.

  1. Kliknite na tlačidlo OK (Obr. 23.133). Teraz si môžete zobraziť ukážku animácie (pozri časť „Ukážka animácie“). Počas prehrávania sa prvok vrstvy plynule pohybuje z jedného okraja hlavného okna do druhého.

Na animáciu môžete použiť textovú vrstvu a nemusíte ju ani konvertovať do rastrovej reprezentácie. Môžete vytvoriť efekt stmievania alebo stmievania, ako aj presunúť text pozdĺž okna obrázka alebo ho použiť na iné animačné efekty.

Ak chcete, aby sa animácia načítavala a prehrávala rýchlo, použite malé veľkosti snímok (približne 200 x 200 pixlov alebo menej).

Pin
Send
Share
Send
Send