Slojevi animacije. Elektronska škola macromedia flash mx ii kurs: osnove kreiranja animacije u macromedia flash mx modul iv: maska ​​sloja, animirana maska, uređivanje animacije

Slojevi u animaciji se mogu zamisliti kao hrpa listova papira koji se proziru. Svaki takav list može imati jednu ili više slika (slika 1). Ovaj mehanizam za organizovanje crteža omogućava vam da promenite jednu sliku bez uticaja na drugu, a takođe pojednostavljuje matematički model animacije. Kao rezultat, veličina gotove datoteke postaje manja.

Rice. 1. Slojevi u grafici

Još jedna neosporna prednost slojeva u kompjuterskoj grafici: oni se mogu pomicati jedan u odnosu na drugi, dovodeći jednu ili drugu sliku u prvi plan.

2. Rad sa slojevima u Synfig

Uprkos činjenici da možete postaviti više slika na jedan sloj, Synfig Studio podržava ideju „svaki primitiv ima svoj sloj“. Stoga se novi sloj automatski kreira kada nacrtate bilo koji oblik. Ovo je nezgodno za složene slike, na primjer, sliku osobe, koja se može sastojati od mnogih primitivnih elemenata i mora biti animirana kao cjelina. Međutim, u Synfigu možete grupirati slojeve, a zatim premjestiti grupu kao cjelinu.

Podrazumevani panel sa slojevima nalazi se na dnu desnog plutajućeg prozora. Ako nacrtate nekoliko oblika na platnu, ovaj panel će prikazati listu slojeva (slika 2).

Rice. 2. Panel slojeva
(a – oznaka panela, b – lista slojeva,
c - dugmad za kontrolu slojeva, d - nazivi slojeva)

Naziv sloja se može promijeniti. Da biste to učinili, odaberite sloj, zatim kliknite na ime, unesite novo ime i pritisnite Enter. Poništavanje polja za potvrdu (lijevo) čini sloj nevidljivim. Ovo je često korisno prilikom uređivanja slike. Dugmad na dnu panela služe za upravljanje slojevima. Na primjer, prva dva (sa strelicama) omogućavaju vam da pomjerate slojeve jedan u odnosu na drugi.

Razmotrimo praktičnu primenu slojeva: recimo da treba da kreiramo sliku, kao na slici 3.

Rice. 3. Slika kreirana pomoću alata Circle, Rectangle i Polygon

Kuća se sastoji od osam pravougaonika, automobil je napravljen od poligona i dva kruga, a na slici se nalazi i slika sunca u obliku jednostavnog kruga. Nakon što su podaci o slici kreirani, na panelu Layers će biti dvanaest slojeva (slika 4.1). U ovom obliku, vrlo je teško razumjeti koji primitiv pripada kojem objektu, a bit će nevjerovatno teško animirati svu ovu količinu. Stoga, spojimo slojeve koji čine kuću u jednu "kapsulu", a automobil u drugu. Da biste to učinili, odaberite slojeve svih "dijelova kuće" (koristeći pritisnutu tipku Shift ili Ctrl) i izvršite naredbu Encapsulate (dugme na dnu ploče Slojevi ili kroz kontekstni izbornik). Isto se mora uraditi i u odnosu na automobil. Sada će slika slojeva izgledati malo bolje (slika 4.2). Osim toga, bilo bi dobro preimenovati slojeve (slika 4.3). Treba imati na umu da ako kliknete na trokut lijevo od imena, otvorit će se lista slojeva uključenih u uniju. Drugim riječima, oblici i dalje zadržavaju svoju autonomiju, tako da se svaki element i dalje može uređivati ​​pojedinačno.

Rice. 4. Kompozitni slojevi slike
(1 - mnogo slojeva, 2 - spojeni slojevi, 3 - preimenovani slojevi)

Vježbajte. Nacrtajte slike sunca, kuće i automobila u Synfig studiju. Spojite i preimenujte slojeve.

Pitanje. Koja će biti razlika u animaciji ako je sloj "Kuća" iznad sloja "Automobil"?

3. Pokretni objekti koji se sastoje od nekoliko slojeva

Postoji jedna karakteristika u Synfig Studiju kada se pomera kompozitna slika.

Kada enkapsuliramo nekoliko slojeva, ovaj novi sloj ima “centralnu tačku” preko koje je moguće prenijeti sliku (slika 5). Ova tačka uvek završi u centru platna. Međutim, sama slika može biti sa strane. U tome nema ništa loše, ali ponekad je zgodnije imati centar u centru same slike. Pogledajmo kako možete pomjeriti “centralnu tačku”.

Rice. 5. Pogled objekta na platnu kada je odabran kompozitni sloj “Car”.
(a je tačka za pomicanje sloja)

Prvo morate proširiti listu slojeva složene slike u panelu Layers. Odaberite sve ugniježđene slojeve i složeni sloj (slika 6.1). Koristeći alatku Normal, označite sve oznake (to je lakše učiniti pomoću okvira za odabir) (slika 6.2). Uzmite sliku za bilo koju oznaku i pomerite je do centralne tačke (slika 6.3). Nakon toga možete premjestiti sliku izvan središnje točke na bilo koji dio platna.

Rice. 6. Faze pomjeranja “centralne tačke” slike

Vježbajte. Pomjerite središnje točke automobila i kuće u središte samih slika.

4. Animirajte više objekata

Dakle, sve pripremne aktivnosti su završene i sada treba preći na samu animaciju. Recimo da se prema scenariju za 5 sekundi automobil mora pomaknuti s lijeve ivice platna na desnu, a sunce mora otputovati od lijeve granice do centra za isto vrijeme. Štaviše, neka auto vozi tako da za 4 sekunde stigne samo do sredine, au posljednjoj sekundi pređe cijelu preostalu udaljenost. Početni položaj objekata trebao bi biti približno isti kao na slici 3.

Faze izrade animacije:

1. Omogući način animacije.
2. Kreirajte ključne kadrove na početku 1. i 5. sekunde.
3. Idi na zadnji kadar.
4. Pomerite sliku sunca u centar platna, a automobil na desnu ivicu platna.
5. Kreirajte ključni kadar na početku 4. sekunde.
6. Pomerite auto malo unazad (u sredinu platna).

Vježbajte. Kreirajte animaciju prema gore opisanom planu. Želite li ga vidjeti pomoću naredbe File? Pregled.

5. Zaključci

• Slojevi igraju važnu ulogu u kompjuterskoj grafici. Oni vam omogućavaju da promijenite neke objekte na crtežu bez utjecaja na druge.
• Obično je predviđen poseban panel za rad sa slojevima u grafičkim i animacijskim okruženjima.
• Slojevi se mogu pomicati (podići i spustiti). Gornji sloj na listi čini prednji plan slike.
• Često programi za kompjutersku animaciju dozvoljavaju da se slojevi grupišu zajedno.
• Svaki sloj je posebno animiran. Neki slojevi možda ne sadrže animaciju.

6. Samostalan rad

Plan Express modula:

• Maska sloja
• Animirane maske
• Animirana maska. Izračunata animacija tipa oblika
• Animirana maska. Izračunata animacija tipa Motion
• Uređivanje animacije.

Maska sloja

Maska sloja se ne može koristiti sama, već mora biti povezana s jednim ili više regularnih slojeva na kojima daje efekt maske. Odnosno, sadržaj povezanih slojeva vidljiv je samo kroz „rupe“ na maski, a ostatak ostaje nevidljiv. Štaviše, maska ​​može imati animaciju (osim animacije koja koristi vodič za kretanje), što vam omogućava da kreirate vrlo neobične efekte.

Prilikom rada na sloju maske, za stvaranje "rupa", najčešće se koristi grafički primitiv - fill. U ovom slučaju igra ulogu vrlo toksične boje ili kiseline koja nagriza površinu sloja. Linije nemaju ovo svojstvo!

Dakle, maska ​​se može kreirati na osnovu:

• grafički primitiv - fill,
• blok teksta,
• primjer simbola tipa Graphic ili Movie Clip, naravno, pod uslovom da ovi simboli imaju polja za popunjavanje.

Kada radite sa ovim elementima, imajte na umu da se na sloj maske može istovremeno postaviti samo jedan tip objekta - ili samo ispune, ili samo tekst, ili simboli tipa Graphic, ili simboli tipa Movie Clip. Štaviše, može biti onoliko "običnih" ispuna koliko želite, ali može postojati samo jedan tekstualni blok ili simbol! Redoslijed radnji prilikom kreiranja maske je sljedeći:

Ako maska ​​sloja već postoji, možete povezati dodatne slojeve s njom. To se može učiniti na nekoliko načina.

• Prevucite postojeći sloj tako da bude pozicioniran direktno ispod maske sloja.
• Kreirajte novi sloj direktno ispod maske sloja.
• Maskiran(pod uticajem maske).

Možete prekinuti postojeću vezu sa maskom sloja. Ova operacija se također može izvesti na nekoliko načina.

• Prevucite maskirani sloj tako da bude pozicioniran iznad sloja maske.
• Otvorite dijalog svojstava sloja i postavite prekidač u njemu Normalno(običan).

Eksperimentirajte sa slojevima. Kreirajte slojeve maske na osnovu ispune, tekstualnog bloka, grafičkog simbola i filmskog isječka i provjerite jesu li gornje izjave tačne.

Animirane maske

Maska se može napraviti da se kreće koristeći i okvir po kadar i računsku animaciju.

Koristeći izračunatu animaciju tipa Motion, možete „animirati“ masku kreiranu na osnovu tekstualnog polja, ispune predstavljene kao grupa, simbola tipa Grafički ili Movie Clip. Štaviše, za simbol tipa Movie Clip, možete koristiti vodeći sloj da postavite proizvoljnu putanju kretanja. Ali to će se morati učiniti "unutar" samog simbola!

Koristeći izračunatu animaciju tipa Shape, možete "oživjeti" masku kreiranu na osnovu grafičkog primitiva - ispune.

Također možete koristiti ActionScript za animiranje maski.

Ne možete maskirati slojeve unutar dugmadi - simbola tipa Button. Osim toga, dugme ne može služiti kao maska.

Pogledajmo nekoliko opcija za stvaranje animirane maske.

Animirana maska: Animacija izračunatog oblika

Kreirajte novi dokument i spremite ga na disk. Dok radite na videu, morat ćete kreirati tri sloja u paleti Timeline:

Tekst sloja. Postavite blok teksta na ovaj sloj. Da biste mogli primijeniti gradijentnu ispunu na tekst, "razbijte" tekst tako što ćete dvaput pristupiti komandi Break Apart iz menija Modify.

Sjenka sloja. Ovaj sloj će vam omogućiti da kreirate efekat senke za vaš tekst. Da biste to učinili, idite na sloj s tekstom i kopirajte ga u međuspremnik. Zatim, vratite se na sloj sjene, koristite naredbu Insert > Paste in Place, primijenite ispunu na ovaj tekst kao Solid(puna) tamna boja i malo pomerite ovaj tekst pomoću kontrolnih tastera na tastaturi. Rezultat je bila gusta senka.

Maska sloja. Na ovom sloju ćete kreirati animiranu masku. Da biste to učinili, na prvom okviru ovog sloja, pomoću alata Oval, nacrtajte krug relativno malog radijusa. Centrirajte krug u odnosu na scenu (ne zaboravite sjajnu paletu Align). Zatim idite na okvir 25 ovog sloja i napravite ga ključem. U ovom okviru, veličinu kruga treba povećati tako da u potpunosti pokrije vaš tekst. Vratite se na prvi kadar i u paleti Svojstva postavite tip animacije na Oblik. Da zamrznete posljednji kadar animacije na neko vrijeme, idite na okvir 40 i koristite naredbu Insert > Frame.

Koristeći istu naredbu, "razvucite" sloj teksta i sloj sjene na 40 okvira.

Testirajte svoj video.

Ako prekinete vezu sa maskom sloja i slojem senke, možete dobiti još jedan vrlo zanimljiv efekat! Eksperimentirajte sa videom - promijenite ovisnost slojeva, oblik maske...

Animirana maska: Izračunata animacija tipa Motion

Kreirajte novi dokument i spremite ga na disk. Dok radite na ovom videu, također ćete morati kreirati tri sloja u paleti Timeline.

Tekst sloja. Postavite blok teksta na ovaj sloj. Možete koristiti tekst iz prethodnog rada.

Slika sloja. Tekst se takođe postavlja na ovaj sloj, a kao iu prethodnom radu korišćena je komanda Insert > Paste in Place. Primijenite punu ispunu na ovaj tekst i smanjite njegovu neprozirnost pomoću palete Mixer boja na 1%-10%. Morate stvoriti iluziju da je slika vidljiva u mraku.

Maska sloja. Na ovom sloju ćete kreirati animiranu masku za simulaciju kretanja snopa reflektora. Ulogu reflektora će „izvršiti“ simbol grafičkog tipa. Dakle, kreirajte novi simbol, Novi simbol, tipa Grafički. Unutar simbola nacrtajte krug čiji je prečnik nešto veći od visine slova u vašem tekstu. Koristeći paletu Align, postavite krug u centar simbola. Vratite se na scenu, otvorite biblioteku filmova i postavite instancu simbola koji ste kreirali na nju, tako da samo dodirne lijevu ivicu pozornice. Zatim idite na kadar 30, napravite ga ključnim kadrom i pomjerite instancu reflektora na desnu ivicu scene kao što je prikazano na slici. Vratite se na prvi kadar i u paleti Svojstva postavite tip animacije na Motion. Kako biste na neko vrijeme zamrznuli posljednji kadar animacije i dali svjetlu reflektora malo vremena da "prošeta" izvan scene, idite na kadar 40 i koristite komandu Insert > Frame.

Koristeći istu naredbu, "razvucite" sloj slike i sloj teksta na 40 okvira.

Zatim idite na sloj maske i koristite kontekstni meni maske da ga pretvorite u masku.

Testirajte svoj video i divite se rezultatima.

Dozvolite sebi hrabar eksperiment. Svakako pokušajte koristiti blok s tekstom kao animiranu masku!

Animirana maska. Upotreba simbola filmskog isječka za kreiranje maske koja se kreće duž date putanje

Kreirajte novi dokument i spremite ga na disk. Kreirajte novi simbol tipa Movie Clip, unutar kojeg ćete morati organizirati kretanje maske duž zadane putanje. Da biste to učinili, kreirajte privremeni sloj u paleti Timeline vašeg simbola privremeni, na koji postavljate određeni pejzaž. Pretvorite pejzaž u grupu, poravnajte grupu sa središtem scene pomoću palete Align. Ovaj sloj će biti obrisan kasnije, ali će nam u fazi razvoja videa dobro poslužiti, omogućavajući nam da ispravimo kretanje „špijunke“ - maske.

Kreirajte novi sloj dvogled, u kojem nacrtajte krug (to je ono što će naknadno igrati ulogu dinamičke maske). Ne zaboravite ga pretvoriti u grupu, jer Motion animacije neće raditi s grafičkim primitivom! Zatim kreirajte sloj za ovaj sloj Vodič, gdje određujete putanju maske. Obratite pažnju na paletu Timeline ovog simbola. Kako bi se smanjila brzina kretanja maske, ključni okvir na kojem će se odrediti konačni položaj maske može se pomaknuti udesno (npr. u videu korištenom u ovom predavanju nije 40 kao na slici , ali 100 kadrova). Nakon što ste se odlučili za konačnu poziciju maske, vratite se na prvi kadar i postavite tip animacije na Motion u paleti Properties. Ne zaboravite da "posadite" krug na liniju putanje. “Rasegnite” vodič: dvogled i međuslojevi koristeći komandu Insert Frame. Ako je potrebno, prilagodite putanju kretanja pomoću alata palete Alati - Podizbor, Olovka i Strelica.

Vratite se na pozornicu. Imajte na umu da paleta vremenske trake mog videa ima samo dva sloja i samo jedan okvir. Za sloj pejzaž postavite pejzaž. I na novi sloj, koji će kasnije biti definisan kao maska, postavite instancu simbola koji ste kreirali. Podesite položaj instance simbola tako da lokacija scenografije simbola odgovara lokaciji scenografije na pozornici. Sada idite u biblioteku filmova i uredite simbol, kliknite desnim klikom na njega i odaberite naredbu Uredi(uredi). Izbrišite privremeni sloj na kojem imate pejzaž. Vratite se ponovo na scenu i pretvorite sloj maske na koji ste postavili instancu simbola u masku.

Testirajte svoj video, divite se rezultatu i, ako je potrebno, ispravite animaciju.

Uređivanje animacije

Već sam vam rekao da se animacija može podesiti korištenjem dodatnih ključnih kadrova. Danas bih vam želio dati nekoliko praktičnih savjeta o ovom pitanju.

Za pomicanje okvira ili niza okvira, jednostavno ih prevucite mišem.

Da "pretvorite" ključni kadar u običan okvir, koristite naredbu Clear Keyframe. Obrisani ključni kadar i svi okviri do sljedećeg ključnog kadra zamjenjuju se sadržajem prethodnog obrisanog ključnog kadra.

Da biste animaciju "zrcalili" u vremenu (da početak bude kraj, a kraj početak, naravno, na početku i kraju bi trebali biti ključni kadrovi), odaberite okvire koji su vam potrebni i koristite naredbu Reverse Frames.

Primena efekta ljuštenja luka (ljuska luka)

Radeći u normalnom režimu, Flash prikazuje sadržaj samo jednog okvira animacije na pozornici u datom trenutku.

Da biste bolje pozicionirali objekte koji se nalaze na različitim okvirima jedan u odnosu na drugi prilikom kreiranja animacije okvir po kadar ili kada ispravljate izračunatu animaciju, možete „prikazati“ slike nekoliko kadrova odjednom na pozornici. Da biste prebacili Flash na ovaj način rada, trebali biste pogledati dugme Onion Skin, koje možete lako pronaći na dnu Timeline palete. U ovom režimu, elementi trenutnog okvira će biti prikazani u punoj boji, a elementi susednih okvira će biti polutransparentni. Ovaj način možete malo transformirati pomoću gumba Onion Skin Outlines, koji vam omogućava da elemente susjednih okvira predstavite u obliku silueta. Da biste povećali područje snimanja kadrova za bilo koji od ovih načina, trebate “pomjeriti” marker načina rada udesno. Režim za ljuštenje luka vam omogućava da uređujete samo trenutni okvir. Ako trebate prilagoditi nekoliko slojeva odjednom, uključite mod Uredi više kadrova.

Imajte na umu da se gore navedeni načini ne mogu primijeniti na zaključane slojeve. Da biste izbjegli zabunu prilikom uređivanja više okvira, zatvorite ili onemogućite slojeve koji trenutno nisu potrebni!

Domaći zadatak: Osnove kreiranja animacije u Macromedia Flash MX

Prvo, trebate duplicirati animirane flash video zapise predstavljene u materijalu ovog predavanja.

Drugo, napravite video koji vam omogućava da ilustrujete divne stihove iz pesme Sergeja Aleksandroviča Jesenjina:

Plavi maj. Sjajna toplina.
Prsten na kapiji neće zvoniti.
Pelin ima ljepljiv miris.
Trešnja spava u bijelom ogrtaču.

U drvenim krilima prozora
Zajedno sa okvirima u tanke zavjese
Ekscentrični mjesec plete
Na podu su uzorci čipke...

Pokušajte spojiti dvije epizode u svom videu - dva katrena, koristeći znanje stečeno u sklopu proučavanja metoda animacije. Da biste osigurali nesmetan prijelaz iz jedne epizode u drugu, koristite masku.

Ukupno: potrebna su vam četiri fajla u fla formatu (ako ukupna veličina datoteke prelazi 150 KB, arhivirajte datoteke) i pošaljite ih nastavniku.

Želim vam uspjeh u samostalnom učenju Macromedia Flash MX!

Pogledajmo četiri opcije za korištenje mehanizma slojeva prilikom kreiranja filma:

· korištenje slojeva za kreiranje pozadinske slike;

· korištenje vodećeg sloja za kontrolu kretanja objekta;

· koristite masku sloja za kontrolu vidljivosti maskiranih slojeva;

· uključivanje nekoliko animiranih objekata u scenu.

Kreiranje pozadine. Pozadina u Flashu se odnosi na statične slike

“scenografija” koja se ne mijenja tokom filma. Pozadina se može postaviti iza (iz ugla gledatelja) ili ispred animiranog objekta.

Pozadinski sloj se ne razlikuje od bilo kojeg drugog, a ako, na primjer, trebate učiniti pozadinu pomičnom, onda je sasvim moguće animirati jedan ili drugi objekt pozadinskog sloja.

Kontrolisanje kretanja objekta. U Flashu postoji koncept "vodećeg sloja"

- Sloj vodiča. Prilikom odabira ovog termina, Flash programeri su iskoristili neobičnu igru ​​riječi engleskog jezika. Činjenica je da vodeći sloj ima dvije svrhe:

· prvo, na njega možete staviti bilo kakve komentare (čak i sa ilustracijama), koji su vidljivi samo u modu za uređivanje filma, ali se ne izvoze u SWF format. U tom smislu riječ Vodič može se prevesti kao

“priručnik”, “uputstva”;

Drugo, koristeći vodeći sloj, možete kontrolirati putanju objekta animiranog korištenjem animacije pokreta.

Da biste kreirali sloj sa uputama, potrebno je da kliknete desnim tasterom miša na bilo koji sloj na listi slojeva u panelu vremenskog dijagrama i izaberete naredbu iz kontekstnog menija Umetni sloj. Kliknite desnim tasterom miša na novokreirani sloj i izaberite stavku u kontekstnom meniju Vodič. Kao rezultat toga, ikona čekića će se pojaviti na listi slojeva pored naziva sloja. Kaže da je sadržaj ovog sloja namijenjen isključivo programerima.

Drugi tip vodećeg sloja je sloj koji opisuje putanju duž koje se objekt kreće. Posebnost ove upotrebe vodećeg sloja je u tome što je prvo potrebno kreirati tweened animaciju pravolinijskog kretanja objekta.

Da bi se objekt kretao po proizvoljnoj putanji, morate izvršiti sljedeće korake:

1. Desni klik na naziv sloja koji sadrži animirani objekt.

2. Izaberite komandu u kontekstualnom meniju Dodajte vodič za kretanje(Dodajte sloj za kontrolu pokreta). Kao rezultat toga, vodeći sloj će se pojaviti na listi slojeva, označen posebnom ikonom, a naziv sloja animacije će se pomaknuti udesno - to je znak da se radi o podređenom sloju.

3. Kliknite na ime host sloja da ga učinite aktivnim.

4. Koristeći bilo koji alat za crtanje (olovka, olovka, oval, kist, pravougaonik)

Nacrtajte putanju objekta.

5. Kliknite lijevom tipkom miša na ćeliju prvog okvira animacije i na panelu za kontrolu svojstava okvira, odaberite jedan od dva polja za potvrdu: Orient to Path(Orient by route), ako želite da osa simetrije objekta bude orijentirana duž rute koju ste nacrtali; Snap(Snap), ako želite da pričvrstite točku transformacije ili točku registracije objekta na putanju. Nakon što označite bilo koji od polja, Flash automatski pozicionira objekt u okviru prema potrebi.

6. Kliknite lijevom tipkom miša na ćeliju posljednjeg kadra animacije i na panelu Frame Properties Inspector, označite isti okvir za potvrdu kao za prvi okvir.

7. Poništite odabir animiranog objekta i pustite film.

Ako izgradite putanju koja sadrži segmente koji se ukrštaju ili dodiruju, objekt će se kretati duž najkraće staze koja povezuje početnu i završnu tačku putanje.

Kada se putanja kreira, možete je učiniti nevidljivom. Da biste to učinili, vodeći sloj morate učiniti nevidljivim.

Maskiranje slojeva

Maska sloja vam omogućava da kreirate efekat rupe kroz koju je vidljiv sadržaj jednog ili više slojeva ispod.

Maska se može kreirati na osnovu sljedećih tipova objekata sloja:

· punjenje;

· tekstualno polje (bilo koji tip - statički, dinamički ili umetnuti);

· primjerak grafičkog simbola;

Maska se može napraviti da se kreće koristeći bilo koju vrstu animacije: okvir po kadar i animaciju s tvinom. Pomoću unaprijeđene animacije možete kreirati dinamičku masku na osnovu tekstualnog polja, ispune, grafike ili isječka. Štaviše, za klip možete koristiti vodeći sloj za postavljanje proizvoljne putanje kretanja. Koristeći animaciju transformacije tween-a, možete "oživjeti" masku kreiranu na osnovu ispune. Također možete koristiti ActionScript za animiranje maski. Ne možete maskirati slojeve unutar dugmadi.

Kreiranje maske. Maska je isto kao sloj, osim što se svako punjenje na njoj Flash tumači kao rupa kroz koju je vidljiv sloj ispod. U ovom slučaju, Flash u potpunosti zanemaruje boju ispune (uključujući raster), prisutnost gradijenta, konturu popune i njen tip. Maska sloja podrazumevano pokriva (maske) samo sloj koji se nalazi direktno ispod nje.

Da biste maskirali sloj, morate učiniti sljedeće:

· Kliknite desnim tasterom miša na naziv sloja koji želite da maskirate (zatvorite maskom) i izaberite naredbu iz kontekstnog menija Umetni sloj(ovaj novi sloj će kasnije poslužiti kao maska).

· Postavite ispunu (ili ispune) koju želite da koristite kao "prozore za prikaz" na masku sloja. Kada animirate masku, na njoj treba biti samo jedna ispuna.

· Kliknite desnim tasterom miša na naziv maske sloja i izaberite stavku iz kontekstnog menija Maska(Maska), dogodit će se sljedeće promjene na listi slojeva: odgovarajuća ikona će se pojaviti lijevo od naziva maske sloja; naziv maskiranog sloja će se pomeriti udesno, a nova ikona će se takođe pojaviti pored njega; oba sloja će biti automatski zaključana.

Uvijek možete promijeniti lokaciju, oblik i broj „prozora za gledanje“ maske. Da biste to učinili, morate ga učiniti dostupnim za uređivanje; samo ga otključajte klikom na ikonu zaključavanja (maskirani sloj možda neće biti otključan). Istovremeno, režim maskiranja se automatski uklanja.

Takođe možete da prelazite između režima uređivanja i prikaza maske koristeći komande kontekstnog menija sloja.

Da biste omogućili način uređivanja, potrebno je desnim klikom ili na naziv maske sloja ili na naziv maskiranog sloja i odabrati naredbu iz kontekstnog izbornika Pokazi sve (Pokazi sve).

Da biste omogućili način pregleda maske, potrebno je desnim klikom ili na naziv sloja maske ili na naziv maskiranog sloja i odabrati naredbu iz kontekstnog izbornika Prikaži maskiranje (Prikaži maskiranje).

Animiranje maske. Kao što je već spomenuto, "prozori za gledanje" maske mogu se animirati na jedan od načina o kojima smo ranije govorili. Kada koristite automatski tween ili transformaciju, maska ​​treba da sadrži samo jedan "viewport". Kada animirate okvir za prikaz, maskirani sloj djeluje kao pozadina.

Sistem slojeva animacije je vrlo moćan, a u isto vrijeme vrlo jednostavan i lak za učenje alat koji vam omogućava da obrađujete postojeće slojeve u animaciji i miješate ih.

Otvorite datoteku sa sljedećim imenom “Affe_Animation-Ebene_start.c4d”. Ponovo vidimo poznati model glave, ali ovaj put bez animacije u prozoru uređivača programa. U ovoj lekciji ćemo također dodijeliti potrebne pokrete za naš model. Postavite aktivni izgled animacije u programu (gornja ikona na vertikalnoj skali koja se nalazi na lijevoj polovini programskog interfejsa). Odaberite nulti objekat “Monkey” u upravitelju objekata, a zatim kliknite na funkciju “Monkey” u glavnom meniju Animacija/ Dodajte sloj animacije“. Naš Zero objekat će dobiti oznaku pokreta. Kada kliknete na ovu oznaku, u upravitelju atributa će vam biti dati svi parametri ove oznake, sa (ili bez) dodijeljenim slojevima animacije.

Pomoću potvrdnih okvira koji se nalaze u kontrolnim okvirima funkcije, možemo odrediti da je ovaj sloj ili slojevi aktivni. Napravite nekoliko jednostavnih pokreta pomicanjem glave modela lijevo ili desno i postavljanjem potrebnih ključnih kadrova. Koju vrstu animacije kreirate u ovom slučaju, u principu, nije bitno za ovu lekciju. Da biste mogli bolje uočiti početne smjerove ove funkcije, savjetujemo vam da napravite niz jednostavnih pokreta s desna na lijevo.

Ako ste postavili potrebne ključne kadrove, kliknite na dugme u menadžeru atributa

"Dodati". Ako dugme nedostaje, to može biti zato što nema izbora za oznaku pokreta ili je objekat Null. Promijenite ovo klikom na objekt “Majmun” u upravitelju objekata ili isticanjem svijetloplave oznake na desnoj strani koja izgleda kao “M” od 3 poteza.

Ako ste sve uradili kako treba, nakon klika na dugme "Dodaj" treba dodati "sloj". 1 “. Automatski će biti postavljeno kao aktivno. Možete vidjeti da nedostaju ključni kadrovi koje smo unaprijed dodijelili. Ali glava lika, kada se igra animacija, kreće se prema ključnom kadru koji je postavljen kao posljednji. To je zbog činjenice da će se za sistem slojeva animacije (za razliku od sistema pokreta) dodati novi ključevi za novokreirani sloj, bez brisanja prethodno dodijeljenih ključeva. Nisu vidljivi jer pripadaju standardnom sloju 0 , i u ovoj fazi je onemogućen. Napravite nekoliko novih poteza, postavite potrebne tipke i igrajte animaciju.

Sada će se oba sloja izmiješati. Možete dodati bilo koji broj slojeva i svaki put će se kreirati ključevi za sloj koji je trenutno aktivan u ovoj fazi. Nakon podešavanja ključeva za tri različita sloja, dobit ćemo tri različite animacije koje će se međusobno miješati. Ako ste uradili sledeće za slojeve: za sloj 0 dodijelio bi tipke za kretanje lijevo/desno; za sloj “1” kretanje gore\dole; a za sloj „ 2 “, kretanje glave sa nagibom udesno/lijevo; tada bi rezultirajuća animacija mogla izgledati ovako:

Konačno, imate opciju da onemogućite slojeve (kliknite na malu ikonicu narandžaste/crne filmske trake) ili da ih duplirate da biste provjerili animaciju na sloju. Ako vam kreirana kopija i vaše izmjene napravljene za nju više odgovaraju u smislu kvalitete, možete jednostavno izbrisati original i koristiti kopiju sloja u budućnosti.

Možete vidjeti koliko prednosti ima sistem slojeva animacije. U ovom slučaju, ključni kadrovi postoje skupljeni u više od jednog „velikog sloja“, pri gledanju kojeg ćete definitivno izgubiti ukupni pregled (sa složenom i složenom animacijom to je sasvim moguće). Na kraju vaše animacije, možete jednostavno onemogućiti/omogućiti slojeve za uređivanje animacije ili je blendanje (u ovom slučaju, HAIR modul bi se mogao koristiti najoptimalnije).

Ako trebate postaviti sloj s drugim pokretima, samo ga prebacite i aktivirajte željeni.

Samo malo eksperimentiranja, strpljenja i uskoro ćete sigurno primijetiti da će ovaj alat postati jedan od vaših must have. CINEMA 4D R11 ne postavlja nikakve granice vašim idejama.

Sloj je dio filmske scene koji može imati neke prilagođene atribute postavljene za njega. Svaki sloj može sadržavati proizvoljan broj različitih objekata (podložno ograničenjima za kreiranje animacije u tween-u navedenim u prethodnom poglavlju).

Upotreba mehanizma slojeva vam omogućava da autonomno radite s različitim objektima koji će biti uključeni u film i na taj način kreirati složene višedimenzionalne scene. Na primjer, jedan od slojeva može se koristiti kao pozadina na kojoj se odvijaju događaji u filmu, drugi - stvarni animirani objekti, a treći - elementi zvučnog zapisa filma. Osim toga, korištenjem slojeva mogu se dobiti specijalni efekti, kao što je pomicanje objekta po proizvoljnoj putanji, maskiranje objekata i neki drugi.

Svojstva sloja

U normalnom načinu rada, svi slojevi su potpuno transparentni, u smislu da se objekti koji se nalaze na različitim slojevima vizualno percipiraju kao elementi jedne scene. Istovremeno, objekat koji se nalazi na gornjem sloju zaklanja objekte koji se nalaze na istoj poziciji na nižim slojevima (slika 7.1).

Uvijek možete promijeniti redoslijed slojeva, kao i uređivati ​​objekte jednog sloja nezavisno od elemenata drugih slojeva. Međutim, ako je potrebno, možete istovremeno odabrati objekte iz različitih slojeva i raditi s njima kao jedinstvenom cjelinom. Na primjer, možete promijeniti njihovu boju ili ih grupirati.

Rice. 7.1. Vizuelni prikaz objekata koji pripadaju različitim slojevima

Broj slojeva koje možete kreirati ograničen je samo količinom RAM-a na vašem računaru i ne utiče na veličinu datoteke objavljenog filma. Za lakši rad sa slojevima u Flash MX Implementirana je mogućnost pohranjivanja svakog skupa međusobno povezanih slojeva u posebnu mapu slojeva (Layer Folder).

Kreiranje i brisanje slojeva

Da kreirate novi sloj, uradite jedno od sledećeg:

• na listi slojeva u panelu vremenskog dijagrama, kliknite desnim tasterom miša na sloj iznad kojeg želite da postavite novi; u kontekstualnom meniju izaberite komandu Umetni sloj;
• na listi slojeva u panelu s vremenskim dijagramom odaberite sloj iznad kojeg želite postaviti novi tako što ćete kliknuti lijevom tipkom miša na njega; Kliknite na dugme Insert Layer koje se nalazi ispod liste slojeva, sa leve strane (slika 7.2).

Kada kreirate novi sloj, on se pojavljuje na tabeli iznad odabranog sloja; u listi slojeva, njegovo ime se takođe postavlja iznad naziva selektovanog sloja. Dodati sloj automatski postaje aktivni sloj. To znači da će objekt kreiran na tabeli pripadati ovom sloju; u ovom slučaju, vidljivost novog objekta zavisiće od lokacije prethodno kreiranih objekata drugih slojeva (vidi sliku 7.2).

Rice. 7.2. Dodavanje novog sloja

Prema zadanim postavkama, novi sloj se zove Layer, što ukazuje na broj sekvence unutar scene. Nakon toga, ovaj naziv se može zamijeniti bilo kojim drugim koji objašnjava njegovu svrhu (uključujući korištenje ćiriličnog pisma).

Da izbrišete sloj, učinite jedno od sljedećeg:

• na listi slojeva u panelu vremenskog dijagrama, kliknite desnim tasterom miša na sloj koji želite da izbrišete; u kontekstualnom meniju izaberite komandu Delete Layer;

Kada se sloj izbriše, sloj ispod njega postaje aktivan.

Operacije kreiranja i brisanja sloja mogu se otkazati (kao i mnoge druge) klikom na dugme Poništi.

Kreiranje i brisanje foldera slojeva

Da biste kreirali mapu slojeva, morate učiniti jedno od sljedećeg:

• na listi slojeva u panelu vremenskog dijagrama, kliknite desnim tasterom miša na bilo koji sloj; u kontekstualnom meniju izaberite komandu Insert Folder;
• na listi slojeva u panelu vremenskog dijagrama, odaberite bilo koji sloj tako što ćete kliknuti lijevom tipkom miša na njega; Kliknite na dugme Insert Layer Folder koje se nalazi ispod liste slojeva (pogledajte sliku 7.2).

Prema zadanim postavkama, nova mapa se zove Folder, što ukazuje na redni broj unutar scene. Nakon toga, ovaj naziv se može zamijeniti bilo kojim drugim koji objašnjava njegovu svrhu (uključujući korištenje ćiriličnog pisma).

Za razliku od slojeva, niz okvira se ne prikazuje za folder na vremenskom dijagramu (slika 7.3).

Rice. 7.3. Kreiranje foldera slojeva

Nova mapa ne sadrži nijedan sloj. Da stavite bilo koji od postojećih slojeva u fasciklu, samo prevucite liniju sa imenom sloja na liniju sa imenom fascikle pomoću miša. Svi slojevi uključeni u folder su navedeni ispod njega. Dodatno, nazivi slojeva fascikle su pomereni desno od naziva fascikle. Na primjer, na sl. 7.4 ovaj sloj je sloj 1.

Da biste „uklonili“ sloj iz fascikle, samo ga prevucite na listu slojeva iznad linije sa imenom fascikle.

Rice. 7.4. Uključujući sloj u folder

Kada radite sa fasciklama, imajte na umu da one imaju isključivo organizacione funkcije i da ne utiču direktno na druga svojstva slojeva, posebno na vidljivost objekata u različitim slojevima. Na primjer, postavljanjem sloja 4 u mapu Folder 1, time ćete promijeniti vidljivost objekta koji se nalazi na ovom sloju samo zato što će se promijeniti njegova lokacija na listi u odnosu na druge slojeve (slika 7.5).

Međutim, zatvaranjem i otvaranjem fascikle možete kontrolisati da li se njeni slojevi prikazuju na listi vremenske linije. Istovremeno, objekti sloja ostaju vidljivi na stolu. Na primjer, na sl. 7.6 prikazuje prikaz prozora Flash sa zatvorenim folderom 1.

Još jedna prednost korištenja mapa slojeva je ta što vam omogućavaju da brzo postavite iste vrijednosti atributa za sve slojeve uključene u mapu.

Dozvoljeno vam je da kreirate podfoldere sa neograničenim brojem nivoa ugnježđenja.

Da kreirate podmapu, morate:

1. Na listi slojeva u panelu vremenskog dijagrama, kliknite desnim tasterom miša na bilo koji sloj uključen u fasciklu na višem nivou; Iz kontekstnog menija izaberite komandu Insert Folder.

Rice. 7.5. Promjena sadržaja foldera

Rice. 7.6. Pogled na Flash prozor sa zatvorenim folderom 1

1. Ako je potrebno, premjestite red s imenom kreiranog foldera na novu poziciju unutar nadređenog foldera.

Kada izbrišete fasciklu, brišu se i slojevi u njoj, pa ako pokušate da izbrišete fasciklu Flash prikazuje poruku upozorenja.

Da izbrišete fasciklu, uradite jedno od sledećeg:

• na listi slojeva u panelu vremenskog dijagrama, kliknite desnim tasterom miša na ime fascikle koju želite da izbrišete; u kontekstualnom meniju izaberite komandu Delete Folder;
• na listi slojeva u panelu s vremenskim dijagramom odaberite sloj koji želite obrisati tako što ćete kliknuti lijevom tipkom miša na njega; Kliknite na dugme Delete Layer koje se nalazi ispod liste slojeva, na desnoj strani (vidi sliku 7.2).

Postavljanje atributa sloja

Svakom sloju se može dodijeliti određeni skup atributa. Vrijednosti ovih atributa su prikazane na listi slojeva kao posebne ikone (slika 7.7).

Rice. 7.7. Prikaz atributa sloja

Atributi sloja su:

• nivo sloja - objekti najvišeg sloja prilikom reprodukcije filma su, takoreći, u prvom planu scene i nisu zaklonjeni objektima donjih slojeva; naziv gornjeg sloja je gornji na listi;
• aktivnost - objekti se mogu uređivati ​​ili kreirati na aktivnom sloju ako za njega nisu postavljeni atributi "skriveni" ili "zaključani"; aktivni sloj je prikazan na listi inverznom bojom i označen ikonom olovke;
• vidljivost (Show/Hide) - objekti skrivenog sloja (Hide) nisu vidljivi na tabeli; takav sloj je na listi označen crvenim krstom; Ne možete uređivati ​​ili kreirati objekte na skrivenom sloju, čak i ako je aktivan;
• zaključavanje (Zaključano/Otključano - Zaključano/Otvoreno) - ne možete uređivati ​​ili kreirati objekte na zaključanom sloju, čak i ako je aktivan; takav sloj je na listi označen ikonom katanca;
• Obrisi - objekti na sloju obrisa se zamjenjuju njihovim obrisima; uključivanje ovog režima omogućava vam da vidite objekte zaklonjene objektima ovog sloja (vidi sliku 7.7); za sloj konture, možete dodatno odabrati boju konture njegovih objekata, jer se ovaj atribut može postaviti za nekoliko slojeva;
• lider/slave (Guide/Guided) - vodeći sloj se može koristiti kao predložak prilikom kreiranja drugih slojeva, kao i za opisivanje putanje objekta (o ovom pitanju će se detaljnije govoriti u nastavku); vodeći sloj nije vidljiv prilikom reprodukcije filma;
• maska/maskirana - korištenje maske sloja omogućava vam da dinamički mijenjate vidljivost maskiranih slojeva, što pruža zanimljive vizualne efekte; (o ovom pitanju će se detaljnije govoriti u nastavku).

Dodjeljivanje potrebnih atributa sloju može se izvršiti na jedan od sljedećih načina:

• koristeći komande kontekstnog menija koje se pozivaju desnim klikom na naziv sloja;
• korišćenjem tri dugmeta za podešavanje atributa koji se nalaze iznad liste slojeva, desno (vidi sliku 7.7); Klikom na bilo koji od njih dovodi se do postavljanja odgovarajućeg atributa za sve slojeve u sceni;
• korišćenje panela sa svojstvima sloja; Da biste ga otvorili, dvaput kliknite na ikonu koja se nalazi lijevo od naziva sloja ili odaberite Svojstva u kontekstualnom izborniku sloja.

U vezi sa posljednjom opcijom, treba napomenuti da je sloj jedan od rijetkih objekata za koji Flash MX Ne postoji domaći imovinski inspektor. Stoga se postavljanje atributa sloja vrši pomoću dijaloškog okvira Svojstva sloja. Ima format koji je prilično tradicionalan za većinu Windows aplikacija. Ovaj prozor sadrži sljedeće kontrole (slika 7.8):

• Ime tekstualno polje za unos i/ili uređivanje naziva sloja; prema zadanim postavkama, kreirani slojevi se nazivaju Layer I, Layer 2, i tako dalje; da biste poboljšali praktičnost rada, sloju možete dodijeliti prilagođeno ime; Flash ne sprečava upotrebu ćirilice u nazivima slojeva, što čini strukturu filma razumljivijom;

Rice. 7.8. Properties dialog box za postavljanje atributa sloja

• potvrdni okvir Prikaži, čije stanje određuje vidljivost sloja;
• potvrdni okvir Zaključaj, koji postavlja odgovarajuće stanje sloja;
• grupa prekidača Tip (Tip), koja vam omogućava da odredite tip sloja:
  • Normalno - normalno;
  • Vodič - vođa;
  • Vođeni - vođeni;
  • Maska -- maska;
  • Maskiran - maskiran;
  • Folder - folder;
• Dugme Boja obrisa, klikom na koje se otvara prozor palete za izbor boje obrisa objekata sloja ako je njegov prikaz postavljen na “ocrtavanje”;
• polje za potvrdu Prikaži sloj kao obrise, pomoću kojeg možete postaviti/poništiti izbor odgovarajućeg svojstva sloja;
• padajuća lista Layer Height (visina sloja), namenjena za određivanje visine linije sloja u panelu vremenskog dijagrama (uključujući visinu ćelija okvira); Ova funkcija može biti korisna za slojeve čiji okviri sadrže posebne ikone (na primjer, ikonu audio simbola); lista sadrži samo tri opcije (100%, 200% i 300%).

Korištenje slojeva u animaciji

Ovaj pododjeljak govori o četiri opcije za korištenje mehanizma slojeva prilikom kreiranja filma:

• korištenje slojeva za kreiranje pozadinske slike;
• korištenje vodećeg sloja za kontrolu kretanja objekta;
• koristite masku sloja za kontrolu vidljivosti maskiranih slojeva;
• uključivanje nekoliko animiranih objekata u scenu.

Naprednije upotrebe slojeva bit će opisane u poglavlju “Stvaranje interaktivnih filmova”.

Kreiranje pozadine

U ovom slučaju pod pozadinom podrazumijevamo statične slike, „scenografiju“ koja se ne mijenja tokom filma. Pozadina se može postaviti iza (iz ugla gledatelja) ili ispred animiranog objekta. Najjednostavniji primjer je korištenje točkića sata kao pozadine, iznad koje se pomiču kazaljke (na slici 7.9 ovo je sloj 2 (Dial)).

Pogledajmo postupak stvaranja pozadine na primjeru pomalo zaboravljene lopte. Pretpostavimo da se prije pada kotrlja po stolu (ne po stolu Flash, ali prema kuhinji), na kojoj ima bilo kakvih predmeta. Lopta se kotrlja između njih tako da se jedni pojavljuju iz ugla posmatrača lopte, drugi - ispred njega. Na sl. 7.10 prikazuje kadrove filma koje moramo napraviti.

Rice. 7.9. Primjer korištenja pozadinskog sloja

Rice. 7.10. Filmski snimak koji koristi pozadinu

Kao osnovu za konstruisanje filma koristimo „crtić“, čiji je završni kadar prikazan na Sl. 6.18. Da biste mu dodali potrebnu pozadinu, slijedite ove korake:

1. Kliknite desnim tasterom miša na naziv sloja Layer 1 i izaberite Insert Layer iz kontekstnog menija; Kao rezultat toga, sloj pod nazivom Layer 2 će biti dodan na listu, koji se nalazi iznad sloja 1 i na listi i na tabeli Flash.
2. Nacrtajte sliku stola i objekta koji stoji na njemu u novom sloju; Da bi se loptica kretala tačno po površini stola, koristite dugme za kožu od luka; Imajte na umu da nakon što nacrtate nešto u sloju 2, niz jednostavnih kadrova će se pojaviti na njegovom vremenskom dijagramu, jednake dužine animaciji kreiranoj ranije.
3. Da bi predmet koji stoji na stolu bio iza lopte koja se kotrlja, a desna noga stola iza njenog fragmenta (vidi sliku 7.10), potrebno je zamijeniti slojeve Layer 2 i Layer 1 na listi ; Da biste to učinili, jednostavno prevucite bilo koji od njih mišem umjesto drugog.
4. Da biste dodali još jedan sloj koji će prikazati objekt koji zaklanja loptu, ponovite korake 1 i 2.

Konačni prikaz vremenskog dijagrama kreiranog filma prikazan je na Sl. 7.11.

Rice. 7.11. Vremenski dijagram filma sa dva pozadinska sloja

Savjet

Budući da slika kreirana na pozadinskom sloju mora biti vidljiva u cijeloj animaciji, najbolje je prvo stvoriti animaciju, a zatim dodati pozadinski sloj u film. Ako želite unaprijed skicirati pozadinu, učinite to na drugom stolu (na primjer, kreiranjem dodatne FLA datoteke), a zatim kopirajte željeni kadar u glavni film.

Naravno, sloj "pozadine" se ne razlikuje od bilo kojeg drugog, a ako, na primjer, želite da pozadinu učinite pokretnom, onda možete lako animirati jedan ili drugi objekt pozadinskog sloja. Najbolji način da to učinite opisan je u pododjeljku ovog poglavlja “Uključivanje više animiranih objekata u scenu”.

Kontrola kretanja objekata

U Flash Postoji koncept „vodećeg sloja“ - Vodićeg sloja. Prilikom odabira ovog termina, programeri Flash iskoristio neobičnu igru ​​riječi engleskog jezika. Činjenica je da vodeći sloj ima dvije svrhe:

• prvo, na njega možete staviti bilo kakve komentare (čak i sa ilustracijama), koji su vidljivi samo u režimu za uređivanje filma, ali se ne izvoze u SWF format; u tom smislu, riječ Vodič se može prevesti kao “vodič”, “uputa”;
• drugo, koristeći vodeći sloj, možete kontrolisati putanju objekta animiranog pomoću animacije pokreta.

Da biste kreirali sloj instrukcija, trebate:

1. Na listi slojeva u panelu vremenskog dijagrama, kliknite desnim tasterom miša na bilo koji sloj i izaberite Insert Layer iz kontekstnog menija.
2. Desnom tipkom miša kliknite na novokreirani sloj i odaberite Vodič iz kontekstnog izbornika.

Kao rezultat toga, ikona čekića će se pojaviti na listi slojeva pored naziva sloja. Kaže da je sadržaj ovog sloja namijenjen isključivo programerima, a ne krajnjim korisnicima („gledaocima“). Na sl. Slika 9.12 prikazuje primjer sloja instrukcija koji sadrži jedan element - tekstualni blok.

Rice. 7.12. Primjer sloja instrukcija

Kao što je gore spomenuto, drugi tip vodećeg sloja je sloj koji opisuje putanju duž koje se objekt kreće. Posebnost ove upotrebe vodećeg sloja je u tome što je prvo potrebno kreirati tweened animaciju pravolinijskog kretanja objekta.

Da bi se objekt kretao po proizvoljnoj putanji, morate izvršiti sljedeće korake:

1. Kliknite desnim tasterom miša na naziv sloja koji sadrži animirani objekat.
2. Izaberite komandu Dodaj vodič za kretanje iz kontekstnog menija; Kao rezultat, vodeći sloj će se pojaviti na listi slojeva, označen posebnom ikonicom, a naziv sloja animacije će se pomeriti udesno - to je znak da se radi o podređenom sloju (slika 7.13).

Rice. 7.13. Korištenje vodećeg sloja za kontrolu kretanja objekta

1. Kliknite na naziv sloja hosta da biste ga učinili aktivnim.
2. Koristeći bilo koji alat za crtanje (olovka, olovka, oval, kist, pravougaonik) nacrtajte putanju objekta.
3. Kliknite lijevom tipkom miša na ćeliju prvog kadra animacije i na panelu Frame Properties Inspector odaberite jedan od dva okvira za potvrdu:
   • Orient to Path, ako želite da osa simetrije objekta bude orijentisana duž rute koju ste nacrtali;
   • Kacite ako želite da pričvrstite točku transformacije ili točku registracije objekta na putanju. Nakon što označite bilo koji od potvrdnih okvira Flash automatski pozicionira objekt u okviru na željeni način.
4. Kliknite lijevom tipkom miša na ćeliju posljednjeg kadra animacije i na panelu Frame Properties Inspector označite isti okvir za potvrdu kao za prvi okvir.

Poništite odabir animiranog objekta i pustite film.

Komentar

Ako izgradite putanju koja sadrži sekcije koje se ukrštaju ili dodiruju, tada će se objekt kretati najkraćom rutom koja povezuje početnu i završnu tačku putanje (slika 7.14).

Rice. 7.14. Neovlaštena promjena Flash rute

Kada se putanja kreira, možete je učiniti nevidljivom. Da biste to učinili, vodeći sloj morate učiniti nevidljivim. Promjena vidljivosti sloja se vrši klikom na odgovarajuću ikonu u listi slojeva vremenskog dijagrama.

Maskiranje slojeva

Maska sloja vam omogućava da kreirate efekat rupe kroz koju "sjaji" sadržaj jednog ili više slojeva ispod.

Maska se može kreirati na osnovu sljedećih tipova objekata sloja:

• puni;
• tekstualno polje (bilo koji tip - statički, dinamički ili umetnuti);
• primjer grafičkog simbola;
• klip (koncept klipa - Movie Clip - biće detaljno razmotren u sledećem poglavlju).

Na sl. 7.15 i 7.16 prikazuju primjere svih gore navedenih opcija maske (osim klipa). Na sl. Slika 7.15 prikazuje kako maska ​​izgleda u modu za uređivanje, a sl. 7.16 - u režimu gledanja (tj. "u akciji").

Rice. 7.15. Primjeri objekata na osnovu kojih se može kreirati maska ​​(režim uređivanja)

Rice. 7.16. Prikaz maskiranog sloja kada je uključen način maskiranja

Komentar

Obje gornje slike predstavljaju neku vrstu kolaža, budući da se na sloj maske istovremeno može postaviti samo jedan tip objekta (ili samo ispune, ili samo tekst, ili grafički simboli). Štaviše, može biti onoliko „običnih“ popunjavanja koliko želite, ali tekstualno polje ili grafički simbol ne vole konkurente.

Maska se može napraviti da se kreće koristeći bilo koju vrstu animacije: okvir po kadar ili animaciju s tvinom.

Možete koristiti animaciju pokreta da biste oživjeli masku kreiranu iz tekstualnog polja, ispune, grafike ili isječka. Štaviše, za klip možete koristiti vodeći sloj za postavljanje proizvoljne putanje kretanja.

Koristeći animaciju transformacije tween-a, možete "oživjeti" masku kreiranu na osnovu ispune.

Također možete koristiti ActionScript za animiranje maski.

Ne možete maskirati slojeve unutar dugmadi.

Kreiranje maske

Maska je poput običnog sloja, osim što se interpretira svako popunjavanje na njoj Flash poput rupe kroz koju je vidljiv sloj ispod. U ovom slučaju, boja ispune (uključujući raster), prisutnost gradijenta, obris ispune i njegov tip se potpuno zanemaruju Flash.

Maska sloja podrazumevano pokriva (maske) samo sloj koji se nalazi direktno ispod nje.

Da biste maskirali sloj, morate učiniti sljedeće:

1. Kliknite desnim tasterom miša na naziv sloja koji želite da maskirate (zatvorite maskom) i izaberite Insert Layer iz kontekstnog menija (ovaj novi sloj će kasnije poslužiti kao maska).
2. Postavite na masku sloja ispunu (ili ispune) koju želite da koristite kao „prozore za prikaz”; Ako planirate animirati masku, na njoj bi trebalo biti samo jedno punjenje.
3. Kliknite desnim tasterom miša na naziv maske sloja i izaberite Mask iz kontekstnog menija; od ovog trenutka, novi sloj postaje maska, a na listi slojeva će se desiti sledeće promene (slika 7.17):
   • odgovarajuća ikona će se pojaviti lijevo od naziva maske sloja;
   • naziv maskiranog sloja će se pomeriti udesno, a nova ikona će se takođe pojaviti pored njega;
   • oba sloja će biti automatski zaključana (kao što je naznačeno ikonama zaključavanja desno od naziva sloja).

Osim toga, kao rezultat izvođenja ovih radnji, uključuje se način maskiranja, zbog čega će se dogoditi promjene na stolu: kroz masku će biti vidljiva samo neometana područja maskiranog sloja.

Uvijek možete promijeniti lokaciju, oblik i broj „prozora za gledanje“ maske. Da biste ga mogli uređivati, jednostavno ga otključajte klikom na ikonu zaključavanja (maskirani sloj možda neće biti otključan). Istovremeno, režim maskiranja se automatski uklanja (slika 7.18).

Takođe možete da prelazite između režima uređivanja i prikaza maske koristeći komande kontekstnog menija sloja.

Da biste omogućili mod za uređivanje, potrebno je desnim klikom ili na naziv maske sloja ili na naziv maskiranog sloja i odabrati naredbu Prikaži sve iz kontekstnog izbornika.

Rice. 7.17. Prikaz vremenskog dijagrama i scene nakon omogućavanja maskiranja

Rice. 7.18. Omogućavanje režima za uređivanje maske

Da biste omogućili način prikaza maske, morate desnim klikom kliknuti ili naziv sloja maske ili naziv maskiranog sloja i odabrati naredbu Prikaži maskiranje iz kontekstnog izbornika.

Animiranje maske

Kao što je već spomenuto, "prozori za gledanje" maske mogu se animirati na jedan od načina o kojima smo ranije govorili. Ako želite koristiti automatsku animaciju pokreta ili transformacije, maska ​​mora sadržavati samo jedan "viewport".

Kada animirate okvir za prikaz, maskirani sloj djeluje kao pozadina.

Kao primjer, razmotrite proceduru za kreiranje „prozora za gledanje“ koji se kreće duž maskiranog sloja. Kako nas za sada ne bi ometali detalji, koristićemo krug kreiran pomoću alata Oval kao masku i natjerati ga da presijeca prostor scene s lijeva na desno, kao što je prikazano na sl. 7.19 (radi jasnoće, pri kreiranju slike korišten je režim Onion Skin).

Rice. 7.19. Primjer pokretne maske

Postupak izrade takve maske sastoji se od sljedećih koraka:

1. Postavite neki crtež na sloj koji želite maskirati (na primjer, pomoću operacije uvoza).
2. Kliknite desnim tasterom miša na naziv maskiranog sloja i izaberite Insert Layer iz kontekstnog menija.
3. Na novom sloju nacrtajte "prozor za gledanje" željenog oblika.
4. Kreirajte animaciju pokreta za njega (pogledajte pododjeljak „Automatska animacija kretanja objekta“).
5. Kliknite desnim tasterom miša na naziv maske sloja i izaberite Mask iz kontekstnog menija.
6. U liniji maskiranog sloja, kliknite desnim tasterom miša na ćeliju tog okvira sa brojem jednakim broju poslednjeg kadra animacije maske sloja, a u kontekstualnom meniju izaberite naredbu Insert"Frame; razmak između prvi i zadnji okviri će biti ispunjeni jednostavnim okvirima.

Nakon završetka opisane procedure, vremenski dijagram filma sa animiranom maskom će izgledati otprilike kao na slici. 9.20.

Rice. 7.20. Prikaz vremena za animiranu masku

Za malo složeniji primjer, razmotrite masku kreiranu iz tekstualnog polja. Ova maska ​​ne samo da se kreće duž pozornice, već se i prevrće tokom kretanja (slika 7.21).

Ovaj efekat se može postići upotrebom dva dodatna mehanizma:

• zrcalni odraz originalnog niza znakova;
• postavljanjem parametara rotacije u panelu inspektora svojstava prvog kadra animacije u tween-u.

Rice. 7.21. Primjer maske zasnovane na tekstualnom polju

Da biste dobili masku s promjenjivim oblikom, morate slijediti proceduru sličnu onoj gore opisanoj. Jedina razlika je u tome što se za "animiranje" maske mora koristiti animacija transformacije. Najjednostavniji primjer takve transformacije prikazan je na sl. 7.22.

Zanimljiviji efekat može se dobiti ako prilikom kreiranja maske koristite ne jedan, već dva pozadinska sloja. Da biste bolje zamislili o čemu govorimo, pogledajte sl. 7.23. Kao što vidite, u ovom slučaju maska ​​se ne kreće duž bijelog polja, već duž slike.

Prije nego što pređemo na opisivanje procedure za stvaranje takvog efekta, pogledajte (slika 7.24) kako maska ​​sloja i maskirani sloj ovog filma izgledaju u "eksplodiranom" obliku (tj. u modu za uređivanje maske) .

Rice. 7.22. Primjer maske s promjenjivim oblikom

Rice. 7.23. Maska s dodatnim pozadinskim slojem

Rice. 7.24. Prikaz maske sa dodatnim pozadinskim slojem u modu za uređivanje

Da biste izgradili takvu "scenografiju", trebate:

1. Napravite masku sloja i maskirani sloj, kao što je opisano u pododjeljku “Kreiranje maske”; ako je potrebno, animirajte masku.
2. Kliknite desnim tasterom miša na naziv maske sloja i izaberite Insert Layer iz kontekstnog menija da kreirate drugi sloj.
3. Povucite novi sloj na listi ispod maskiranog sloja (to jest, neka bude donji); novi sloj će također automatski postati maskiran.
4. Kliknite desnim tasterom miša na naziv dodanog sloja i izaberite naredbu Svojstva iz kontekstnog menija da biste otvorili prozor sa parametrima sloja.
5. U dijaloškom okviru Svojstva postavite prekidač Type na Normal da vratite dodani sloj u njegovo "normalno" stanje.

Postoje dvije važne stvari koje treba napomenuti u vezi sa uključivanjem dodatnog pozadinskog sloja u film:

1. Maska (odnosno "prozor za gledanje" kreiran uz njenu pomoć) djeluje kao neka vrsta "magične zrake" koja može sijati kroz bilo koji broj slojeva. Dakle, ako kreirate, na primjer, 5 maskiranih slojeva povezanih s istom maskom, tada će svih 5 slojeva biti vidljivo kroz "prozor za gledanje". Kao ilustracija na sl. Slika 7.25 prikazuje film koji koristi tri pozadinska sloja (prikazani su na lijevoj strani slike).
2. Postavljanjem nekoliko slojeva u scenu i promjenom njihovog položaja u odnosu na masku i jedan u odnosu na drugi, možete dobiti vrlo veliki broj različitih opcija za komponiranje scene. Na primjer, na sl. Slika 7.26 prikazuje slučaj kada je pozadinski sloj koji je dodat nakon kreiranja maske ostavljen na vrhu liste.

Rice. 7.25. Primjer "providnosti" kroz masku od nekoliko slojeva

Rice. 7.26. Jedna od opcija za postavljanje dodatnog pozadinskog sloja

Savjet

Ako odlučite da kreirate nekoliko maskiranih slojeva povezanih sa istom maskom, za kreiranje sledećeg maskiranog sloja preporučljivo je da kliknete desnim tasterom miša na jedan od već kreiranih i iz kontekstnog menija izaberete naredbu Insert Layer. Kao rezultat, novom sloju će se automatski dodijeliti maskirani tip.

Uključivanje više animiranih objekata u scenu

U svim gore navedenim primjerima animacije, samo se jedan objekt pomjerio ili promijenio oblik u sceni. Očigledno je da jedan lik nije dovoljan za privlačenje interesa gledatelja i povećanje „realizma“ mnogih filmova.

Prilikom opisivanja općih principa korištenja slojeva, istaknuto je da je jedna od njihovih prednosti mogućnost animiranja nekoliko objekata scene. Da bi se ova mogućnost pravilno iskoristila, potrebno je uzeti u obzir niz faktora koje sada opisujemo.

Prvo, pogledajmo najjednostavniji slučaj, kada trebate uključiti samo dva animirana objekta u scenu.

Ako, prema radnji filma, oni ni na koji način ne stupaju u interakciju jedni s drugima, onda je sve sasvim očito - svaki objekt trebate postaviti u poseban sloj i animirati ga. I iako jedan od njih može povremeno prikriti drugi, nisu potrebne dodatne manipulacije s vremenskim dijagramom slojeva.

Dakle, da biste animirali dva objekta koji počinju i prestaju da se kreću u isto vreme, morate da uradite sledeće (pod pretpostavkom da koristite animaciju između tvina):

1. Napravite sekvencu animacije za prvi objekat u prvom sloju (Sloj 7) (pogledajte pododeljak „Automatska animacija kretanja objekta“).
2. Dodajte drugi sloj, na primjer, s imenom Layer 2 (pogledajte pododjeljak “Kreiranje i brisanje slojeva”) i kreirajte objekt za animaciju na njemu; u ovom slučaju, Flash će automatski izgraditi niz jednostavnih okvira za ovaj sloj, jednake dužine prvoj animiranoj sekvenci (slika 7.27 a), kao i pri kreiranju pozadinske slike.
3. Kliknite desnim tasterom miša na ćeliju prvog kadra sloja 2 i izaberite komandu Create Motion Tween iz kontekstnog menija; u ovom slučaju, isprekidana linija će se pojaviti između prvog i posljednjeg kadra (slika 7.27 b).
4. Kliknite desnim tasterom miša na poslednju ćeliju okvira sloja 2 i izaberite Insert Keyframe iz kontekstnog menija; kao rezultat, isprekidana linija će se pretvoriti u liniju sa strelicom (slika 7.27 c).
5. Pomerite objekat na poziciju koja odgovara poslednjem kadru animacije.

Rice. 7.27. Prikaz vremenskog dijagrama prilikom animacije dva nezavisna objekta

Komentar

Default Flash pokušava "poravnati" kraj animacije za sve slojeve. Osim toga, morate odlučiti koji od objekata treba staviti u prvi plan ako u nekom trenutku završe na istoj poziciji na stolu.

Ako ponašanje jednog objekta mora ovisiti o ponašanju drugog (barem vizualno), situacija je nešto drugačija. U ovom slučaju nije dovoljno jednostavno animirati svaki objekt posebno. Potrebno je uskladiti njihove vremenske dijagrame (tačnije, vremenske dijagrame odgovarajućih slojeva).

Pogledajmo proceduru za koordinaciju vremenskih dijagrama koristeći primjer.

Pretpostavimo da se jedan od objekata počinje kretati tek nakon što se drugi „udari“ u njega. Odgovarajuća scena je prikazana na sl. 9.28 (gornji dio slike prikazuje vremenski dijagram filma i početni položaj objekata, donji dio prikazuje daljnji razvoj događaja).

Vjerovatno bi čitatelj na osnovu znanja i vještina stečenih do ovog trenutka mogao samostalno pretpostaviti kako postići traženi rezultat, međutim, u nastavku su data kratka objašnjenja.

Rice. 7.28. Scena sa dva objekta u interakciji

Ako želite pomjeriti kretanje drugog objekta u odnosu na kretanje prvog, morate izvršiti sljedeće korake:

1. Postavite pokazivač na bilo koju tačku animirane sekvence sloja 2, pritisnite lijevu tipku miša i, ne puštajući je, pomjerite cijeli niz duž vremenskog dijagrama za potreban broj kadrova (slika 7.29).

Rice. 7.29. Pomjeranje kretanja drugog objekta u vremenu

"prazni" okviri na vremenskom dijagramu

popunjavanje "praznih" okvira

Rice. 7.30. Vraćanje vidljivosti objekata

1. Kao rezultat pomaka, formiraju se „prazni“ okviri u kojima se drugi objekt ne vidi dok ne počne kretanje; zauzvrat, prvi objekat postaje nevidljiv nakon završetka kretanja (slika 7.30 a); kako bi oba objekta bila vidljiva na svim okvirima, treba da pomnožite prvi kadar animirane sekvence za drugi objekat i zadnji okvir za prvi objekat (Sl. 7.30 b); Za umnožavanje okvira mogu se koristiti i naredba Insert Frame i naredba Insert Keyframe.

Ponavljanjem gore opisanog postupka možete povećati broj interakcijskih objekata na potreban broj.