Koristni nasveti

Kako ustvariti animacije s programom Adobe ImageReady CS

Pin
Send
Share
Send
Send


Ustvarjanje animacij v Adobe ImageReady temelji na uporabi slojev. Vsak element animacije je postavljen na svoj sloj. To vam omogoča, da spremenite položaj in videz elementa v vrsti okvirjev z uporabo ukazov in značilnosti palete plasti. Za ustvarjanje animacijskih okvirjev iz nenavadne večplastne slike se skupaj z razponom plasti Layers uporablja gamut. Z njim lahko vsakemu kadru dodelite čas zamude, ustvarite nove okvire, samodejno ustvarite vmesna stanja na podlagi izhodnih in ciljnih slik, določite število ponovitev animacije in drugo

Poudariti je treba, da lahko v Adobe Photoshop CS2 uporabite tudi množico animacije, ne da bi šli v program ImageReady. V programu Adobe ImageReady je na voljo tudi gama animacija CS2.

Predstavljamo animacijski gamut

Razmislite o postopku priprave animacije. Kot primer bomo "oživili" pasico, ki smo jo shranili v datoteko other.psd. Najprej zaženite program Adobe ImageReady.

Kliknite gumb Start v opravilni vrstici in v glavnem meniju Windows izberite ukaz Programs - Adobe ImageReady CS (Programs - Adobe ImageReady CS). Program se bo zagnal, na zaslonu pa se bo prikazalo njegovo delovno okno.

Kot že omenjeno, je animacija pripravljena z uporabo palete Animation.

Izberite menijski oken Okno - Animacija. Na dnu pojavnega okna se prikaže gamut Animacija.

Dokler v Adobe ImageReady ne bo ustvarjen nov dokument ali pa se odpre obstoječ dokument, bodo kontrole v tej paleti nedosegljive. Zato takoj odpremo datoteko other.psd.

Izberite menijski ukaz File - Open. Na zaslonu se prikaže pogovorno okno Odpri datoteko.

Odprite mapo, v katero ste shranili datoteko other.psd, in jo izberite s klikom miške.

Kliknite gumb Odpri. Pogovorno okno Odpri datoteko se zapre. Okno dokumenta other.psd se prikaže v delovnem oknu programa Adobe ImageReady.

Priprava animacije v Adobe ImageReady je sestavljena iz razvijanja zaporedja okvirjev, za katere je določena slika, čas zamude in druge značilnosti. Prvi okvir tega zaporedja program ustvari samodejno in je v zgornjem levem kotu že v igro Animacija s sličico in bližnjico 1. Ta okvir vključuje vse vidne plasti aktivne risbe.

Na spodnjem robu palete Animation so gumbi, ki nadzorujejo ustvarjanje in predvajanje animacij. Ti gumbi imajo naslednji namen.

Izbira možnosti zanko - odpre meni, s katerim lahko izberete število ponovitev animacije. Izbrana možnost je prikazana na levi strani ikone. Privzeto je to Forever, z drugimi besedami, animacija se predvaja brez prekinitve.

Izbere prvi okvir - Pojdite na prvi okvir animacije.

Izbira prejšnji okvir - Pojdi na prejšnji okvir animacije.

Predvaja / Zaustavi animacijo - omogoči predvajanje animacije. Po začetku predvajanja se slika gumba spremeni, s pritiskom nanjo pa se prekine predvajanje animacije.

Izbere naslednji okvir - pojdi na naslednji okvir.

Tween (ustvarjanje vmesnih okvirjev) - samodejno ustvari vmesne okvirje med 2 označenima.

Podvoji trenutni okvir - Podvoji trenutni okvir.

Izbriše izbrane okvirje - izbriše izbrane okvirje.

V zgornjem desnem kotu palete Animation je gumb za vnos, ki odpre dostop do menija palete. S pomočjo ukazov tega menija lahko ustvarite, izbrišete, kopirate, prilepite in izberete okvirje, ustvarite vmesne okvirje, izboljšate animacijo in naredite nekatere druge operacije.

Postopek priprave animacije v Adobe ImageReady je zelo preprost. V gamsu Animation se izmenično ustvarjajo okvirji. Grafična vsebina vsakega okvirja se določi s paleto slojev. Z vsem tem lahko uporabite vsa razpoložljiva orodja za urejanje. Za vsak okvir je nastavljeno trajanje zaslona, ​​ki ga lahko spreminjate v širokem območju. Po potrebi stroj med 2 vsaj nekaterimi okviri samodejno ustvari vsaj nekaj vmesnih okvirjev, da ustvari učinek postopne konfiguracije. Poleg tega je mogoče ustvariti tako postopno spremembo za preglednost, učinke in položaj predmetov. In na koncu je prikazano število ponovitev animacije v brskalniku, ki jih določa celo število ali je lahko neprekinjeno. Na zadnjem koraku se animacija optimizira in shrani v GIF formatu.

Dodatne informacije o temi

Ta članek vsebuje informacije o ustvarjanju in urejanju menijev z uporabo VBA.

Opis, kako ustvariti animirane slike (gumbe) z grafičnim urejevalnikom Adobe ImageReady

Ta članek opisuje, kako ustvariti spletno mesto z urejevalnikom WYSIWYG, zlasti Microsoft FrontPage 2003

Opis oblikovanja vmesnikov z uporabo vizualnega osnovnega programiranja (VBA)

Ustvarjanje GIF-jev v programu ImageReady

Z GIF animacijo se predvaja niz slikovnih okvirjev v vrstnem redu, ki ga določi uporabnik. Za spletno stran lahko ustvarite različne učinke animacije: besedilo ali grafiko premaknite, postopoma izginejo ali se pojavijo ali spremenijo na drug način.

Za pripravo animacije v programu ImageReady morate ustvariti veliko slikovnih okvirjev s paleto animacij, prikazano na sliki 2. 23.127. Nato lahko s pomočjo palete Layers uredite posamezne plasti vsakega okvira in vsak okvir bo imel svojo edinstveno nastavitev v paleti Slojev. In končno, zaporedje okvirjev morate shraniti kot eno GIF datoteko - animacija je zdaj pripravljena za ogled v interaktivnem načinu.

Ta knjiga govori o ustvarjanju dveh glavnih animacijskih učinkov: premikanje elementa plasti in postopno bledenje ali pojavljanje. Ko boste osvojili osnove, lahko začnete ustvarjati bolj zapletene animacijske projekte.

Premikanje slikovnega elementa z uporabo animacije

Ustvarite animacijski učinek za katero koli sliko.

  1. Odprite ali ustvarite sliko, ki vsebuje plast ozadja in prosojni sloj s sliko predmeta (slika 23.128). Kako to storiti, je opisano v razdelku »Maskiranje figur z uporabo ukaza Extract« v 5. poglavju in razdelki o različnih metodah brisanja slike na koncu 12. poglavja.

Sl. 23.127. Paleta animacij

Sl. 23.128. Slika Sloji na zavihku Sloji

Sl. 23.129. Premaknite element plasti na rob glavnega okna

Sl. 23.130. Povlecite slikovni element na drugi rob glavnega okna

Sl. 23.131. Izvirni (začetni) in kopirani (zadnji) okvirji animacije

  1. Odprite paleto Animacija s klikom na zavihek Animacija ali pa z ukazom Okno> Prikaži animacijo (Okno> Prikaži animacijsko paleto).
  2. Izberite plast v paleti slojev.
  3. S pomočjo orodja Move povlecite slikovni element na rob glavnega okna (slika 23.129). Ustrezna sličica v paleti Animacija bo posodobljena, da odraža novo pozicijo elementa.
  4. Na dnu palete Animation kliknite gumb Podvoji trenutni okvir. Kopiran okvir bo označen.
  5. Plast, izbrana v koraku 3, mora ostati izbrana.
  6. S pomočjo orodja Premakni (tipka V) povlecite element plasti na drugo stran glavnega okna (Sl. 23.130). Trenutna sličica v paleti Animacija bo ustrezno posodobljena (slika 23.131). Pustite, da je ta plast izbrana!
  7. V paleti Animation kliknite gumb Tween, da ustvarite vmesne okvirje med že izbranimi.
  8. V pogovornem oknu Tween postavite stikalo Sloji na enega od naslednjih položajev:
  • Vsi sloji (Vsi sloji), da kopirate točke iz vseh plasti v nove okvirje - tudi tiste plasti, ki niso bili spremenjeni (slika 23.132). Ta možnost vam bo omogočila tudi, da se spomnite sprememb, izvedenih hkrati v dveh ali več slojih,
  • Izbrani sloj za kopiranje točk samo izbranega sloja v nove okvirje. Vsi drugi sloji bodo skriti.

Nato v skupini Parameters potrdite potrditvena polja za tiste parametre, ki se bodo spremenili v vmesnih okvirih: Položaj, Neprozornost in / ali Učinki.

V pojavnem meniju Tween with Tward izberite način Previous Frame (Dodajte vmesne sličice med izbranim in prejšnjim).

Če je bilo izbranih več kadrov, preden se odpre pogovorno okno Tween, bo v pojavnem meniju Tween na voljo le možnost Izbira (dodajte vmesne okvirje med izbranimi).

Sl. 23.132. Pogovorno okno Tween

Druge možnosti animacije

S pritiskom tipke Shift in klikom z miško lahko izberete več okvirjev. Povlecite enega ali skupino okvirjev na želeno mesto.

Če želite vsak okvir postaviti v plast, na meniju v paleti Animation izberite Flatten Frames Into Layers. Prejšnji sloji ne bodo izbrisani.

S pomočjo ukaza Revert Frames v meniju palete Animation lahko spremenite zaporedje okvirjev za predvajanje. Ta možnost je enakovredna predvajanju animacije.

Sl. 23.133. Paleta animacij po dodajanju vmesnih okvirjev

Rekreacija vmesnih okvirjev

Če želite ponoviti postopek ustvarjanja vmesnih okvirjev, s pritiskom na tipko Shift izberite vse prej ustvarjene vmesne okvirje in jih povlecite na gumb Delete. Uredite enega od dveh preostalih okvirjev in nato znova uporabite ukaz Tween.

Nato v polju Okvirji za dodajanje navedite število okvirjev, ki jih je treba dodati (od 1 do 100). Višja kot je ta vrednost, bolj gladka bo (brez prekinitev) animacija, vendar se bo velikost datoteke in čas prenosa povečala.

  1. Kliknite gumb V redu (Sl. 23.133). Zdaj si lahko ogledate animacijo (glejte razdelek »Predogled animacije«). Med predvajanjem se bo element plasti gladko premikal od enega roba glavnega okna do drugega.

Za animacijo lahko uporabite besedilni sloj in vam ga sploh ni treba pretvoriti v rastrsko predstavitev. Ustvarite lahko učinek zbledele ali zbledele, pa tudi premikanje besedila po slikovnem oknu ali pa ga uporabite za druge učinke animacije.

Če želite, da se animacija hitro naloži in predvaja, uporabite majhne velikosti okvirja (približno 200 x 200 slikovnih pik ali manj).

Oglejte si video: Kako ustvariti animacijo v Adobe After Effects-u SLO (Oktober 2020).

Pin
Send
Share
Send
Send