Ministarstvo obrazovanja i znanosti Ruske Federacije

Državna obrazovna ustanova

Visoko stručno obrazovanje

Taganrog Državni institut Južnog saveznog sveučilišta

Zavod za sustave računalno potpomognutog projektiranja

OBJAŠNJENJE

za kolegij

Disciplina: Obećava informacijska tehnologija i okoliš.

EOR na temu: “ Alati za animaciju 2 D i 3 D ».

Završeno:

Učitelj, nastavnik, profesor:

Taganrog

Nastavni zadatak:

Stvaranje elektroničkih obrazovni resurs na temu: “Alati za podršku animaciji”, gdje je potrebno na nekoliko primjera demonstrirati princip izrade animacije. I učini isto kratki osvrt neke tehnologije za izradu i podršku 2D i 3D animacije.

Uvod

Relevantnost teme "Animacija" danas je nesumnjiva. Prije gotovo jednog stoljeća pojavili su se prvi crtići koji su sve oduševili. S došašćem moderne tehnologije animacija postaje jedan od glavnih elemenata multimedijskih projekata i prezentacija, a sve je prisutnija i na internetskim stranicama. Animacija se vrlo široko koristi i na televiziji. Na primjer, mnoge televizijske kuće koriste čuvare zaslona stvorene pomoću računalne animacije. Stvaranje video proizvoda također se ne može bez računala, i to sve više profesionalni video koristi tehnike računalne animacije.

Ovaj rad govori o tehnologijama i principima stvaranja animacije.

Animacija

Međunarodno prihvaćena stručna definicija "animacija" (u prijevodu s latinskog "anima" - duša, "animation" - oživljavanje, animacija) najtočnije odražava sve moderne tehničke i umjetničke mogućnosti animiranog filma, jer majstori animacije ne samo da oživljavaju svoje likove, već stavljaju i dio svoje duše u njihovu kreaciju.

Tehnologije za izradu animacija.

Trenutno postoje različite tehnologije za stvaranje animacije:

Klasična (tradicionalna) animacija je naizmjenična izmjena crteža od kojih se svaki crta zasebno. Ovo je vrlo naporan proces, jer animatori moraju kreirati svaki kadar zasebno.

Zamrznuti kadar (lutka) animacija. Objekti smješteni u prostoru fiksirani su okvirom, nakon čega se njihov položaj mijenja i ponovno fiksira.

Sprite animacija je implementirana pomoću programskog jezika.

Morphing – transformacija jednog objekta u drugi generiranjem određenog broja međuokvira.

Animacija u boji – kod njega se mijenja samo boja, a ne i položaj predmeta.

3D animacija stvoren pomoću posebnih programa (na primjer, 3D MAX). Slike se dobivaju vizualizacijom scene, a svaka scena je skup objekata, izvora svjetlosti, tekstura.

Snimanje pokreta (Motion Capture) je prvi smjer animacije koji omogućuje prenošenje prirodnih, realističnih pokreta u stvarnom vremenu. Senzori se pričvršćuju na živog glumca na onim mjestima koja će biti poravnata s kontrolnim točkama računalni model za unos i digitalizaciju pokreta. Glumčeve koordinate i orijentacija u prostoru prenose se u grafičku stanicu, a animacijski modeli oživljavaju.

Softver za stvaranje animacija.

Softver za izradu animacija olakšava korištenje i početnicima i iskusnim korisnicima. Takvi programi imaju razne tehničke značajke koje su animatoru vrlo korisne i jednostavne za korištenje. U svakom trenutku korisnik može dobiti on-line pomoć. Takav softver dolazi u dvije kategorije: dvodimenzionalna (2D) i trodimenzionalna (3D) animacija. Trenutno na tržištu postoji ogroman broj i raznolikost programa za izradu animacija. Mnogi od njih su široko dostupni i imaju probni način rada tijekom kojeg korisnik može koristiti program besplatno. Nakon isteka tog razdoblja, ako je korisnik zadovoljan programom, može kupiti punu verziju za daljnje korištenje.

Značajke softvera za 2D animaciju (2 D ):

Većina tih programa ima korisničko sučelje i mnoge značajke. Na primjer, korisne značajke kao što su prilagođena mreža i automatsko popunjavanje praznine. Automatizirana funkcija sinkronizacije slike i govora štedi vrijeme.

Biblioteka predložaka dizajnirana je za organiziranje, pohranu i ponovnu upotrebu svih vaših sredstava i stvorenih animacija i može sadržavati sve vrste medijskih datoteka: filmove, zbirke fotografija, umjetnička djela u formatima kao što su SWF, AI, PDF, JPEG, PSD, TGA i GIF.

Posebni softverski elementi čine proces stvaranja animacije lakim kao "jedan, dva, tri". Softverski alati omogućuju korisniku stvaranje efekata kretanja, skaliranja, rotacije i izobličenja. Postoji funkcija za automatsko umetanje ključnog okvira u vremensku traku.

Stvaranje scene traje nekoliko sekundi pomoću alata za povlačenje i ispuštanje i dizajna lokacije. Značajka stvaranja sjene će dodati realizam animaciji. Zahvaljujući programu, proces stvaranja animacije postaje lak, bez obzira koliko je sama ideja složena.

Izrada ili sastavljanje visokokvalitetnih animacija za web, PDA, iPod, Mobiteli, HDTV, uključujući SWF, AVI, QuickTime, DV streamove i više.

za pokretanje softvera za 2D animaciju:

Za operacijski sustav Macintosh - Power Macintosh G5, G4 (minimalno) ili Intel(r) CoreTM, Mac OS X v10.4.7 procesor, 512 MB RAM-a (ili više), 120 MB dostupnog prostora na tvrdom disku, 24-bitni monitor u boji, sa 64 MB (preporučeno) ili 8 MB (minimalno) video memorije, s mogućnošću razlučivosti do 1024x768 piksela.

Za PC sustave - 800 MHz procesor Intel Pentium III (minimalno) sa Windows Microsoft XP ili 2000, (preporučeno) 512 MB RAM-a, 256 MB (ili više), 120 MB dostupnog prostora na tvrdom disku, 24-bitni monitor u boji, 32 MB video memorije ili više, mogućnost rezolucije 1024x768 piksela.

Značajke softvera za izradu 3D animacija(3D):

Alati za 3D modulaciju, podrška za TrueType fontove, uvoz i promjena formata datoteka, izvoz 3DS datoteka, ugrađeni 3D preglednik, uređivač složenih znakova, modifikacija objekata, renderer za Visoka kvaliteta, stvaranje visokokvalitetnih slika, stvaranje trodimenzionalnih scena i animacija, podrška za okvire, transformacije reljefa, stvaranje mekih sjena, reflektora, efekt magle i još mnogo toga, podrška za .BMP.GIF, i.JPG formate datoteka , jezik pisma itd.

Potreban Zahtjevi sustava za pokretanje softvera za 3D animaciju:

Windows NT 4, Win 95, Win 98, Win ME, Win 2 K ili Win XP, OpenGL ubrzani grafička kartica s punom ICD podrškom, (ala GeForce), najmanje 64 MB RAM memorija, 128 MB (preporučeno) ili 256 MB ako koristite Win XP, 300 MHz Pentium, 5 MB prostora na disku.

Neki od najpopularnijih softvera za animaciju su:

Ulead Animation, Ulead GIF Animator 5, CoffeeCup Animation Software, CoffeeCup GIF Animator, CoffeeCup Firestarter, Firestarter, Reallusion Animation Software, Effect3D Studio, 3D Max, Toonboom Studio, Macromedia Flash.

GIF animacije Koristi se mogućnost ovog formata za pohranu nekoliko slika u datoteku - animirani gifovi su niz okvira koji se brzo zamjenjuju, zbog čega se postiže učinak animacije. Okviri, poput neovisnih slika ili zasebnih slojeva jedne slike, mogu se stvoriti u bilo kojem grafičkom paketu - u Adobe Photoshop, Jasc Paint Shop Pro, itd. Ali pretvarajući ih u animiranu gif datoteku koja sadrži ne samo sve izvorne slike, već i podatke o brzini njihova prikaza na zaslonu, korištenoj paleti, zvuku itd. (i to u visokoj komprimirani oblik), koji se provodi pomoću posebnih programa. Danas je, zahvaljujući širokoj upotrebi Animation GIF formata u web dizajnu, broj takvih programa vrlo velik.

Klasifikacija programa za stvaranje gifova- animacije.

Općenito, svi programi za stvaranje animiranih gifova mogu se podijeliti u tri skupine:

1. Prvi uključuje popularne dvodimenzionalne grafičke pakete, prvenstveno orijentirane za rad s dvodimenzionalnom rasterskom grafikom, a istodobno vam omogućuju stvaranje datoteka u formatu Animation GIF pomoću odgovarajućih uslužnih programa koji ih nadopunjuju. Najpopularniji od njih su Adobe Photoshop sa svojim programom ImageReady, Jasc Paint Shop Pro koji uključuje program Animation Shop te Ulead PhotoImpact s programom GIF Animator. Glavna prednost aplikacija u ovoj skupini je da je program za animaciju usko povezan s odgovarajućim grafičkim paketom i stoga je moguće brzo prebacivanje između programa animatora i grafičkog uređivača, ako je potrebno, prilagodite sliku. Ovo je zgodno samo ako razumijete sve zamršenosti rada s takvim paketima (svi, u Adobe značajke Photoshop, zahtijeva ozbiljnu obuku). Iz tog razloga ova je opcija prikladnija za profesionalce, a početnicima je bolje odabrati jedan od programa druge skupine.

2. U drugom Grupa uključuje pakete namijenjene isključivo izradi animiranih gifova. U pravilu imaju ograničene mogućnosti crtanja, pa se izvorne slike za animaciju stvaraju u bilo kojem od grafičkih paketa - ti gif animatori nisu vezani za određenu grafička aplikacija. Štoviše, uopće nije potrebno odabrati složene pakete za rad, kao što su Adobe Photoshop, Jasc Paint Shop Pro i Ulead PhotoImpact. Mogućnost korištenja poznatog grafičkog paketa može se smatrati glavnom prednošću gif animatora iz ove skupine. Osim toga, neovisni programi za razvoj animiranih gifova imaju male distribucije, tako da se mogu kupiti online bez ikakvih problema. Naposljetku, većina aplikacija u ovoj skupini vrlo je jednostavna, pa se mogu brzo naučiti.

3. treći Skupinu čine programi usmjereni na stvaranje 3D grafike (na primjer, 3D Studio Max), a istovremeno vam omogućuju stvaranje animacije u formatu Animation GIF (obično putem posebnog dodatka, često uključenog u paket). Grafički 3D programi prikladni su jer ne zahtijevaju renderiranje okvir po okvir - obično je za stvaranje gif datoteke dovoljno dati objektu neku vrstu cikličke radnje, na primjer, rotirati oko osi, snimiti rezultirajuću animaciju kao niz okvira i izvezite ga u animirani gif. Međutim, postoji jedan "ali" - tradicionalni programi za rad 3D grafika zahtijevaju duboko stručno znanje i teško ih je koristiti. Ali ne očajavajte! Ako trebate stvoriti, na primjer, animirani 3D logo, tada možete proći s programom Xara3D , koji iako je pozicioniran za rad s trodimenzionalnom grafikom, može kreirati i animirane gifove i vrlo je jednostavan za korištenje.

Dodajmo da se u skupinu programskih proizvoda usmjerenih isključivo na izradu animiranih gifova nalaze paketi pomoću kojih je moguće izraditi i trodimenzionalne animirane tipke i logotipe, iako oni neće biti tako impresivni kao kod korištenja programa Xara3D.

Pogledajmo neke tehnologije i principe za stvaranje animacije.

Ulead GIF Animator

Ulead GIF Animator uključen je u grafički paket Ulead PhotoImpact, ali se može koristiti i samostalno za stvaranje animiranih GIF-ova na temelju slika stvorenih u bilo kojem grafičkom paketu. Zahvaljujući praktičnom i intuitivnom sučelju i bogatim mogućnostima, ovaj se program danas smatra jednim od najpraktičnijih i najfunkcionalnijih gif animatora i značajno štedi vrijeme web dizajnera, budući da može prepoznati promjene napravljene u vanjskim uređivačima (PhotoImpact, Photoshop ili Paint Shop Pro ), i automatski ažurirati odgovarajuće okvire u animaciji. Animirani crtež može se izvesti u PhotoImpact (UFO) ili Photoshop (PSD) format uz zadržavanje slojevitosti. Osim toga, možete odabrati bilo koji sloj crteža stvorenog u grafički urednik PhotoImpact, Photoshop ili Paint Shop Pro, kao zaseban objekt za GIF Animator.

Program nudi bogat skup alata za kompoziciju, uređivanje, specijalne efekte, optimizaciju i izvoz. Dinamička animacija višeslojnih crteža temeljena na objektno orijentiranom modelu u punoj boji olakšava manipuliranje višestrukim objektima u crtežu i brzo stvaranje animacija više objekata, dok dinamičko ažuriranje slika stvorenih u vanjskim uređivačima postavlja novi standard integracije . Čarobnjak za animaciju olakšava postavljanje slika na radni prostor i omogućuje trenutnu procjenu kvalitete stvorene animacije na temelju njezine demonstracije u prozoru za pregled. Upravitelj objekata pomaže vam u praćenju svih objekata na vašem crtežu, a funkcija izmeđua između slika omogućuje automatizaciju procesa animacije generiranjem međupozicija odabranih objekata.

Značajke Ulead GIF Animatora uključuju animaciju teksta i preko 130 animacijskih efekata. Napredne metode kompresije slike implementirane u programu omogućuju značajno smanjenje veličine animacijskih datoteka, automatsko generiranje HTML koda značajno ubrzava proces umetanja gotovih animacija na web stranicu, a podrška za izvoz u različite formate , uključujući Flash, AVI, MPEG i QuickTime, čini program još privlačnijim.

ImageReadyCS

Program ImageReady CS dio je popularnog paketa Photoshop CS tvrtke Adobe i namijenjen je razvoju različitih web elemenata, uključujući animirane gifove, što ga, uzimajući u obzir punu kompatibilnost s Photoshopom, čini izvrsnim alatom za web dizajn namijenjen profesionalcima. Photoshop i ImageReady blisko surađuju i savršeno se nadopunjuju, a uređena datoteka može se lako premještati između programa tijekom uređivanja i automatski spremati. Stvorene animirane GIF datoteke možete izvesti u Macromedia Flash (SWF) format.

Animirani gifovi mogu se izraditi na temelju višeslojnosti Adobe datoteke Photoshop i Adobe Illustrator, kao i iz pojedinačnih slika spremljenih u raznim grafički formati. Prilikom izrade animacije na temelju niza slika za uređivanje okvira, ne morate nužno preuzimati svaku sliku zasebno - možete koristiti mogućnost uvoza iz mape u kojoj su prethodno spremljeni pojedini okviri buduće animacije. Moguće je automatski generirati potreban broj međuframeova, što značajno ubrzava proizvodnju glatkih animacija, budući da nema potrebe za ručnim kreiranjem svakog kadra. U prozoru programa možete odmah vidjeti rezultat i, ako je potrebno, izvršiti potrebne izmjene.

riža. 1

ImageReady ima veliku galeriju filtara sličnih mnogim poznatim Photoshop filtrima. Stoga, da biste okviru dodali određeni efekt, ne morate se uvijek prebaciti na Photoshop - mnoge radnje dostupne su i iz okruženja ImageReady.

Za prebacivanje s Photoshopa na ImageReady i natrag kliknite lijevom tipkom miša na zadnji red okomite alatne trake - Uredi u sliku Spremno(Otvori u Image Ready), ili jednostavno držite kombinaciju tipki u isto vrijeme Shift+Ctrl+M :

Panel Animation može se pozvati naredbom Prozor > Animacija(Prozor > Animacija).

GIF animacija reproducira niz okvira slike redoslijedom koji definira korisnik. Možete stvoriti različite animacijske efekte za web-stranicu: učiniti da se tekst ili grafika pomaknu, izblijede ili nestanu ili se mijenjaju na druge načine.

Da biste pripremili animaciju u programu ImageReady, morate stvoriti mnogo okvira slike pomoću palete Animation, prikazane na sl. 3. Zatim možete urediti pojedinačne slojeve svakog okvira pomoću palete slojeva (Sl. 4, a svaki okvir će imati svoj jedinstveni skup postavki u paleti slojeva. Na kraju, morate spremiti niz okvira kao jednu GIF datoteku - sada je animacija spremna za interaktivno gledanje.

riža. 3

riža. 4

Efekti slojeva

ImageReady nudi isti skup efekata slojeva kao Photoshop. Ali Photoshop program prilagođava svojstva sloja pomoću dijaloškog okvira Stil sloja(Stil sloja), ImageReady - korištenje palete opcija kontekstualnog sloja.

Efekti u ImageReadyju imaju iste karakteristike kao u Photoshopu: njihovi nazivi prikazani su ispod naziva sloja na koji su primijenjeni; efekti se pomiču sa slojem; Elementi palete imaju strelice okrenute udesno koje se mogu koristiti za otvaranje ili zatvaranje popisa efekata. Svaki efekt ima vlastitu ikonu koja vam omogućuje da prikažete ili sakrijete taj efekt.

Stvaranje efekta animacije za bilo koju sliku.

1. Otvorite ili izradite sliku koja sadrži pozadinski sloj i prozirni sloj s crtežom objekta.

2. Otvorite paletu Animacija(Animacija).

3. Odaberite sloj u paleti slojeva.

4. Pomoću alata Potez(Premjesti) Povucite element slike do ruba glavnog prozora.

5. Na dnu palete Animacija kliknite gumb Dupliciraj trenutni okvir(Dvostruki trenutni okvir). Kopirani okvir bit će označen.

6. Sloj odabran u koraku 3 trebao bi ostati odabran.

7. Pomoću alata Potez(V tipka) Povucite element sloja na drugu stranu glavnog prozora. Ostavite ovaj sloj odabran!

8. Na paleti Animacija kliknite gumb Tween(Međuokviri) za izradu međuokvira između već odabranih.

9. U dijaloškom okviru Tween(Međuokviri) postavite prekidač slojeva na jedan od sljedećih položaja:

· Svi slojevi(Svi slojevi) za kopiranje točaka sa svih slojeva u nove okvire.

· Odabrani sloj(Odabrani sloj) za kopiranje točaka samo iz odabranog sloja u nove okvire. Svi ostali slojevi bit će skriveni.

Zatim instalirajte u grupi Parametri(Parametri) potvrdni okviri onih parametara koji će se mijenjati u međuokvirima: Položaj(Mjesto), Neprozirnost(Neprozirnost) i/ili Efekti(Efekti).

Iz skočnog izbornika Između sa(Tweak Frame Range) način odabira Prethodni okvir(Dodavanje međukadra između odabranog okvira i prethodnog).

Odabir opcija reprodukcije animacije

Iz skočnog izbornika koji se nalazi u donjem lijevom kutu palete Animacija(Animacija), odaberite način reprodukcije koji određuje kako će se animacija reproducirati: Jednom(Jednokratno) ili Zauvijek(Kontinuirano u petlji). Ili omogućite opciju ostalo(Inače) za određivanje određenog broja reprodukcije animacije, a zatim kliknite U redu.

Pregled animacije

1. U glavnom prozoru odaberite karticu Izvornik(Originalna slika) ili Optimizirano(Optimizirana slika).

2. Ako prvi okvir nije odabran, onda na dnu palete Animacija(Animacija) kliknite na gumb Odaberite prvi okvir(Odaberi prvi okvir).

riža. 5. Dupliciranje okvira animacije

3. Pritisnite gumb igra(Reprodukcija) - vidi sliku 5. Animacija će se reproducirati malo sporije nego što bi trebala. (Pretpregled u ImageReadyju je sporiji nego u pregledniku.)

4. Pritisnite gumb Stop(Stop), koji izgleda kao kvadrat, za pauziranje reprodukcije.

5. Spremite datoteku, a zatim kliknite gumb Zadani preglednik(Pretpregled zadanog preglednika) koji se nalazi na alatnoj traci. Pritisnite gumb leđa(Natrag) za povratak na ImageReady kada je gledanje završeno.

Animacija objekata koji se njišu

Zatim ćemo pogledati kako natjerati element sloja da se njiše s jedne strane na drugu. Ova vrsta animacije utječe na točke na sloju i kopira se na sve postojeće okvire. Za svaku fazu kretanja potrebno je izraditi dupli sloj.

Napravimo animaciju u kojoj će se objekt kretati u određenom smjeru i natrag.

1. Otvorite sliku i paletu Animacija(Animacija).

2. Na dnu palete Animacija kliknite gumb Dupliciraj trenutni okvir(Dvostruki trenutni okvir). Dupli okvir sada će biti označen.

3. Na paleti Animacija Pritisnite gumb Tween, a zatim odaberite radio gumb Slojevi(Slojevi) na položaj Svi slojevi(Svi sloj), unesite broj okvira u polje Okviri za dodavanje(Dodaj okvire) za izradu animacije i kliknite gumb U REDU.

4. Kliknite na okvir gdje želite da titranje počne.

5. Na paleti Slojevi(Slojevi) kreirajte duplikat sloja čija će se slika pomicati.

6. Uredite duplikat sloja (na primjer, prilagodite boju). Sakrijte izvorni sloj da vidite svoje promjene. Promjene će se odraziti na odabrani okvir na paleti Animacija.

7. Odaberite sljedeći okvir. Učinite originalni sloj prijemnika vidljivim i sakrijte njegov uređeni duplikat.

8. Kliknite na sljedeći okvir. Sada pokažite uređeni duplikat sloja i sakrijte originalni sloj.

Dakle, naizmjenično prikažite/sakrij slojeve za preostale okvire animacije.

Otvaranje animacije u GIF formatu

Jedina vidljiva prednost korištenja GIF formata je mogućnost primjene ili uređivanja postavki optimizacije datoteke.

1. Pokrenite naredbu Datoteka > Otvori(Datoteka > Otvori) ili pritisnite tipkovni prečac Ctrl+O.

2. Pronađite naziv datoteke s nastavkom .gif i kliknite na njega.

3. Pritisnite gumb Otvoren(Otvoren). Okviri sekvence animacije bit će spremljeni. Međutim, paleta slojeva sada će prikazati niz slojeva: jedan sloj za svaki okvir. Pojedinačni elementi sloja više se ne mogu uređivati ​​neovisno o drugim okvirima!

Optimizacija animacije

1. U izborniku palete Optimizirajte(Optimizacija) koristite naredbu Optimizirajte animaciju(Optimiziraj animaciju).

2. U grupi parametara Optimiziraj do(Optimiziraj s) potvrdni okvir Ograničujući okvir(Overall Frame) za očuvanje izvornog okvira i samo onih područja koja se mijenjaju od jednog okvira do drugog. Kao rezultat toga, veličina datoteke će se smanjiti, ali u isto vrijeme neće svi programi za uređivanje koji prihvaćaju GIF format moći raditi s ovom datotekom.

Uz ili umjesto ovih koraka, odaberite potvrdni okvir Uklanjanje suvišnih piksela(Izbriši dodatne točke) za uklanjanje onih točaka objekta ili pozadine koje se ne mijenjaju, odnosno ponovno se prikazuju prilikom učitavanja svakog novog okvira. To će također pomoći smanjiti veličinu datoteke.

Nijedna od ovih opcija neće promijeniti stvarni izgled animacije; sve se promjene događaju iza scene.

Spremanje animacije.

Stvorena animacija može se spremiti u GIF formatu ili kao QuickTime film. Ostali formati datoteka, poput JPEG ili PNG, spremit će samo prvi okvir slike, ne dopuštajući vam reprodukciju cijele animacije. Postoji nekoliko načina za spremanje optimiziranih animacija za korištenje na web stranici. U ImageReadyju samo odaberite naredbu Datoteka > Spremi optimizirano(Datoteka > Spremi optimizirano) za spremanje animacije s postavkama koje ste odabrali posljednji put kada ste je spremili. Ako ovo nije prvo spremanje, onda dijaloški okvir Uštedjeti(Spremi) se ne pojavljuje, a naziv datoteke i njezini parametri ostaju isti kao oni koji su prethodno dodijeljeni.

Izbor tima Datoteka > Spremi optimizirano kao(Datoteka > Spremi kao optimizirano) omogućuje promjenu naziva datoteke i odabir drugog mjesta za pohranu. Također je moguće odabrati modificirani parametar Spremi kao vrstu(Vrsta datoteke) iz skupa dostupnih vrijednosti:

· HTML i slike(HTML i slike) - generira HTML datoteku i sprema svaku sliku kao zasebnu datoteku;

· Samo slike(Samo slike) - sprema samo sliku u zasebna datoteka;

· Samo HTML(Samo HTML) - Sprema samo HTML datoteku bez slikovnih datoteka.

Osim toga, ImageReady vam omogućuje stvaranje HTML datoteke pomoću naredbe Copy HTML, koja kopira HTML kod u međuspremnik, koji se zatim može zalijepiti na web stranicu u bilo kojem HTML uređivaču. Ako se izvorna slika promijeni, za ažuriranje HTML datoteke pokrenite naredbu Ažuriraj HTML, navodeći naziv datoteke koja se ažurira.

Za spremanje animacije u formatu QuickTime odaberite naredbu Datoteka > Izvezi izvornik ( File > Export initial) i odaberite vrijednost s padajućeg popisa QuickTime film(Bit će dostupan ako je QuickTime instaliran na vašem računalu.) Određivanjem naziva datoteke i njezine lokacije, klikom na gumb Uštedjeti(Spremi) stvara datoteku odabrane vrste.

Kako napraviti animiranu kišu.

Korak 1. Otvorite sliku.

Korak 2. Napravite novi sloj i ispunite ga sivom bojom. I primijenite filtar na njega Filter - Šum - Dodaj šum i postavite sljedeće postavke.

Zatim primijenite filtar Filter-Blur-Motion Blur.

Postavite neprozirnost sloja na 30%

3. korak Ponovno stvorite novi sloj i ispunite ga sivom bojom i primijenite iste filtre kao u drugom koraku Motion Blur Već to radimo s drugim postavkama.

i postavite neprozirnost sloja na 30%

Korak 4 . Opet ponavljamo sve što smo radili u koraku 2. Filtrirajte Motion Blur učinite to s ovim postavkama i postavite prozirnost sloja na 30%.

Korak 5 . Idemo Čitač slika To se radi pomoću tipkovničkog prečaca ( Shift+Ctrl+M)

Korak 6 . Izrađujemo duljinu okvira od 0,1 sekunde.

Korak 7 . Izrađujemo dva duplikata našeg okvira.

Korak 8 . Idite na prvi okvir i uvjerite se da je vidljiv samo prvi sloj s kapljicama koje smo napravili.

Korak 9 . Idite na drugi okvir i uvjerite se da je vidljiv samo drugi sloj s kapljicama koje smo napravili.

Korak 10 . Idite na treći okvir i uvjerite se da je vidljiv samo treći sloj s kapljicama koje smo napravili.

Naša animacija je spremna!

Xara3D 5.0

Za razliku od većine programa za rad s 3D grafikom, Xara3D ima jednostavno i user-friendly sučelje i minimalan broj postavki, što ga čini lakim i brzim za razumijevanje čak i početniku. Iako je program prvenstveno namijenjen stvaranju opsežnog teksta i gumba, savršen je i za izradu animacija u animiranim GIF i AVI formatima. Stoga ga web dizajneri uspješno koriste uglavnom za izradu profesionalnih trodimenzionalnih tekstualnih logotipa.

Programski arsenal uključuje veliki skup fontova i tekstura za dizajn stvorenih objekata. Omogućuje potpunu kontrolu nad stvorenim tekstom, uključujući njegov položaj, poravnanje, ivice, kerning itd., učinkovitu i fleksibilnu kontrolu boje i strukture trodimenzionalne slike. Osim toga, slike se mogu učiniti mat ili sjajnim, na njih se može primijeniti meka sjena za uokvirivanje itd. Izbor animacijskih efekata je prilično širok: objekti se mogu okretati, postupno pojavljivati, pulsirati, stati na njih, njihati se ili nestati. Također možete uvesti značajke animacije iz jedne datoteke i primijeniti ih na drugu. Jednostavni lijekovi Kontrole animacije omogućuju vam postavljanje vremenskih ograničenja, na primjer, dodavanje pauza različitih trajanja ili postavljanje vlastitih značajki animacije za svaki objekt.

Program podržava uvoz dvodimenzionalnih grafičkih datoteka u WMF, EMF, GIF i PNG formatima, a rezultate animacije moguće je spremiti ne samo u Animation GIF formatu, već iu AVI ili SWF formatu po želji.

Macromedia Flash

Točnije, Adobe Flash je okruženje za izradu aplikacija za Flash Platformu, a uz njega postoje i drugi alati (okruženja):

Adobe Flex Builder;

Flash Development Tool (FDT), itd.

Flash aplikacije izrađuju se pomoću ActionScript - programski jezik. Ako izvor ne sadrži jezične upute, tada se tijekom kompilacije, u svakom slučaju, generira neki osnovni ActionScript kod (ovo se može vidjeti pregledom Flash bajt koda). Zatim, u skladu s tim, na pozornici se nalazi osnovni isječak, naslijeđen iz klase MovieClip, koji počinje svirati. Adobe Flash okruženje više je namijenjeno dizajnerima i animatorima, iako je moguće napisati potpuni kod. Flex Builder, FDT, programski su orijentirani, te nema posebnih alata sučelja za animaciju, vizualizaciju.

Flash se također koristi kao naziv formata (flash filmovi, flash filmovi) (pun naziv je Flash Movie).

Prilikom izrade proizvoda možete koristiti zvučne i grafičke datoteke, možete kreirati interaktivna sučelja i cjelovite web aplikacije koristeći PHP i XML.

Flash datoteke imaju nastavak ".swf" i pregledavaju se pomoću Flash Player, koji se može instalirati kao dodatak pregledniku. SWF datoteke također se mogu pregledavati pomoću Gnash playera. Besplatno se distribuira putem Adobe web stranice. Izvorne datoteke s ekstenzijom “.fla” stvaraju se u Adobe Flash razvojnom okruženju i zatim prevode u razumljiv Flash Format playera- ".swf".

Flash se temelji na vektorskom morfiranju, odnosno glatkom "pretjecanju" jednog ključnog kadra u drugi. To vam omogućuje stvaranje prilično složenih animiranih scena određivanjem samo nekoliko ključnih okvira za svaki lik.

Flash koristi programski jezik ActionScript koji se temelji na ECMAScriptu.

Tehnologija vektorskog morfiranja korištena je davno prije Flasha. Godine 1986. objavljen je program Fantavision koji je koristio ovu tehnologiju. Godine 1991., Another World je objavljen pomoću ove tehnologije, a Flashback dvije godine kasnije.

Povijest Flasha započela je 1995. godine, kada je Macromedia nakon kupnje programa za animaciju FutureSplash Animator izdala proizvod pod nazivom Flash.

Flash je započeo svoju profesionalnu karijeru izdavanjem običnog softverskog proizvoda za dvodimenzionalnu animaciju. Vrijeme je prolazilo, sve se razvijalo velikom brzinom. Ni Flash nije izbjegao razvoj; postao je moderniji i napredniji.

Danas postoje takozvani 3D motori, npr.

PaperVision3D, no njihova brzina i kvaliteta rada su prilično niske, uglavnom zbog činjenice da trenutno flash player nema mogućnost korištenja directX ili openGL alata, pa se radi puna emulacija svih 3D algoritama. Nema podrške za hardversko ubrzanje, višejezgreni procesori- što također smanjuje broj okretaja motora. Međutim, dizajneri često kreiraju vlastiti 3D motor prilagođen specifičnostima određenog projekta (igre).

Danas većina preglednika ima posebno ugrađen Macromedia Flash Player dodatak koji im omogućuje reprodukciju Flash datoteka. Flash tehnologija je zauzeo dominantnu poziciju na internetu i postao standard za prikaz vektorske animacije na web stranicama. Bez Adobe Flasha Preglednici igračaće netočno prikazati web stranice i interaktivne web elemente ugrađene u njih, razvijene pomoću Flash tehnologije.

Macromedia Flash sučelje.

Sl. 1

Prilikom otvaranja prozora Flash aplikacije Na ekranu se pojavljuju sljedeći elementi sučelja:

· Pozornica (radna površina) - područje za sastavljanje pojedinačnih okvira, stvaranje kompozicije od grafičkih elemenata ili uvezenih bitmapa i pregled rezultata animacije;

· Vremenska traka (vremenska os) - prozor koji sadrži popis pojedinačnih slojeva s grafičkim objektima koji se nalaze na njima i njihovu raspodjelu u vremenu (svaki kadar filma označen je na vremenskoj osi);

· Simboli (simboli) - glavni elementi filma, u pravilu, korišteni mnogo puta u njemu;

· Knjižnica - prozor s popisom simbola i uvezenih datoteka, koji vam omogućuje organiziranje i sortiranje;

· Plutajuće ploče koje se mogu pričvrstiti - prozori sa skupom kartica koji se koriste za konfiguraciju aplikacije i promjenu parametara elemenata filma;

· Movie Explorer (preglednik filmova) - dodatno pozvani prozor za pregled strukture filma.

Stop motion animacija

Dakle, pogledajmo još jednom prozor programa Flash. Kada je u njemu otvoren bilo koji video, na vrhu prozora nalazi se tzv. timeline. Na njegovoj lijevoj strani nalaze se nazivi slojeva, o kojima ćemo govoriti nešto kasnije u ovom poglavlju, i njihovi atributi. A na desnoj strani su numerirani okviri videa (slika 4). Zahvaljujući numeriranju sličica, ovaj se prozor naziva vremenskom skalom – uostalom, u videu sličice slijede jedna za drugom.

Na vremenskoj traci nalazi se crveni pravokutnik koji uvijek ističe trenutni kadar.

Zaključak:

U svijetu moderne tehnologije animacija postaje jedan od glavnih elemenata multimedijskih projekata i prezentacija, a sve je prisutnija i na internetskim stranicama.

Ovaj rad govori o najčešćim načinima podrške i stvaranja animacije, a također opisuje faze stvaranja gif datoteka, flash videa i animiranog trodimenzionalnog teksta, koristeći različite efekte.

Xara3D - program za rad s trodimenzionalnim tekstom ima korisničko sučelje i minimalan broj postavki, a smatra se jednostavnim i praktičnim.

Zahvaljujući praktičnom i intuitivnom sučelju i bogatim mogućnostima, Ulead GIF Animator danas se smatra jednim od najpraktičnijih i najfunkcionalnijih programa za izradu GIF datoteka i značajno štedi vrijeme web dizajnera

je vodeći alat za stvaranje multimedijskog sadržaja. Ovaj softverski alat integrirajte tekst, grafiku, audio i video u interaktivno multimedijsko okruženje koje daje briljantne rezultate pri stvaranju interaktivnih prezentacija, marketinških materijala, resursa za e-učenje i grafičkih korisničkih sučelja.

Macromedia Flash Professional okupljajući više od milijun programera i korisnika diljem svijeta koji koriste širok izbor računalnih uređaja. Tehnologija Macromedia Flash smatra se najzastupljenijom softverskom platformom.

Bibliografija:

1. Computer Press 3 '2005;

2. http://computer.damotvet.ru/software/887515.htm;

3. Ilustrirani tutorial o animaciji za Internet; 2007. godine Dynamite Software Group.

Uvod................................................. ......................................................... ............. ................................3

Animacija................................................. ................................................. ...... ................................4

Tehnologije stvaranja animacije..................................................... .................... .............................. ..............4

Softver za animaciju..................................................... .................... ..............4

Značajke softvera za 2D animaciju (2D)................................5

Značajke softvera za izradu trodimenzionalne animacije (3D).....5

GIF animacija..................................................... ... ................................................ ......... ........................6

Klasifikacija programa za izradu gif animacija.................................................. ......... .........6

Animacija je zapadni naziv za animaciju. Ova riječ dolazi iz engleskog animation, što se prevodi kao "oživljavanje, animacija".

Prije se animacija stvarala ručno - olovkom i tušem na paus papiru. Tada su počeli koristiti računala. U početku su se koristila velika računala, zvala su se mainframe. Zatim su kreatori crtića prešli na moćne grafičke stanice.

A u naše vrijeme, za stvaranje jednostavnog animiranog filma, dovoljna je snaga običnog osobnog računala.

Animacija(od francuske animacije - oživljavanje, animacija) - vrsta kinematografije u kojoj se film stvara kadrovskim snimanjem crteža ili lutkarskih scena. Animator, poput glumca, igra svoju ulogu, ulijeva život u nepomični lik, dušu, obdaruje ga karakterom i navikama, proživljava s njim svaki djelić sekunde života u sceni.

Animacija ima svoju povijest; E. Reynaud se smatra tvorcem tehnologije za izradu crtanih filmova kadar po kadar. No, animacija je postala najraširenija u vrijeme Walta Disneya. Principi animacije koje je koristio postali su toliko učinkoviti da se i danas smatraju temeljem animatora. Postoji nekoliko vrsta animacija: tradicionalna, stop-frame, računalna. Computer i Traditional su u biti ista stvar, samo je Traditional nacrtan rukom na papiru, a Computer je nacrtan na tabletu u nekom programu. Animacija je složen proces koji oduzima puno vremena. Tradicionalna animacija smatra se najzahtjevnijom za izvođenje, pa se sada koristi vrlo rijetko. U računalnoj animaciji sve je puno jednostavnije.

Računalna animacija - vrsta animacije stvorene pomoću računala. Za razliku od općenitijeg pojma "CGI grafika", koji se odnosi i na nepokretne i na pokretne slike, računalna animacija odnosi se samo na pokretne slike. Danas se široko koristi kako u području zabave tako iu industrijskom, znanstvenom i poslovnom području. Kao derivat računalne grafike, animacija nasljeđuje iste metode stvaranja slika: vektorsku grafiku, rastersku grafiku, fraktalnu grafiku, trodimenzionalnu grafiku (3D)

Računalna animacija također se može podijeliti na vrste: Flash animacija, klasična frame-by-frame, 3D animacija.

Flash animacija

Flash animacija temelji se na principu animacije ključnih kadrova . Postavljanje ključnih kadrova obavlja animator. Srednji okviri generiraju se posebnim programom. Ova metoda je najbliža tradicionalnoj ručno crtanoj animaciji, samo što ulogu fejzera preuzima računalo, a ne osoba.

Proces stvaranja karikatura sastoji se od nekoliko faza:

Prva faza je ideja i scenarij;

Drugi je storyboard;

Treće - Izrada animatica (grubi izgled crtanog filma. Već na temelju animatica može se procijeniti radnja koja se odvija. Animatic već sadrži animaciju, ali se pokreti likova mogu promijeniti u sljedećoj fazi),

Četvrta i najduža je Animacija;

Peti - završni obris;

Šesti je montaža i montaža filma.

Od tri glavne rekreacijske funkcije (terapeutske, zdravstveno-ozdravstvene i obrazovne), turistička animacija osmišljena je tako da neposredno ostvaruje dvije funkcije - sportsko-rekreacijsku i obrazovnu. Posredno, pod odgovarajućim uvjetima, ostvaruje se i terapijska funkcija.

U praksi animacije, za ciljano oblikovanje animacijskih programa, mogu se razlikovati sljedeće funkcije turističke animacije:

Prilagodba, koja vam omogućuje prelazak iz svakodnevnog okruženja u slobodno okruženje za slobodno vrijeme;

Kompenzacijski, oslobađanje osobe od fizičkog i psihičkog umora svakodnevnog života;

Stabiliziranje, stvaranje pozitivnih emocija i poticanje mentalne stabilnosti;

Wellness, usmjeren na obnovu i razvoj fizičke snage osobe, oslabljene u svakodnevnom radnom životu;

Informativni, koji vam omogućuje dobivanje novih informacija o zemlji, regiji, ljudima itd.;

Obrazovni, koji vam omogućuje stjecanje i konsolidaciju novih znanja o svijetu oko vas kao rezultat živopisnih dojmova;

Poboljšanje, donošenje intelektualnog i fizičkog poboljšanja;

Ovakva raznolikost funkcija turističke animacije dovela je do raznolikosti vrsta animacijskih aktivnosti, kao i široke palete animacijskih programa i događanja.

Sa stajališta sustavnog pristupa, turistička animacija je zadovoljenje specifičnih potreba turista u komunikaciji, kretanju, kulturi, kreativnosti, ugodnom provodu i zabavi.

Raspon ovih potreba vrlo je širok, budući da ljudi koji idu na godišnji odmor u ovaj pojam stavljaju potpuno različita značenja: za jedne je odmor putovanje, za druge čitanje knjiga, šetnja šumom, pecanje itd. Ovisno o potražnji i motivaciji za putovanje u U praksi turističkih usluga razvijaju se sljedeće vrste animacije koje zadovoljavaju različite potrebe turista (putnika):

Animacija u pokretu - zadovoljava potrebu suvremenog čovjeka za kretanjem, u kombinaciji sa zadovoljstvom i ugodnim doživljajima;

Animacija kroz iskustvo - zadovoljava potrebu za osjećajem novog, nepoznatog, neočekivanog uključivanja, otkrića, kao i prevladavanja poteškoća;

Animacija kroz komunikaciju - zadovoljava potrebu za komunikacijom s novim, zanimljivim ljudima, za otkrivanjem unutarnjeg svijeta ljudi i upoznavanjem sebe kroz komunikaciju;

Animacija kroz smirenje - zadovoljava ljudsku potrebu za psihičkim rasterećenjem od svakodnevnog umora kroz smirenost, osamu, kontakt s prirodom, kao i potrebu za mirom i "bezposlenom lijenošću";

Kulturna animacija - zadovoljava potrebu ljudi za duhovnim razvojem pojedinca kroz upoznavanje kulturno-povijesnih spomenika i suvremenih primjera kulture zemlje, kraja, naroda, nacije;

Kreativna animacija - zadovoljava čovjekovu potrebu za kreativnošću, iskazivanjem kreativnih sposobnosti i uspostavljanjem kontakata s istomišljenicima kroz zajedničko stvaralaštvo.

Pravi animacijski programi najčešće su složene naravi, a navedene vrste animacija sastavni su elementi tih programa.

Animacijski programi, uz čisto zabavna događanja, uključuju niz sportskih igara, vježbi i natjecanja. Ova kombinacija čini ove programe intenzivnijima, zanimljivijima i korisnijima za jačanje i vraćanje zdravlja, pa se u međuodnosu turističke animacije i sporta najčešće postiže najveći regenerativni i zdravstveni učinak.

Istaknimo vrste animacije relevantne za temu rada: rekreacijska, turistička, hotelska.

Rekreacijska animacija je vrsta aktivnosti u slobodno vrijeme koja ima za cilj obnovu duhovne i tjelesne snage čovjeka. Programe slobodnog vremena koji se provode u rekreacijske svrhe mogu provoditi i turistička i ljetovališta s turistima, izletnicima i gostima, te rekreacijska poduzeća s lokalno stanovništvo. To nam daje za pravo ustvrditi da je pojam rekreacijske animacije širi od pojma hotelske i turističke animacije. Slika 2 prikazuje strukturu turističke animacije.

Slika 2 - Vrste rekreacijske animacije

Turistička animacija je turistička usluga u čijem pružanju turist aktivno djeluje.

Hotelska animacija je najuži pojam od tri razmatrana, budući da podrazumijeva samo organizaciju slobodnog vremena u turističkim poduzećima: turističkim naseljima, hotelima, gostionicama, turističkim centrima itd.

Tu su i dodatne animacijske usluge - animacijski programi osmišljeni kao "podržavanje" glavnih turističkih usluga navedenih u paketu putovanja, tijekom tehnoloških prekida uzrokovanih putovanjem, kašnjenja putovanja, u slučaju lošeg vremena ili nedostatka uvjeta za planirani provod.

U tablici 1 prikazana je turistička animacija s naglaskom na rekreacijsku rekreaciju.

Tablica 1 - Tipologija animacijskih aktivnosti

Sukladno tome, ciljevi svake vrste animacije bit će turizam i turistička natjecanja, sportska natjecanja te sportsko-zabavna događanja, edukativne i izletničke aktivnosti.

“Ovdje se, međutim, osvrćemo, ali ne stojimo na mjestu, idemo naprijed, otvaramo nove putove, jer smo znatiželjni... a znatiželja nas tjera samo naprijed." (Walt Disney)

O tehnologiji animacije

Ponekad dolazi do nesporazuma između mene i naručitelja prilikom dogovaranja tehničkih karakteristika budućih animacijskih radova. Članak će vam pomoći da bolje razumijete probleme tehnologije animacije.

Za početak, da ne bude zabune, želio bih istaknuti 3 glavna kriterija po kojima se može ocjenjivati ​​animacija: vrste animacije, metode animacije i stilovi animacije. Mnogima je to ista stvar, ali nije tako! Vrste animacije su forma ili forma u kojoj se crtani film prikazuje (rukom crtana, lutkarska i sl.). Metode animacije su tehnička svojstva pomoću kojih se stvara animacija (animacija kadar po kadar, programabilna animacija itd.). Na kraju, stil animacije je umjetnička tehnika koja se koristi u animaciji (realizam, anime, itd.). U ovom ću se članku detaljnije osvrnuti na koncept "vrste animacije", a zatim ću tome dodati "metode" i "stilove". Sve to skupa je tehnologija animacije.

Ručno crtana klasična animacija.

Jedna od najzanimljivijih i najraširenijih vrsta animacije je tzv. klasična animacija. Klasična animacija se radi crtanjem svakog pojedinačnog kadra na prozirnom filmu (ili paus papiru). Ti se okviri zatim skupljaju u poseban program montaža Ova animacija je vrlo živa, glatka, prostorna, ali skupa))). Primjer takve animacije su crtići studija Disney i Soyuzmultfilm.

Snimak iz Disney crtića "Snjeguljica i sedam patuljaka"

Prijevod animacije.

Najstariji oblik animacije. Suština ove vrste animacije je da se predmet nacrtan na kartonu ili papiru reže na zasebne dijelove i ti se dijelovi pomiču (pomiču) iz kadra u kadar. Odatle i naziv – reprijevod! Mnogi ljudi takvu animaciju smatraju primitivnom, ali u pravim rukama takvi crtići mogu biti vrlo zanimljivi. Jedan od najupečatljivijih primjera prijenosne animacije može se sa sigurnošću nazvati crtić "Jež u magli" u režiji Yurija Norshteina. "Jež u magli" svjetska javnost prepoznala je kao NAJBOLJI CRTANI FILM SVIH VREMENA!!! Toliko o prijevodu... Toliko o primitivnosti...

Snimak iz crtanog filma "Jež u magli" redatelja Jurija Norštajna

Slikanje na staklu.

Ali ovdje se animacija sigurno ne može nazvati primitivnom! Suština ove animacije je slikanje uljanim bojama na staklu. Svaki okvir je slika koja je modificirana umjetnikovim potezima. Upečatljiv primjer takve animacije je rad Aleksandra Petrova "Starac i more", koji je nagrađen Oscarom.

Kadr iz animiranog filma "Starac i more" redatelja Aleksandra Petrova.

Lutkarska animacija.

Ista stara vrsta animacije. Sve lutke i scenografija u stop motion animaciji izrađuju se ručno, što ju čini jednako skupom kao i klasična animacija. Ipak, ova vrsta animacije je i danas vrlo popularna (unatoč raširenosti računalne 3D animacije). Da budem iskren, kao dijete nisam volio lutkarske animacije))) Ali moje prosvjetljenje je došlo kada sam vidio crtani film Toma Burtona "Noćna mora prije Božića".

Snimak iz crtića "Noćna mora prije Božića" redatelja Toma Burtona.

Animacija od plastelina

Naziv animacija od plastelina govori sam za sebe. Dodat ću samo da je plastelinska animacija proizašla iz lutkarske animacije i postala popularna u Rusiji nakon pojavljivanja crtića “Padao je lanjski snijeg” redatelja Aleksandra Tatarskog.

Snimak iz crtića "Padao je lanjski snijeg" redatelja A. Tatarskog.

Računalna 2D animacija.

Htjeli mi to ili ne, stare vrste animacije zamjenjuju nove. Iz nekog razloga obično se naziva računalna 2D animacija Flash animacija a to nije posve točno. Flash je samo jedan program. Možete navesti druge moćne računalne programe za stvaranje 2D animacije, na primjer: After Effect, Anime Studi Pro, Toon Boom Studio i mnoge druge plaćene i besplatni programi. Trenutno se gotovo svi studiji bave 2D računalnom animacijom. Upravo takvu animaciju danas vidimo u TV serijama, na internetu, u casualu računalne igrice itd.

Snimak iz animirane serije "Simpsonovi"

3D animacija.

3D animacija je vrsta animacije koja nastaje na temelju 3D računalnih programa. Ovo je najmlađa i najperspektivnija vrsta animacije. S razvojem računalna tehnologija Postalo je moguće ne samo crtati grafiku i animaciju u dvodimenzionalnoj ravnini (2D animacija), već i animirati trodimenzionalne oblike. Ova tehnologija je vrlo složena, ali ako vam ukratko ispričamo proces proizvodnje izgleda otprilike ovako. Najprije se nacrta koncept art (na bilo koji način) i iz tih crteža se kreira trodimenzionalna geometrija modela. Zatim teksture koje se stavljaju na oblik lika ili objekta. Zatim stvaraju kosti predmeta i pričvršćuju ih na formu tako da se forma može pomicati. Animatori dobivaju pripremljeni model za kretanje i počinju ga animirati. Što je model bolje pripremljen, njegovi će pokreti biti prirodniji i fleksibilniji. Nakon izrade animacije, scena se vizualizira (prevodi iz 3D u običnu sliku). Živopisni primjeri takve animacije su crtani filmovi studija Pixar.

Kadr iz Pixarovog filma "Ratatouille".

Kombinirana animacija.

Kombinirana animacija je kombinacija bilo koje vrste animacije s video filmom. Rani primjeri takve animacije mogli bi biti: film “Tko je smjestio zecu Rogeru”, crtani film “Avantura kapetana Vrungela” itd. Razvojem 3D tehnologije i računalnih specijalnih efekata ova vrsta animacije nalazi se u igranim filmovima više i češće. Glavna značajka moderne kombinirane animacije je njezin potpuni realizam.

Kadar iz filma "Jurassic World" redatelja Stevena Spielberga

Ostale vrste animacije.

Osim navedenih vrsta animacija, postoje i druge, npr.: pješčana animacija, laserska animacija, foto animacija, animacija iglom itd. Međutim, te se vrste smatraju manje popularnima i u ovom sam si članku samo dopustio spomenuti njih.

Vrste animacije u studiju Cardboard Tower.

Naš studio za animaciju specijaliziran je za izradu 2D računalne animacije. Zahvaljujući fleksibilnim opcijama računalni programi možemo stvoriti i crossover i klasičnu animaciju u isto vrijeme. Također smo sposobni izraditi 3D animacije. Kao primjer, možete pogledati 3 videa iz našeg portfelja:

1. 2D računalna animacija na klasičan način.

Postoji izreka: “Dobar dizajn se odmah vidi, ali odličan dizajn je nevidljiv.” Isti princip vrijedi i za animacije za mobilne aplikacije - stvarno dobra animacija čini aplikaciju korisnom korisniku i privlači pozornost, ali je praktički nevidljiva. Glavni zadatak svake animacije je objasniti korisniku logiku aplikacije. Kako bi optimizirao korištenje animacije, dizajner mora razumjeti koje mjesto ona zauzima u funkcionalnosti aplikacije. U tom slučaju morate voditi računa o vrsti same animacije kako biste je koristili tamo gdje je najprikladnije.

VIZUALNA POVRATNA INFORMACIJA

Vizualna povratna informacija iznimno je važna za svako korisničko sučelje. U fizičkom svijetu objekti reagiraju kada ljudi s njima komuniciraju. Stoga ljudi podsvjesno očekuju da u mobilne aplikacije bit će nešto slično. Vizualne, audio i taktilne povratne informacije korisniku daju osjećaj kontrole tijekom korištenja aplikacije, a vizualne povratne informacije pokazuju da aplikacija radi prema očekivanjima. Ako se tipka pri pritisku povećava ili se slika pomiče u određenom smjeru, tada korisniku postaje jasno da aplikacija odgovara na njegove naredbe. U donjem primjeru, korisnik označava okvir za odabir, a okvir s podacima smanjuje se u veličini i mijenja boju u zelenu.

Prema vizualnom tipu Povratne informacije To vrijedi i za tehniku ​​vodoravnog pomicanja slike. Korisnik gurne sliku do ruba zaslona, ​​slika nestane, a na njenom mjestu pojavi se nova.

FUNKCIJA "PROMJENA".

Ova vrsta animacije pokazuje kako se element korisničkog sučelja mijenja kada s njim komunicirate. Ova se tehnika može koristiti ako trebate ilustrirati kako se mijenja funkcija elementa. Animacija orijentacije izvrsna je za gumbe, ikone i druge male elemente dizajna.

U donjem primjeru možete vidjeti da se ikona gumba za brzu akciju mijenja izgled prelazak s izbornika hamburgera na gumb "X" kako bi korisniku pokazao da se funkcija gumba promijenila.

A u drugom primjeru, ikona se mijenja zajedno sa sadržajem.

ORIJENTACIJA U PROSTORU

Većina aplikacija ima složene, složene strukture, a posao dizajnera je učiniti navigaciju što jednostavnijom. Animacija može biti vrlo korisna u rješavanju ovakvih problema. Ako animacija pokazuje gdje je skrivena kontrola, korisnik će je sljedeći put lako pronaći. Primjer u nastavku prikazuje izbornik u navigacijskoj traci. Kada kliknete na ikonu, ona se okreće i korisnik dobiva pristup dijelovima aplikacije.

U sljedećem primjeru animacija nam omogućuje demonstraciju dodatnih opcija koje se pojavljuju na dnu zaslona, ​​čime se korisniku povećava mogući izbor akcije.

HIJERARHIJA ELEMENATA I NJIHOVA MEĐUSOBNA INTERAKCIJA

Animacija je idealna za opisivanje različitih dijelova sučelja i prikazivanje njihove interakcije jedni s drugima. Svaki animirani element sučelja ima svoju svrhu i mjesto. Na primjer, ako gumb aktivira skočni izbornik, bilo bi bolje da tamo postoje gumbi, a ne samo klizač. Ovo će pomoći korisniku da shvati da su dva elementa (gumb i skočni izbornik) povezani.

Svaka animacija treba istaknuti veze između elemenata. Vizualna hijerarhija i interakcija elemenata važni su pri stvaranju intuitivnih sučelja. U donjem primjeru, izbornik se pojavljuje kada kliknete na ikonu i korisnik odmah razumije da se radi o istom elementu, samo uvećanom.

U drugom primjeru, veličina informacijske kartice se povećava kada korisnik klikne na nju. Sve je isto: odmah je jasno da se radi o istom elementu, a razlika je samo u mjerilu.

VIZUALNI TRAG

Animacija može voditi korisnika o tome kako komunicirati s elementima dizajna. Osobito je važno pružiti vizualni savjet kada je aplikacija složena i korisniku je teško razumjeti logiku interakcije elemenata. Ilustracija u nastavku pokazuje kako se ova tehnika može primijeniti. Korisnik otvara blog i kartice s člancima pojavljuju se na dnu ekrana. Da bi pronašao željeni članak, korisnik treba horizontalno pomicati kartice kako bi se upoznao s prikazanim sadržajem.

Isti pristup se može vidjeti u drugom primjeru, samo što se ovdje animacija koristi kao savjet pri odabiru ikone društvene mreže.

STANJE SUSTAVA

Uvijek postoji niz procesa koji se odvijaju "ispod haube" aplikacije, odvijaju se neki izračuni, podaci se preuzimaju s poslužitelja i tako dalje. Zadatak dizajnera je dati korisniku do znanja da aplikacija radi i pokazati napredak procesa. Ako korisnik vidi da aplikacija radi, osjeća da kontrolira proces i da sve ide kako treba. Idealno bi svaki proces trebao biti popraćen zasebnom animacijom. Na primjer, ako se reproducira audio snimka, aplikacija može prikazati pokretni audio zapis. U stvarnom vremenu, animirani zvučni val može pokazati koliko je glasna snimka.

Jedan od najčešćih primjera ove vrste animacije je tehnika Pull To Refresh koja se koristi prilikom učitavanja elemenata na zahtjev korisnika.

ZABAVNA ANIMACIJA

Ova vrsta animacije može se koristiti na različite načine. Često se takva animacija koristi na glup način i može ozbiljno zakomplicirati razvoj aplikacije. Ali doista jedinstvene animacije mogu biti vrlo privlačne korisniku i mogu izdvojiti aplikaciju od konkurencije. Animacija "za zabavu" jedan je od tajnih elemenata programera koji želi da korisnici zavole njegovu aplikaciju. Također, zanimljiva animacija može pomoći u stvaranju prepoznatljivog brenda.

U donjem primjeru pokretni krugovi izgledaju vrlo neobično i privlače pozornost korisnika. Mogućnost pomicanja ovih krugova po zaslonu osvaja korisnika i dodaje element igre u rad s aplikacijom. Jednostavno je i zabavno.

Čak se i dosadni Pull To Refresh može učiniti zabavnim, kao u ovom primjeru sa slikom lonca s kipućom vodom.

Međutim, dizajner koji želi unijeti malo humora i zabave u dizajn trebao bi voditi računa o tome da animacija ne bi trebala skrivati ​​važne značajke aplikacije od korisnika. Također biste trebali voditi računa o vremenu interakcije s aplikacijom - smiješne značajke ne bi trebale previše ometati pozornost korisnika.

OSNOVNA NAČELA DIZAJNA

Gore su razmotrene glavne vrste animacije. Ali da biste počeli stvarati doista impresivne animacije, morate se sjetiti devet principa animacije koje je formulirao veliki Walt Disney. Ova se načela mogu učinkovito koristiti u dizajnu korisničkog sučelja.

MATERIJAL

U prirodi svaki predmet ima niz karakteristika. Isto vrijedi i za elemente dizajna. Što su oni? Lagan ili težak, krut ili fleksibilan, ravan ili voluminozan? Dizajner mora dati korisniku ideju o tome kako će element sučelja reagirati pri radu s aplikacijom.

TRAJEKTORIJA KRETANJA

U animaciji je važno odlučiti se za vrstu pokreta. Opća načela kažu da se neživi objekti kreću pravocrtno, dok se živa bića kreću fleksibilnijom stazom. Nakon što ste odlučili kako će se elementi kretati, morate se držati odabrane strategije.

TIMER

Vrijeme kretanja elementa vrlo je važan faktor pri stvaranju animacije. U stvarnom svijetu, objekti se ne kreću prema pravilima linearnog gibanja; potrebno im je vrijeme da se ubrzaju ili uspore. Kako bi se elementi korisničkog sučelja kretali prirodnije, možete koristiti neravnomjerno ubrzanje.

FOKUSIRANJE NA ELEMENT

Možete privući pozornost korisnika na određeni dio zaslona. Na primjer, trepćuća ikona upozorenja može upozoriti korisnika da postoje neki važni podaci. Ova vrsta animacije koristi se u složenim sučeljima s mnogo elemenata. Kada nije moguće istaknuti određeni element, možete koristiti tehniku ​​fokusiranja na objekt.

REZULTAT RADNJE I PREKLAPANJE

Ako postoji više elemenata, oni se mogu kretati istovremeno, ali ne sinkrono. Ako se jedan element zaustavi, onda drugi može doći do krajnje točke malo kasnije. Na primjer, kada osoba baci loptu, njegova ruka se i dalje kreće, iako je sama akcija završena. Preklapanje privlači pozornost korisnika jer animacija izgleda prirodnije.

DODATNI KORACI

Načelo dodatnih akcija prati glavnu animaciju. Dodatna animacija čini dizajn zanimljivim, ali može odvratiti pažnju korisnika.

GLATKO UBRZANJE

Kao što je već navedeno, u stvarnosti se objekti ne kreću konstantnom brzinom. Ubrzavaju više ili manje glatko i također usporavaju. Ovo se načelo mora uzeti u obzir pri razvoju korisničkih sučelja.

OČEKIVANJE

Načelo očekivanja donekle je slično vizualnim znakovima. Prije nego što se animacija pojavi, morate dati korisniku malo vremena da shvati što će se sljedeće dogoditi. Ako postoji nekoliko elemenata predstavljenih u nizu, tada se posljednji može animirati tako da korisnik može pogoditi kako komunicirati s ostalima.

RITAM

U animaciji ritam ima istu funkciju kao iu glazbi; on organizira kretanje i čini ga prirodnijim.

PRETJERIVANJE

U animaciji se često koristi pretjerivanje, ali ovo načelo nije lako ilustrirati, jer se ova tehnika koristi za stvaranje visokih očekivanja. To pomaže privući dodatnu pozornost na određenu značajku.