Ministarstvo obrazovanja i nauke Ruske Federacije

Državna obrazovna ustanova

Visoko stručno obrazovanje

Taganrog državni institut Južnog federalnog univerziteta

Katedra za sisteme kompjuterski potpomognutog projektovanja

OBJAŠNJENJE

na seminarski rad

Disciplina: obećavajuće informacione tehnologije i okruženja.

EOR na temu: " Alati za podršku animaciji 2 D i 3 D ».

Završeno:

Učitelj:

Taganrog

Zadatak za predmetni rad:

Izrada elektronskog obrazovnog resursa na temu: "Alati za podršku animaciji", gdje je potrebno na nekoliko primjera demonstrirati princip kreiranja animacije. I uradi isto kratka recenzija neke tehnologije za kreiranje i podršku 2D i 3D animacije.

Uvod

Relevantnost teme "Animacija" danas je van svake sumnje. Prije skoro jednog stoljeća pojavili su se prvi crtani filmovi, koji su sve oduševili. Dolaskom modernih tehnologija, animacija postaje jedan od glavnih elemenata multimedijalnih projekata i prezentacija, te je sve prisutnija na internet stranicama. Takođe, animacija se veoma široko koristi na televiziji. Na primjer, mnogi emiteri koriste screensaver kreirane uz pomoć kompjuterske animacije. Izrada video proizvoda također nije potpuna bez kompjutera, a sve češće profesionalni video koristi tehnike kompjuterske animacije.

U ovom radu razmatraju se tehnologije i principi za kreiranje animacije.

Animacija

Svjetski prihvaćena profesionalna definicija "animacija" (u prijevodu s latinskog "anima" - duša, "animacija" - oživljavanje, animacija) što preciznije odražava sve moderne tehničke i umjetničke mogućnosti animiranog filma, jer majstori animacije ne samo animiraju svoje likove, već stavljaju komadić njihovu dušu u njihovu kreaciju.

Tehnologije animacije.

Trenutno postoje različite tehnologije za stvaranje animacije:

klasična (tradicionalna) animacija je alternativna izmjena crteža, od kojih se svaki crta zasebno. Ovo je veoma dugotrajan proces, jer animatori moraju kreirati svaki kadar posebno.

Zamrznuti okvir (lutka) animacija. Objekti smješteni u prostoru fiksiraju se okvirom, nakon čega se njihov položaj mijenja i ponovo fiksira.

Sprite animacija se implementira pomoću programskog jezika.

morphing – transformacija jednog objekta u drugi generiranjem određenog broja međufrejmova.

animacija u boji - mijenja samo boju, a ne i poziciju objekta.

3D animacija kreiran pomoću posebnih programa (na primjer, 3D MAX). Slike se dobijaju renderovanjem scene, a svaka scena je skup objekata, izvora svetlosti, tekstura.

Snimanje pokreta (Motion Capture) - prvi pravac animacije, koji omogućava prenošenje prirodnih, realističnih pokreta u realnom vremenu. Senzori su pričvršćeni za živog glumca na mjestima koja će biti poravnata kontrolne tačke kompjuterski model za unos i digitalizaciju kretanja. Glumčeve koordinate i orijentacija u prostoru se prenose na grafičku stanicu, a animacijski modeli oživljavaju.

Softver za animaciju.

Softver za kreiranje animacija olakšava korištenje i za početnike i za početnike napredni korisnik. Takvi programi imaju različite tehničke karakteristike koje su animatoru vrlo korisne i jednostavne za korištenje. U svakom trenutku korisnik može dobiti on-line pomoć. Takav softver je podijeljen u dvije kategorije: za dvodimenzionalnu (2D) i trodimenzionalnu (3D) animaciju. Danas na tržištu postoji ogroman broj i raznovrsnost programa za kreiranje animacija. Mnogi od njih su široko dostupni i imaju probni način rada tokom kojeg korisnik može besplatno koristiti program. Nakon isteka ovog roka, ukoliko je korisnik zadovoljan programom, može kupiti punu verziju za dalju upotrebu.

Posebnosti softvera za 2D animaciju (2 D ):

Većina ovih programa ima prijateljski interfejs i nudi mnoge funkcije. Na primjer, korisne funkcije kao što su prilagodljiva mreža i automatsko popunjavanje praznina. Automatska funkcija sinhronizacije slike i glasa štedi vrijeme.

Biblioteka šablona je dizajnirana da organizuje, pohranjuje i višekratnu upotrebu od svih vaših sredstava i kreiranih animacija mogu sadržavati sve vrste medijskih datoteka: filmove, kolekcije fotografija, umjetnička djela u formatima kao što su SWF, AI, PDF, JPEG, PSD, TGA i GIF.

Posebni programski elementi čine proces animacije lakim kao jedan, dva, tri. Softverski alati omogućavaju korisniku da kreira efekte pokreta, razmere, rotacije i izobličenja. Postoji funkcija za automatsko umetanje ključnog kadra u vremensku liniju.

Proces kreiranja scene traje nekoliko sekundi pomoću funkcije drag and drop i alata za dizajn mjesta. Značajka stvaranja sjene će dodati realizam animaciji. Zahvaljujući programu, proces kreiranja animacije postaje lak zadatak, ma koliko sama ideja bila složena.

Kreirajte ili kompajlirajte visokokvalitetne animacije za web, PDA, iPod, mobiteli, HDTV uključujući SWF, AVI, QuickTime, DV streamove i još mnogo toga.

za rad softvera za 2D animaciju:

Za operativni sistem 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čuje se) ili 8MB (minimalno) video memorije, sposobne za rezoluciju do 1024x768 piksela.

Za PC sisteme - procesor od 800 MHz 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, 1024x768 tačaka mogućnosti rezolucije.

Karakteristike softvera za kreiranje trodimenzionalne animacije (3D):

3D modulatori, podrška za TrueType font, uvoz i promjena formata datoteke, izvoz 3DS datoteke, ugrađeni 3D pretraživač, kompozitni uređivač karaktera, modifikacija objekata, renderer visokog kvaliteta, kreiranje slike visokog kvaliteta, kreiranje 3D scene i animacije, podrška za okvire, bump transformacije, kreiranje mekih senki, fokusnih tačaka, efekata magle i još mnogo toga, podrška za .BMP.GIF, i.JPG formate datoteka, jezik skripte, itd.

Potrebni sistemski zahtjevi za rad softvera za 3D animaciju:

Windows NT 4, Win 95, Win 98, Win ME, Win 2 K ili Win XP, OpenGL ubrzana grafička kartica sa punom podrškom za ICD, (ala GeForce), najmanje 64 MB RAM-a, 128 MB (preporučeno) ili 256 MB, u slučaju da koristite Win XP, 300 MHz Pentium, prostor na disku je 5 MB.

Neki od popularnijih softvera za animaciju su:

Ulead Animation, Ulead GIF Animator 5, CoffeeCup Animator 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 da pohrani nekoliko slika u datoteku - animirani gifovi su niz okvira koji se brzo zamjenjuju, zbog čega se postiže efekat animacije. Okviri, poput nezavisnih slika ili zasebnih slojeva jedne slike, mogu se kreirati u bilo kojem grafičkom paketu - u Adobe Photoshopu, Jasc Paint Shop Pro, itd. Ali pretvarajući ih u animirani gif fajl koji sadrži ne samo sve originalne slike, već i podaci o brzini njihovog izlaza na ekran, korišćenoj paleti, zvuku itd. (i to u jako komprimovanom obliku), već se izvode uz pomoć posebnih programa. Danas, zahvaljujući širokoj upotrebi Animation GIF formata u web dizajnu, broj takvih programa je vrlo velik.

Klasifikacija programa za kreiranje gif - animacija.

Uglavnom, svi programi za kreiranje animiranih gifova mogu se podijeliti u tri grupe:

1. Prvo uključuje popularne dvodimenzionalne grafičke pakete koji su prvenstveno fokusirani na rad sa dvodimenzionalnom rasterskom grafikom i istovremeno vam omogućavaju kreiranje datoteka u Animation GIF formatu zahvaljujući odgovarajućim uslužnim programima koji ih nadopunjuju. Najpopularniji od njih su Adobe Photoshop sa uključenim ImageReady, Jasc Paint Shop Pro sa uključenim Animation Shop-om i Ulead PhotoImpact sa GIF program Animator. Glavna prednost aplikacija ove grupe je u tome što je program za animaciju usko povezan sa odgovarajućim grafičkim paketom i stoga je moguće brzo prebacivanje između programa animatora i grafičkog uređivača, po potrebi korigovati sliku. Ovo je zgodno samo ako razumijete sve zamršenosti rada s takvim paketima (svi oni, posebno Adobe Photoshop, zahtijevaju ozbiljnu pripremu). Zbog toga je ova opcija prikladnija za profesionalce, a za početnike je bolje odabrati jedan od programa druge grupe.

2. Sekunda Grupa uključuje pakete dizajnirane isključivo za kreiranje animiranih gifova. U pravilu imaju ograničene mogućnosti crtanja, pa se izvorne slike za animaciju kreiraju u bilo kojem od grafičkih paketa - ovi gif animatori nisu vezani za određenu grafičku aplikaciju. Štoviše, uopće nije potrebno birati 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 grupe. Osim toga, nezavisni programi za razvoj animiranih gifova imaju male distribucije, tako da se lako mogu kupiti putem interneta. I konačno, većina aplikacija u ovoj grupi je vrlo jednostavna, tako da se može brzo savladati.

3. treći grupu čine programi fokusirani na kreiranje 3D grafike (na primjer, 3D Studio Max) i koji vam u isto vrijeme omogućavaju kreiranje animacije u Animation GIF formatu (obično zbog posebnog dodatka, često uključenog u isporuku) . Grafički 3D programi su zgodni po tome što ne zahtijevaju crtanje okvir po kadar - obično, za kreiranje gif datoteke, dovoljno je dati objektu neku vrstu cikličke akcije, kao što je rotacija oko ose, snimiti rezultirajuću animaciju kao niz okvira i izvezite ga u animirani gif. Međutim, postoji jedno "ali" - tradicionalni programi za rad s trodimenzionalnom grafikom zahtijevaju duboko stručno znanje i teško ih je koristiti. Ali ne očajavajte! Ako trebate stvoriti, na primjer, animirani trodimenzionalni logo, onda je sasvim moguće proći s programom Xara3D , koji, iako je pozicioniran za rad sa trodimenzionalnom grafikom, može kreirati i animirane gifove i vrlo je jednostavan za korištenje.

Dodajmo da grupa softverskih proizvoda fokusiranih isključivo na kreiranje animiranih gifova uključuje pakete koji se mogu koristiti i za kreiranje trodimenzionalnih animiranih dugmadi i logotipa, iako će se ispostaviti da neće biti tako spektakularni kao kod korištenja programa Xara3D.

Razmotrite neke tehnologije i principe za kreiranje animacije.

Ulead gif Animator

Ulead GIF Animator je uključen u Ulead PhotoImpact grafički paket, ali se može koristiti i samostalno za kreiranje animiranih gifova na osnovu slika kreiranih u bilo kojem grafičkom paketu. Zahvaljujući praktičnom i intuitivnom sučelju i bogatim funkcijama, ovaj program se danas smatra jednim od najpovoljnijih i najfunkcionalnijih gif animatora i štedi mnogo vremena web dizajneru, jer može prepoznati promjene napravljene u vanjskim uređivačima (PhotoImpact, Photoshop ili Paint Shop Pro) i automatski ažuriraju odgovarajuće okvire u animaciji. Animirani crtež se može izvesti u PhotoImpact (UFO) ili Photoshop (PSD) format sa očuvanim slojevima. Osim toga, možete odabrati bilo koji sloj slike kreiran u PhotoImpact, Photoshop ili Paint Shop Pro kao poseban objekt za GIF Animator.

Program pruža bogat skup alata za kompoziciju, uređivanje, specijalne efekte, optimizaciju i izvoz. Dinamička animacija višeslojnih crteža zasnovana na objektno orijentisanom modelu u punoj boji omogućava vam da lako manipulišete višestrukim objektima na crtežu i brzo kreirate animacije sa više objekata, i dinamičko ažuriranje slike kreirane u eksternim uređivačima, setovi novi standard integracija. Čarobnjak za animaciju pojednostavljuje postavljanje slika u radni prostor i omogućava vam trenutnu procjenu kvaliteta kreirane animacije na osnovu njenog demo prikaza u prozoru za pregled. Upravitelj objekata vam pomaže da pratite sve objekte na crtežu, dok funkcije tweeninga automatiziraju proces animacije generiranjem međupozicija za odabrane objekte.

Funkcije Ulead GIF Animatora uključuju animaciju teksta i preko 130 efekata animacije. Napredne metode kompresije slike implementirane u program omogućavaju postizanje značajnog smanjenja veličine animacijskih datoteka, automatsko generiranje HTML koda značajno ubrzava proces umetanja gotovih animacija u web stranicu i podršku za izvoz na različite formate, uključujući Flash, AVI, MPEG i QuickTime, čini program još atraktivnijim.

Image Ready CS

ImageReady CS je dio popularnog Adobe Photoshop CS paketa i dizajniran je za dizajniranje različitih Web elemenata, uključujući animirane gifove, što ga, s obzirom na njegovu punu kompatibilnost sa Photoshopom, čini odličnim alatom za web dizajn za profesionalce. Photoshop i ImageReady rade u bliskoj saradnji i savršeno se nadopunjuju, a uređena datoteka se može lako premeštati između programa tokom uređivanja uz automatsko spremanje. Stvorene animirane gif datoteke moguće je izvesti u Macromedia Flash (SWF) format.

Animirani gifovi mogu se kreirati kako od slojevitih datoteka Adobe Photoshop i Adobe Illustrator, tako i od pojedinačnih slika sačuvanih u različitim grafičkim formatima. Prilikom kreiranja animacije zasnovane na nizu slika za uređivanje okvira, nije potrebno učitavati svaku sliku posebno - možete koristiti mogućnost uvoza iz foldera u koji su prethodno pohranjeni pojedinačni okviri buduće animacije. Moguće je automatski generisati potreban broj srednjih kadrova, što značajno ubrzava proizvodnju glatkih animacija, jer nema potrebe za ručno kreiranjem svakog kadra. U prozoru programa možete odmah pogledati rezultat i, ako je potrebno, izvršiti potrebne promjene.

pirinač. jedan

ImageReady ima veliku galeriju filtera sličnih mnogim dobro poznatim Photoshop filterima. Stoga, da biste okviru dodali ovaj ili onaj efekat, ne morate uvijek prelaziti na Photoshop - mnoge radnje su dostupne iz okruženja ImageReady.

Da biste se prebacili sa Photoshopa na ImageReady i nazad, kliknite levim tasterom miša na poslednji red okomite trake sa alatkama - Uredite u sliku spremno(Otvorite u Image Ready) ili jednostavno držite pritisnutu kombinaciju tipki Shift+Ctrl+M :

Panel Animacija se može pozvati pomoću naredbe Prozor > Animacija(Prozor > Animacija).

Sa GIF animacijom, skup okvira slike se reproducira redoslijedom koji odredi korisnik. Možete kreirati različite efekte animacije za web stranicu: učiniti da se tekst ili grafika pomjera, izblijedi ili nestane ili se promijeni na neki drugi način.

Da biste pripremili animaciju u programu ImageReady, potrebno je kreirati mnogo okvira slike pomoću palete Animation (Animation), prikazane na Sl. 3. Zatim možete uređivati ​​pojedinačne slojeve svakog okvira koristeći paletu Layers (Layers) sl. 4, pri čemu svaki okvir ima svoj jedinstveni skup postavki u paleti slojeva. Konačno, moramo da sačuvamo niz okvira kao jednu GIF datoteku - sada je animacija spremna za interaktivno gledanje.

pirinač. 3

pirinač. 4

Layer Effects

ImageReady nudi isti skup efekata slojeva kao Photoshop. Ali Photoshop program prilagođava svojstva sloja koristeći dijaloški okvir Layer Style (Layer style), a ImageReady - koristeći kontekstualnu paletu opcija sloja.

Efekti u ImageReadyju imaju iste karakteristike kao u Photoshopu: njihova imena se pojavljuju ispod naziva sloja na koji su primijenjeni; efekti se kreću sa slojem; Elementi palete imaju strelice koje pokazuju udesno, pomoću kojih možete otvoriti ili zatvoriti listu efekata. Svaki efekat ima svoju ikonu za prikaz ili sakrivanje tog efekta.

Kreiranje efekta animacije za bilo koju sliku.

1. Otvorite ili kreirajte sliku koja sadrži pozadinski sloj i prozirni sloj sa slikom objekta.

2. Otvori paletu animacija(Animacija).

3. Odaberite sloj u paleti Layers.

4. Sa alatom pokret(Premjesti) povucite element slike do ruba glavnog prozora.

5. Na dnu palete animacija kliknite na dugme Duplikat trenutnog okvira(Duplikat trenutnog okvira). Kopirani okvir će biti istaknut.

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

7. Sa alatom pokret(V taster) prevucite element sloja na drugu stranu glavnog prozora. Ostavite ovaj sloj odabran!

8. Na paleti animacija kliknite na dugme Tween(Srednji okviri) za izgradnju međuokvirova između već odabranih.

9. U dijaloškom okviru Tween(Srednji okviri) stavite prekidač Slojevi (Slojevi) u jednu od sljedećih pozicija:

· Svi slojevi(Svi slojevi) za kopiranje tačaka iz svih slojeva u nove okvire.

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

Zatim postavite u grupu Parametri(Parametri) zastavice onih parametara koji će se mijenjati u međuokvirima: Pozicija(Lokacija), Opacity(Neprozirnost) i/ili efekti(Efekti).

Iz popup menija Tween with(Vremenski raspon) odaberite način rada Prethodni kadar(Dodavanje srednjih okvira između odabranog okvira i prethodnog).

Odabir opcija reprodukcije animacije

Iz iskačućeg izbornika koji se nalazi u donjem lijevom kutu palete animacija(Animacija), odaberite način reprodukcije koji određuje kako će se animacija reproducirati: Jednom(jednom) ili zauvijek(Neprekidno u petlji). Ili omogućite opciju Ostalo(U suprotnom) da navedete određeni broj puta da se animacija reproducira, a zatim kliknite na dugme U redu.

Animation Preview

1. U glavnom prozoru odaberite karticu Original(originalna slika) ili Optimizirano(Optimizirana slika).

2. Ako prvi okvir nije odabran, onda na dnu palete animacija(Animacija) kliknite na dugme Odaberite prvi kadar(Odaberite prvi kadar).

pirinač. 5. Dupliciranje okvira animacije

3. Kliknite na dugme igrati(Reprodukcija) - pogledajte sliku 5. Animacija će se reproducirati malo sporije nego što bi trebala. (Pregled u ImageReady-u je sporiji nego u pretraživaču.)

4. Kliknite na dugme Stani(Stop) koji izgleda kao kvadrat za pauziranje reprodukcije.

5. Sačuvajte datoteku, a zatim kliknite na dugme Zadani pretraživač(Pregled u podrazumevanom pretraživaču) koji se nalazi na traci sa alatkama. Kliknite na dugme Nazad(Nazad) za povratak na ImageReady kada se gledanje završi.

Animacija zamaha predmeta

Evo kako natjerati da se element sloja pomiče s jedne na drugu stranu. Ova vrsta animacije utiče na tačke sloja i kopira se u sve postojeće okvire. Potrebno je kreirati duplikat sloja za svaku fazu pokreta.

Kreirajmo animaciju u kojoj će se objekt kretati u određenom smjeru i nazad.

1. Otvorite sliku i paletu animacija(Animacija).

2. Na dnu palete animacija kliknite na dugme Duplikat trenutnog okvira(Duplikat trenutnog okvira). Duplikat okvira će sada biti odabran.

3. Na paleti animacija kliknite na dugme Tween (Međufrejmovi), a zatim označite radio dugme Slojevi(slojevi) na poziciju Svi slojevi(Svi sloj), unesite broj okvira u polje Okviri za dodavanje(Dodaj okvire) da kreirate animaciju i kliknite na dugme UREDU.

4. Kliknite na okvir gdje bi pomicanje trebalo početi.

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

6. Uredite dupli sloj (na primjer, prilagodite boju). Sakrijte originalni sloj da vidite napravljene promjene. Promjene će se odraziti u odabranom okviru 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 prikažite uređeni duplikat sloja i sakrijte originalni sloj.

Dakle, naizmjenično prikažite/sakrijte slojeve za ostale okvire animacije.

Otvaranje GIF animacije

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

1. Izvršite naredbu Datoteka > otvori(Datoteka > Otvori) ili pritisnite kombinaciju tastera Ctrl+O.

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

3. Kliknite na dugme otvoren(Otvoreno). Okviri sekvence animacije će biti sačuvani. Međutim, paleta slojeva će sada prikazati niz slojeva: po jedan sloj za svaki okvir. Pojedinačni elementi slojevi se više ne mogu uređivati ​​nezavisno od drugih okvira!

Optimizacija animacije

1. U meniju palete Optimiziraj(Optimizacija) koristite naredbu Optimiziraj animaciju(Optimiziraj animaciju).

2. U grupi parametara Optimize By(Optimiziraj sa) potvrdite okvir Ograničavajuća kutija(granični okvir) za očuvanje originalnog okvira, kao i samo onih područja koja se mijenjaju iz jednog okvira u drugi. 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.

Pored ovih radnji ili umjesto njih, potvrdite okvir Uklanjanje suvišnih piksela(Ukloni dodatne tačke) da biste uklonili one tačke objekta ili pozadine koje se ne menjaju, odnosno ponovo se crtaju svaki put kada se učita novi okvir. To će također pomoći u smanjenju veličine datoteke.

Nijedna od ovih opcija neće promijeniti stvarni izgled animacije, sve promjene se dešavaju iza scene.

Sačuvaj animaciju.

Animacija koju kreirate može se sačuvati kao GIF ili kao QuickTime film. Drugi formati datoteka, kao što su JPEG ili PNG, sačuvat će samo prvi okvir slike, sprječavajući reprodukciju cijele animacije. Postoji nekoliko načina da sačuvate optimizovanu animaciju za upotrebu na web stranici. U ImageReady, samo odaberite naredbu Datoteka > Optimizirano spremanje(Datoteka > Sačuvaj optimizovano) da sačuvate animaciju sa postavkama izabranim kada je poslednji put sačuvana. Ako ovo nije prvo spremanje, onda dijaloški okvir Sačuvaj(Sačuvaj) se ne pojavljuje, a naziv datoteke i njeni parametri ostaju isti kao što su prethodno dodijeljeni.

Izbor tima Datoteka > Sačuvaj optimizovano kao(Datoteka > Sačuvaj kao optimizovano) omogućava vam da promenite naziv datoteke i odaberete drugu lokaciju za skladištenje. Također je moguće odabrati izmijenjeni parametar Sačuvaj kao tip(Tip datoteke) iz skupa dostupnih vrijednosti:

· HTML i slike(HTML i slike) - generiše HTML datoteku i sprema svaku sliku kao zasebnu datoteku;

· Samo slike(Samo slike) - sprema samo sliku u zasebnu datoteku;

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

Pored toga, ImageReady vam omogućava da kreirate HTML datoteku koristeći komandu Copy HTML, koja kopira HTML kod u međuspremnik, a zatim se može zalijepiti na web stranicu u bilo kojem HTML uređivaču. U slučaju promjena u originalnoj slici, za ažuriranje HTML datoteke, izvršava se naredba Ažuriraj HTML s imenom ažurirane datoteke.

Da biste sačuvali animaciju u QuickTime formatu, izaberite komandu Fajl > Izvezi original( Datoteka > Izvoz početni) i sa padajuće liste izaberite vrednost Quick Time Movie(Biće dostupan ako imate instaliran QuickTime na vašem računaru). Nakon što odredite naziv datoteke i njegovu lokaciju, kliknite na dugme Sačuvaj(Sačuvaj) kreirajte datoteku odabranog tipa.

Kako napraviti animiranu kišu.

Korak 1. Otvaramo sliku.

Korak 2 Napravite novi sloj i popunite ga sivom bojom. I primijenite filter na njega Filter - Buka - Dodajte buku i postavite ove postavke.

Zatim nanesite filter Filter-Blur-Motion Blur.

Postavite neprozirnost sloja na 30%

Korak 3 Opet kreirajte novi sloj i popunite ga sivom bojom i primijenite iste filtere kao u koraku broj dva. ali filter zamućenje pokreta već radite sa drugim postavkama.

i postavite neprozirnost sloja na 30%

Korak 4 . Ponovo ponavljamo istu stvar koju smo uradili u koraku 2. Filtriraj zamućenje pokreta uradite sa istim postavkama i postavite transparentnost sloja na 30%.

Korak 5 . Idi Čitač slika Ovo se radi pomoću prečice na tastaturi ( Shift+Ctrl+M)

Korak 6 . Dužina okvira je 0.1sec.

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

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

Korak 9 . Prelazimo na drugi okvir i pravimo ga tako da se vidi samo drugi sloj sa kapima koje smo napravili.

Korak 10 . Prelazimo na treći okvir i pravimo ga tako da se vidi samo treći sloj sa kapima koje smo napravili.

Sva naša animacija je spremna!

Xara3D 5.0

Za razliku od većine programa za rad sa trodimenzionalnom grafikom, Xara3D ima jednostavno i prijateljsko sučelje i minimalan broj postavki, tako da čak i početnik može lako i brzo shvatiti. Iako je program prvenstveno namijenjen kreiranju obimnog teksta i dugmadi, odličan je i za primanje animacija u Animiranim GIF i AVI formatima. Stoga ga web dizajneri uspješno koriste uglavnom za kreiranje profesionalnih trodimenzionalnih tekstualnih logotipa.

U arsenalu programa - veliki skup fontova i tekstura za dizajn kreiranih objekata. Pruža potpunu kontrolu nad kreiranim tekstom, uključujući njegovu poziciju, poravnanje, vođenje, kerning, itd., efikasno i fleksibilno upravljanje bojom i strukturom trodimenzionalne slike. Takođe možete učiniti slike mat ili sjajnim, nanijeti meku sjenu za uokvirivanje i tako dalje. Izbor animacijskih efekata je prilično širok: objekti se mogu rotirati, postupno pojavljivati, pulsirati, napredovati, njihati ili nestati. Također možete uvesti značajke animacije iz jedne datoteke i primijeniti ih na drugu. Jednostavne kontrole animacije omogućavaju vam da postavite bilo koje vremensko ograničenje, na primjer, dodate pauze u različito vrijeme ili postavite vlastite karakteristike animacije za svaki objekt.

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

Macromedia Flash

da budem precizniji, Adobe Flash- okruženje za kreiranje aplikacija za Flash platformu (Flash Platform), uz nju postoje i drugi alati (okruženja):

Adobe Flex Builder

Flash razvojni alat (FDT) itd.

Flash aplikacije su izgrađene sa ActionScript - programski jezik. Ako izvorni kod ne sadrži jezička uputstva, tada se tokom kompilacije, u svakom slučaju, generiše neki osnovni ActionScript kod (ovo se može vidjeti gledanjem Flash bajt koda). Dalje, odnosno, postoji osnovni klip na bini, naslijeđen iz klase MovieClip, koji počinje da se reprodukuje. Adobe Flash okruženje je više fokusirano na dizajnere, animatore, iako je moguće napisati punopravni kod. Flex Builder, FDT, su programski orijentisani i ne postoje posebni alati interfejsa za animaciju, vizualizaciju.

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

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

Flash datoteke imaju ekstenziju ".swf" i pregledavaju se pomoću Flash Player, koji se može instalirati kao dodatak za pretraživač. Također, swf datoteke se mogu pregledati pomoću Gnash playera. Distribuira se besplatno putem Adobe web stranice. Izvorni fajlovi sa ekstenzijom ".fla" kreiraju se u razvojnom okruženju Adobe Flash, a zatim se kompajliraju u format koji razume Flash Player - ".swf".

Flash se zasniva na vektorskom morfiranju, odnosno glatkom "pretoku" jednog ključnog kadra u drugi. Ovo vam omogućava da napravite prilično složene scene iz crtanih filmova postavljanjem samo nekoliko ključnih kadrova za svaki lik.

Flash koristi ActionScript programski jezik, koji je baziran na ECMAScript.

Tehnologija vektorskog morfiranja korištena je mnogo prije Flasha. Godine 1986. izašao je program Fantavision koji je koristio ovu tehnologiju. Godine 1991. na ovoj tehnologiji je objavljena igra Another World, a dvije godine kasnije - Flashback.

Istorija Flash-a počela je 1995. godine, kada je, nakon kupovine softvera za animaciju FutureSplash Animator, Macromedia objavila proizvod pod nazivom Flash.

Flash je započeo svoje profesionalna aktivnost od izdavanja konvencionalnog softverskog proizvoda za 2D animaciju. Kako je vrijeme odmicalo, sve se razvijalo brzim tempom. Ni Flash nije zaobišao razvoj, postao je moderniji i savršeniji.

Danas postoje takozvani 3D motori, na primjer:

PaperVision3D, ali su njihova brzina i kvalitet rada prilično niski, uglavnom zbog činjenice da trenutno kao dio flash playera, ne postoji način da se koriste DirectX ili openGL alati, tako da se vrši potpuna emulacija svih 3D algoritama. Nema podrške za hardversko ubrzanje, višejezgrene procesore – što takođe smanjuje brzinu motora. Međutim, dizajneri često kreiraju vlastiti 3d motor prilagođen specifičnostima određenog projekta (igre).

Danas većina pretraživača ima posebno ugrađen dodatak Macromedia Flash Player koji im omogućava reprodukciju Flash datoteka. Flash je dominirao webom i postao standard za prikazivanje vektorske animacije na web stranicama. Bez Adobe Flash-a Pretraživači igrača neće ispravno prikazati web stranice i ugrađene interaktivne web elemente razvijene korištenjem Flash tehnologije.

Macromedia Flash interfejs.

sl.1

Kada otvorite prozor aplikacije Flash, na ekranu se pojavljuju sljedeći elementi interfejsa:

Stage (desktop) - područje za sređivanje pojedinačnih okvira, kreiranje kompozicije od grafičkih elemenata ili uvezenih bitmapa i pregled rezultata animacije;

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

Simboli (simboli) - glavni elementi filma u pravilu se u njemu više puta koriste;

· Biblioteka (biblioteka) - prozor sa listom simbola i uvezenih datoteka, koji vam omogućava da ih organizujete i sortirate;

· Plutajući paneli koji se mogu pričvrstiti (dockable paneli) - prozori sa skupom kartica koji se koriste za konfiguraciju aplikacije i promjenu parametara elemenata filma;

· Movie Explorer (filmski pretraživač) - dodatno se zove prozor za pregled strukture filma.

Stop motion animacija

Pa hajde da još jednom pogledamo prozor. Flash programi. Kada je u njemu otvoren video, takozvana vremenska linija nalazi se na vrhu prozora. Na njegovoj lijevoj strani su nazivi slojeva, o kojima ćemo govoriti kasnije u ovom poglavlju, i njihovi atributi. A na desnoj strani su označeni numerisani kadrovi videa (slika 4). Zahvaljujući numerisanju kadrova, ovaj prozor se naziva vremenska linija - na kraju krajeva, kadrovi se nižu jedan za drugim u videu.

Na vremenskoj liniji nalazi se crveni pravougaonik koji uvijek ističe trenutni okvir.

zaključak:

U svijetu modernih tehnologija, animacija postaje jedan od glavnih elemenata multimedijalnih projekata i prezentacija, te je sve prisutnija na internet stranicama.

Ovaj rad govori o najčešćim načinima podrške i kreiranja animacije, kao i o fazama kreiranja gif-fajlova, flash-rollera i animiranog volumetrijskog teksta, koristeći različite efekte.

Xara3D - program za rad s trodimenzionalnim tekstom ima prijateljski interfejs i minimalan broj postavki, smatra se jednostavnim i praktičnim.

Sa korisničkim i intuitivnim sučeljem i bogatim funkcijama, Ulead GIF Animator se danas smatra jednim od najprikladnijih i funkcionalni programi da kreirate gif - datoteke i štedite mnogo vremena za web dizajnera

je vodeći alat za kreiranje multimedijalnih sadržaja. Ovaj softverski alat integriše tekst, grafiku, audio i video kako bi formirao interaktivno multimedijalno okruženje koje daje briljantne rezultate prilikom kreiranja interaktivnih prezentacija, marketinških materijala, resursa za e-učenje i grafičkih korisničkih interfejsa.

Macromedia Flash Professional okuplja više od milion programera i korisnika širom svijeta koji koriste široku paletu računarskih uređaja. Macromedia Flash tehnologija se smatra najrasprostranjenijom softverskom platformom.

Bibliografija:

1. Computer Press 3 '2005;

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

3. Ilustrovani vodič o animaciji za Internet; 2007 Dynamite Software Group.

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

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

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

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

Karakteristike softvera za 2D animaciju (2D) ................................5

Karakteristike softvera za kreiranje trodimenzionalne animacije (3D) ..... 5

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

Klasifikacija programa za kreiranje gif - animacija ........................................ .... .........6

Od tri glavne rekreativne funkcije (terapeutske, zdravstveno-popravne i edukativne), turistička animacija je osmišljena tako da neposredno obavlja dvije funkcije – sportsko-rekreativnu i edukativnu. Indirektno, pod odgovarajućim uslovima, obavlja se i terapijska funkcija.

U praksi animacije, za svrsishodno dizajniranje animacijskih programa, mogu se izdvojiti sljedeće funkcije turističke animacije:

Prilagodljivo, omogućavajući vam da pređete iz svakodnevnog okruženja u slobodno, slobodno vrijeme;

Kompenzacijski, oslobađajući osobu fizičkog i psihičkog umora od svakodnevnog života;

Stabilizacija, stvaranje pozitivnih emocija i stimulacija mentalne stabilnosti;

Poboljšanje zdravlja, usmjereno na obnavljanje i razvoj fizičke snage osobe, oslabljene u svakodnevnom radnom životu;

Informativni, koji vam omogućava da dobijete nove informacije o zemlji, regionu, ljudima itd.;

Obrazovni, koji vam omogućava stjecanje i konsolidaciju novih znanja o svijetu oko sebe kao rezultat živopisnih utisaka;

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

Ovakva raznolikost funkcija turističke animacije dovela je i do raznih vrsta animacijskih aktivnosti, kao i do velikog broja animacijskih programa i događaja.

Sa stanovišta sistemskog pristupa, turistička animacija je zadovoljenje specifičnih turističkih potreba u komunikaciji, kretanju, kulturi, stvaralaštvu, prijatnom provodu i zabavi.

Raspon ovih potreba je veoma širok, jer ljudi koji odlaze na godišnji odmor u ovaj pojam daju potpuno različita značenja: za neke je odmor putovanje, za druge čitanje knjiga, šetnja šumom, pecanje itd. Prema potražnji i motivacija za putovanje u Praksa turističkih usluga uključuje sljedeće vrste animacije koje zadovoljavaju različite potrebe turista (turista):

Animacija u pokretu - zadovoljava potrebe savremenog čoveka u pokretu, u kombinaciji sa zadovoljstvom i prijatnim iskustvima;

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

Animacija kroz komunikaciju - zadovoljava potrebu za komunikacijom sa novim, zanimljivim ljudima, otkrivanjem unutrašnjeg svijeta ljudi i upoznavanjem sebe kroz komunikaciju;

Animacija kroz umirivanje - zadovoljava potrebe ljudi za psihičkim oslobađanjem od svakodnevnog umora kroz umirivanje, samoću, kontakt sa prirodom, kao i potrebu za mirom i "dokolicom";

Kulturna animacija - zadovoljava potrebe ljudi za duhovnim razvojem pojedinca kroz upoznavanje sa kulturno-istorijskim spomenicima i savremenim primjerima kulture zemlje, kraja, naroda, nacije;

Kreativna animacija - zadovoljava potrebe osobe za kreativnošću, pokazujući svoje kreativne sposobnosti i uspostavljajući kontakte sa istomišljenicima kroz zajedničko stvaralaštvo.

Pravi animacijski programi su najčešće složene prirode, a navedene vrste animacije sastavni su elementi ovih programa.

Animacijski programi uz čisto rekreativne aktivnosti uključuju razne sportske igre, vježbe i takmičenja. Ova kombinacija čini ove programe intenzivnijim, zanimljivijim i korisnijim za jačanje i vraćanje zdravlja, pa se u međuodnosu turističke animacije i sporta najčešće postiže najveći restorativni efekat.

Istaknimo vrste animacije koje su relevantne za temu rada: rekreativna, turistička, hotelska.

Rekreativna animacija je vrsta slobodne aktivnosti koja ima za cilj obnavljanje duhovne i fizičke snage osobe. Programe slobodnog vremena koji se provode u rekreativne svrhe mogu realizovati kako turistička i odmarališta sa turistima, turista i gostiju, tako i rekreativna preduzeća sa lokalnim stanovništvom. To nam daje za pravo da tvrdimo da je pojam rekreativne animacije širi od koncepta hotelske i turističke animacije. Slika 2 prikazuje strukturu turističke animacije.

Slika 2 - Vrste rekreativne animacije

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

Hotelska animacija je najuži koncept od tri razmatrana, jer uključuje samo organizaciju slobodnih aktivnosti u turističkim preduzećima: turističkim kompleksima, hotelima, hotelima, kampovima itd.

Tu su i dodatne usluge animacije - animacijski programi koji su osmišljeni da "podrže" glavne turističke usluge navedene u paket aranžmanu tokom tehnoloških pauza zbog putovanja, kašnjenja putovanja, u slučaju lošeg vremena, nedostatka uslova za ciljani provod.

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

Tabela 1 – Tipologija aktivnosti animacije

U skladu s tim, cilj svake vrste animacije biće turizam i turistička takmičenja, sport i sport, zabavni sadržaji, edukativne i izletničke aktivnosti.

o savršenoj animaciji u aplikaciji.

Verovatno ste čuli izraz " dobar dizajn vidljivo odmah. Sjajan dizajn ostaje nezapažen." Isti princip se može primijeniti na animacije u mobilnim aplikacijama: zaista, uspješna animacija čini aplikaciju upotrebljivom i privlači pažnju, ali ne odvlači korisnika od same aplikacije. Glavni zadatak animacije je objasniti korisniku logiku aplikacije.

Vrste animacije

Da biste optimizirali korištenje animacija, morate definirati njihovo mjesto i funkciju unutar vaše aplikacije. Hajde da saznamo koje vrste animacija postoje.

Vizuelne povratne informacije

Vizuelne povratne informacije su izuzetno važne za svaki korisnički interfejs. U fizičkom svijetu, objekti reagiraju na našu interakciju s njima. Ljudi očekuju isto od elemenata aplikacije. Vizuelne povratne informacije, kao i audio i taktilne povratne informacije, daju korisniku osjećaj samopouzdanja. Vizuelne povratne informacije također služe jednoj jednostavnoj funkciji: pokazuju da vaša aplikacija radi ispravno! Kada se ikona uveća ili prevučene slike pomiču u određenom smjeru, postaje jasno da aplikacija „radi nešto“ kao odgovor na korisnički unos. U primjeru ispod, kada korisnik označi potvrdni okvir kako bi označio da je zadatak završen, polje se smanjuje i mijenja boju u zelenu.

Tinder-ov poznati pristup "prevucite prstom nalijevo da bi volili desno-preskočili" je također vizualna povratna informacija. Ovu animaciju smo implementirali u Koloda, našu open source biblioteku:

Funkcionalna promjena

Ova vrsta animacije pokazuje kako se element mijenja kada korisnik stupi u interakciju s njim. Najprikladniji je ako želite ilustrirati kako se mijenjaju funkcije elemenata. Najčešće se koristi u dugmadima, ikonama i drugim malim elementima dizajna.

U prvom primjeru možete vidjeti kako se dugme mijenja iz ikone "hamburger" u "X", što znači da se funkcija gumba promijenila.

Drugi primjer mijenja i ikonu i sadržaj.

Orijentacija u prostoru

Većina mobilnih aplikacija ima složenu strukturu. Zadatak dizajnera u ovom slučaju je da što više pojednostavi navigaciju. Animacija može biti izuzetno korisna za ovaj zadatak. Ako pokaže gdje se element krije, sljedeći put će korisniku biti lakše da ga pronađe. U ovom primjeru vidimo meni na navigacijskoj traci. Okreće se kada korisnik klikne na dugme:

U ovom primjeru vidimo kako se dodatna dugmad pojavljuju na dnu ekrana - na istom mjestu gdje se nalaze druge opcije.

Hijerarhija elemenata i njihova interakcija

Animacija je idealna za opisivanje dijelova interfejsa i ilustriranje njihove interakcije. Svaki element ima svoju svrhu i mjesto unutar animacije. Na primjer, ako dugme aktivira iskačući meni, onda je bolje da se meni pojavi iz dugmeta, a ne da samo pluta iz nekog ugla ekrana: prikazaće korisniku rezultat klika. Ovo će pomoći korisniku da shvati da su dva elementa (dugme i popup meni) povezana.

Sve animacije treba da ilustruju kako su elementi povezani. Ova hijerarhija i interakcija elemenata je veoma važna za intuitivni interfejs. U prvom primjeru, gdje se meni pojavljuje nakon klika na ikonu, iz ugla korisnika, meni je isti element, samo uvećan.

U drugom primjeru, informacija o elementu se povećava prilikom klika, korisnik shvati da se radi o istom elementu, razlika je samo u veličini.

vizuelni znak

Animacije sugeriraju način interakcije s elementima. Posebno je važno ponuditi vizuelne naznake kada aplikacija ima nepredvidiv obrazac interakcije između elemenata. U ovom primjeru, kada korisnik otvori blog, poštanski okviri se pojavljuju na desnoj strani ekrana, a korisnik treba horizontalno prevlačiti prstom da bi se pomicao kroz njih.

Drugi primjer koristi sličnu tehniku, ali samo za ikone društvenih medija.

Stanje sistema

Unutar vaše aplikacije uvijek se odvijaju neki procesi: informacije se učitavaju sa servera, vrše se proračuni itd.

Vaš posao je da date do znanja korisniku da se vaša aplikacija nije zaustavila ili da se srušila i da ga obavijestite o statusu trenutnog procesa. Idealno bi bilo da svaki proces u aplikaciji bude popraćen zasebnom animacijom. Na primjer, kada se snima zvuk, ekran aplikacije bi trebao prikazati dinamiku audio zapisa. Animirani zvučni talas može prikazati jačinu zvuka.

Jedan od najčešćih primjera ove vrste animacije je "prevucite za osvježavanje".

smiješne animacije

Smiješne animacije mogu biti dobre ili loše. Često se koriste besmisleno i mogu značajno zakomplikovati razvoj aplikacije. Ali zaista jedinstvena animacija može biti vrlo privlačna korisnicima i učiniti da se vaša aplikacija ističe od drugih. Ovo je jedan od tajnih alata koje dizajneri koriste kako bi natjerali korisnike da se zaljube u njihov proizvod. Jedinstvene animacije mogu vam pomoći da stvorite prepoznatljiv brend.

U našem primjeru, pokretni krugovi izgledaju vrlo neobično i privlače pažnju korisnika. Mogućnost pomicanja ovih krugova po ekranu donosi radost i "gamificira" proces. Lako je i zabavno.

Siguran sam da vas funkcija “povucite za osvježavanje”, predstavljena u obliku ključale šerpe, neće ostaviti ravnodušnim!

Dvije su stvari koje treba imati na umu kada kreirate zabavnu animaciju: 1) pobrinite se da ne prikriva ili zaklanja karakteristike aplikacije; 2) ne bi trebalo dugo trajati.

Glavni principi dizajna

Pokrili smo glavne vrste i funkcije animacije. Da biste kreirali zaista efikasne animacije, imajte na umu 9 principa koji su izvorno, ali se mogu primijeniti na dizajn korisničkog sučelja.

1. Materijal

Pokažite od čega se sastoji vaš element: da li je to nešto lagano ili teško, fiksno ili fleksibilno, ravno ili voluminozno? Neka korisnici razumiju kako će ovaj UI element u interakciji s drugima.

2. Trajektorija kretanja

Morate odrediti prirodu pokreta. Osnovni principi nalažu da neživi mehanički objekti obično imaju ravnu putanju, dok živi imaju fleksibilnu i ne tako ravnu putanju. Morat ćete odlučiti kakav utisak treba da ostavi vaš korisnički interfejs, a zatim ga se držite.

3. Tajming

Tajming je vjerovatno jedno od najvažnijih pitanja pri kreiranju animacije. U stvarnom svijetu, fizički objekti se ne kreću po pravilima pravolinijskog kretanja, jer im je potrebno vrijeme da se ubrzaju i uspore. Koristite krivulje da se vaši objekti kreću prirodnije.

4. Fokus animacije

Skrenite pažnju na područje sadržaja ekrana. Na primjer, trepćuća ikona će upozoriti korisnika da mora kliknuti da vidi obavještenje. Ova vrsta animacije se koristi u interfejsima sa veliki iznos detalji i elementi kada ne postoji drugi način da se istakne određeni element.

Najvažniji:

• Zapamtite ko je vaša ciljna publika i napravite svoj prototip kao rješenje za njihove probleme.
• Pobrinite se da svaki element vaše animacije bude racionalan. (Zašto on? Zašto tako? Zašto sada?)
• Da bi se vaš proizvod istakao, težite animacijama prirodnog izgleda koje podsjećaju na obrasce kretanja iz stvarnog života.
• Konsultujte programere u svakoj fazi vašeg projekta.
• Nemojte biti pohlepni - podijelite svoje komponente na GitHub-u.

Ako nađete grešku u kucanju - označite je i pritisnite Ctrl + Enter! Da biste nas kontaktirali, možete koristiti .

“Ovdje se, međutim, osvrćemo, ali ne stojimo mirno. Težimo naprijed, otvaramo nove puteve, krećemo u nove stvari, jer smo radoznali... a radoznalost nas tjera novim putevima. Samo naprijed." (Walt Disney)

O tehnologiji animacije

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

Za početak, da se ne bismo zbunili, želio bih istaknuti 3 glavna kriterija po kojima se ocjenjuje animacija: vrste animacije, metode animacije i stilovi animacije. Za mnoge je to ista stvar, ali nije! Vrste animacije - ovo je oblik ili forma u kojoj se crtani film prikazuje (nacrtan, lutka, itd.). Metode animacije su tehničke karakteristike pomoću kojih se animacija kreira (frame-by-frame animacija, programabilna animacija, itd.). Konačno, stil animacije je umjetnička tehnika koja se koristi u animaciji (realizam, anime, itd.). U ovom članku ću razmotriti koncept "vrsta animacije" u proširenom obliku, a zatim ću tome dodati "metode" i "stilove". Sve ovo zajedno je tehnologija animacije.

Ručno crtana klasična animacija.

Jedna od najzanimljivijih i najraširenijih vrsta animacije je takozvana klasična animacija. Klasična animacija se radi crtanjem svakog pojedinog kadra na prozirnom filmu (ili paus papiru). Ovi okviri se zatim sklapaju poseban program instalacija. Takva animacija je vrlo živa, glatka, prostorna, ali skupa))). Primjer takve animacije su crtani filmovi studija Disney i Soyuzmultfilm.

Kadr iz crtanog filma "Snježana i sedam patuljaka" Diznijevog studija

Animacija prijevoda.

Najstarija vrsta animacije. Suština ove vrste animacije je da se predmet nacrtan na kartonu ili papiru izrezuje na zasebne komade i ti dijelovi se pomiču (pomiču) od kadra do kadra. Otuda i naziv - prevod! Mnogi takvu animaciju smatraju primitivnom, ali u vještim rukama takvi crtići mogu ispasti vrlo zanimljivi. Jedan od najupečatljivijih primjera prevoditeljske animacije može se nazvati crtani film "Jež u magli" u režiji Yurija Norshteina. "Jež u magli" je svetska zajednica prepoznala kao NAJBOLJI CRTIĆ SVIH VREMENA I NARODA!!! Evo ti prevoda... Evo ti primitivca...

Kadr iz crtanog filma "Jež u magli" u režiji Yurija Norshteina

Slikanje na staklu.

Ali ovdje animaciju definitivno ne možete nazvati primitivnom! Suština takve animacije je slikanje uljanim bojama na staklu. Istovremeno, svaki okvir je slikovita slika, koja je modificirana potezima umjetnika. Upečatljiv primjer takve animacije je djelo Aleksandra Petrova "Starac i more" koje je nagrađeno "Oskarom".

Snimak iz animiranog filma "Starac i more" reditelja Aleksandra Petrova.

Animacija lutaka.

Ista stara vrsta animacije. Sve lutke i rekviziti u lutkarskoj animaciji su ručno izrađeni, što ih čini skupim kao i klasična animacija. Ipak, ova vrsta animacije je vrlo popularna i danas (uprkos širenju kompjuterske 3D animacije). Da budem iskren, nisam volio animaciju lutaka u djetinjstvu))) Ali rasvijetljenje je došlo kada sam vidio crtani film Toma Burtona Noćna mora prije Božića.

Snimak iz Noćne more prije Božića u režiji Toma Burtona.

Animacija od plastelina

Naziv plastelinska animacija govori sam za sebe. Dodaću samo da je animacija od plastelina izašla iz lutkarske animacije i postala popularna u Rusiji nakon pojavljivanja crtanih filmova "Prošlogodišnji je snijeg padao" reditelja Aleksandra Tatarskog.

Snimak iz crtanog filma "Padao je prošlogodišnji snijeg" u režiji A. Tatarskog.

Kompjuterska 2D animacija.

Htjeli mi to ili ne, stare vrste animacije zamjenjuju se novima. Iz nekog razloga, uobičajeno je kompjutersku 2D animaciju nazivati ​​Flash animacijom, a to nije sasvim točno. Flash je samo jedan program. Možete imenovati druge moćne kompjuterske programe za kreiranje 2D animacije, na primjer: After Effect, Anime Studi Pro, Toon Boom Studio i mnogi drugi plaćeni i besplatni programi. Trenutno se skoro svi studiji bave kompjuterskom 2D animacijom. To je ovakva animacija koju danas viđamo u serijama na TV-u, na internetu, u casual kompjuterske igrice itd.

Kadr iz animirane serije "Simsonovi"

3d animacija.

3D animacija je vrsta animacije stvorena na bazi 3D kompjuterskih programa. Ovo je najmlađa i najperspektivnija vrsta animacije. Razvojem kompjuterske tehnologije postalo je moguće ne samo crtanje grafike i animacije u dvodimenzionalnoj ravni (2D animacija), već i oživljavanje trodimenzionalnih oblika. Ova tehnologija je vrlo složena, ali ukratko, proces proizvodnje izgleda otprilike ovako. Prvo se crtaju konceptualne umjetnosti (na bilo koji način), prema ovim crtežima se stvara trodimenzionalna geometrija modela. Zatim teksture koje se stavljaju na oblik lika ili objekta. Zatim kreirajte kosti objekta i pričvrstite ih na formu tako da se forma može pomicati. Animatori dobijaju pripremljen model za pokrete i počinju ga animirati. Što je model bolje pripremljen, to su njegovi pokreti prirodniji i plastičniji. Nakon kreiranja animacije, scena se renderuje (prebacuje se iz 3D u običnu sliku). Živopisni primjeri takve animacije su Pixar crtani filmovi.

Okvir iz crtića "Ratatouille" od Pixara.

Kombinirana animacija.

Kompozitna animacija je kombinacija bilo koje vrste animacije sa video zapisom. Rani primjeri takve animacije mogu biti: film "Ko je smestio zeca Rogera", crtani film "Avantura kapetana Vrungela" itd. Razvojem 3D tehnologije i kompjuterskih specijalnih efekata, ova vrsta animacije se nalazi u igranim filmovima više i češće. Glavna karakteristika moderne kombinovane animacije je njen potpuni realizam.

Snimak iz filma "Svijet jure" u režiji Stivena Spilberga

Druge vrste animacije.

Osim navedenih tipova animacija, postoje i druge, na primjer: animacija pijeskom, laserska animacija, foto animacija, animacija iglom itd. Međutim, ove vrste se smatraju manje popularnim i u ovom članku sam sebi dozvolio samo da ih spomenem.

Vrste animacije u Studio Cardboard Toweru.

Naš studio za animaciju specijalizovan je za proizvodnju 2D kompjuterske animacije. Sa fleksibilnim opcijama kompjuterski programi možemo kreirati i prijevod i klasičnu animaciju u isto vrijeme. Također smo u mogućnosti kreirati 3D animacije. Kao primjer, možete pogledati 3 videa iz našeg portfelja:

1. Kompjuterska 2D animacija na klasičan način.

3D Studio MAX implementira naprednu kontrolu animacije, pohranjuje životnu povijest svakog objekta, omogućava kreiranje raznih svjetlosnih efekata i ima otvorenu arhitekturu, odnosno omogućava trećim stranama da uključe dodatne aplikacije u sistem.

TrueSpace - Caligarijev paket za 3D animaciju je jednostavan za korištenje, fleksibilan u kontroli oblika, podržava spline i logičke operacije na objektima. Inovativni interfejs prikazuje trake sa alatkama direktno u 3D prostoru i poravnava ih sa objektom. Proširenja i otvorenost arhitekture omogućavaju vam da povećate mogućnosti paketa.

Ray Dream Studio - program pruža skup profesionalnih alata za 3D dizajn i animaciju. Korisnici mogu kreirati različite modele koristeći logičke operacije i deformacije. Na ove modele možete primijeniti različite teksture ili video slike, kao i crtati direktno na njihovoj površini.

Postoji video montaža veliki broj softverskih proizvoda. Osim paketa za 3D animaciju, postoje visoko specijalizirani programi, na primjer, za kreiranje trodimenzionalnih fontova. Oni također koriste razne efekte animacije, izvode renderiranje slika i omogućavaju vam da kreirate video datoteke. Neki od njih su navedeni u nastavku.

Adobe Premiere je najrasprostranjeniji program za uređivanje digitalnog videa. Ima zgodan, intuitivan interfejs. Podržava nekoliko video i audio kanala, sadrži skup prijelaza između kadrova, omogućava vam sinhronizaciju zvuka i slike. Podržava datoteke MOV formati i AVI. Povezivanje dodatnih modula nezavisnih proizvođača proširuje mogućnosti programa.

Speed ​​Razor SE - program koji ima praktičan korisnički interfejs. Zahvaljujući naprednim alatima za rad s video i audio kanalima, Speed ​​Razor je pogodan za korištenje u projektima sa složenom kompozicijom i preklopima. Sadrži set često korišćenih specijalnih efekata, u kojima se izvodi but-cut (direktno spajanje).

režim u realnom vremenu. Multimedijalni projekti kreirani ovim programom mogu se narezati na video, CD-ROM ili postaviti na web stranicu.

Ulead VideoStudio je program dizajniran za početnike. Ima punu podršku za DV i MPEG-2 formate za digitalni video. Za zvučne zapise filmova možete koristiti MP3 ili MP3 muzičke datoteke. audio zapisi sa audio CD-a. Rad sa programom je prilično jednostavan zahvaljujući promišljenom i prijateljskom interfejsu. Možete umetnuti titlove u film, koristiti glatke prijelaze između pojedinačnih fragmenata i dodati glas ili pozadinska muzika na rezultirajući klip.

COOL 3D je Ulead program za kreiranje 3D naslova za prezentacije, video zapise, multimediju i web stranice. Program uključuje više od 100 automatskih čarobnjaka, mnoge efekte koji uvelike pojednostavljuju modeliranje i renderiranje finalne scene. Takođe sadrži ogromnu biblioteku 3D objekata i materijala plus fotorealistične šare i teksture.

Programi za rad sa zvukom mogu se podijeliti u dvije velike grupe: programi sekvencera i programi fokusirani na tehnologije digitalnog snimanja zvuka, tzv.

Sekvenceri su dizajnirani za stvaranje muzike. Sekvenceri se koriste za kodiranje muzičkih komada. Koriste se za aranžiranje, omogućavajući vam da "propisujete" pojedinačne dijelove, dodjeljujete tembre instrumenta, gradite nivoe i balanse kanala (traka), unosite muzičke dodire (akcenti jačine zvuka, vremenski pomak, odstupanja od štimovanja, modulacije, itd.). Za razliku od konvencionalne muzičke kompozicije, efikasna upotreba sekvencera zahteva specijalizovano inženjersko znanje od kompozitora/aranžera.

Programi za uređivanje zvuka omogućavaju vam snimanje zvuka u realnom vremenu HDD kompjuter i konvertovati ga koristeći mogućnosti digitalne obrade i kombinovanjem različitih kanala.

Razmotrite neke programe za rad sa zvukom.

Cakewalk Pro Audio je profesionalni multi-track sekvencer iz Twelve Tone Systems-a koji je zasluženo popularan među profesionalcima. Cakewalk je bio jedan od prvih softverskih proizvoda koji je pružio dodatnu podršku za različite audio efekte izgrađene za DirectX interfejs. Karakteristična karakteristika DirectX efekata je da svi rade u realnom vremenu i da možete podesiti sve parametre odabranog efekta direktno tokom reprodukcije zvučnog fragmenta.

Logic Audio Platinum je profesionalni sekvencer iz Emagica. Pruža podršku za DirectX, obradu u realnom vremenu, može raditi s više zvučnih kartica. Takođe vam omogućava da snimite zvuk i izvršite njegovu digitalnu obradu.

Sound Forge je program koji je jedan od vodećih među urednicima zvuka. Ima moćne funkcije za uređivanje, omogućava vam da ugradite sve dodatke koji podržavaju DirectX tehnologiju, ima zgodan moderan interfejs i podržava moderne audio formate, uključujući RealAudio.

CoolEdit Pro je profesionalni studio za snimanje od Syntrillium Software-a. Omogućava vam snimanje zvuka putem zvučne kartice sa mikrofona, CD plejera ili drugog izvora, čitanje i pisanje datoteka u popularnom MP3 formatu, uređivanje rezultirajućih zvučnih datoteka i dodavanje različitih fantastičnih efekata. Omogućava rad sa multimedijalnim stranicama.

Nakon kreiranja svih multimedijalnih komponenti, potrebno ih je spojiti u jednu multimedijalnu aplikaciju. Ovo postavlja problem izbora softverskog alata za njegov razvoj. Postojeća sredstva za kombinovanje različitih multimedijalnih komponenti u jedan proizvod mogu se uslovno podeliti u tri grupe:

• algoritamski jezici za direktan razvoj kontrolnog programa;
• specijalizovani programi za kreiranje prezentacija i njihovo objavljivanje na Internetu (brza priprema multimedijalnih aplikacija);
• alati za izradu multimedija.

Po pravilu, izbor alata se zasniva na zahtevima za efikasnošću multimedijalne aplikacije i brzinom njenog razvoja. Važno svojstvo je stepen interakcije korisnika. Specijalizirani programi za prezentacije usmjereni su prvenstveno na prijenos informacija sa računara na korisnika. Autorski alati omogućavaju visok stepen interakcije i kreiraju zaista interaktivnu aplikaciju.

Najjednostavniji i najbrži je korištenje prezentacionih programa čije su mogućnosti u nekim slučajevima dovoljne za kreiranje jednostavne multimedijalne aplikacije. Autorski sistemi su dizajnirani da kreiraju softverske proizvode sa visokim stepenom interakcije korisnika i nude poseban skript jezik za razvoj korisničkog interfejsa. Oni vam omogućavaju da kreirate finalni proizvod koji kombinuje sve multimedijalne komponente u jednom upravljačkom programu. Njegova prepoznatljiva karakteristika je prisustvo zajedničkog interfejsa koji vam omogućava da odaberete bilo koju od multimedijalnih komponenti, pokrenete je za izvršenje (slušajte zvučni fajl ili pogledajte video), organizirate pretragu traženog objekta itd.

Prezentacijski programi, prvobitno dizajnirani za kreiranje elektronskih slajdova koji pomažu u ilustraciji govornikove poruke, u posljednje vrijeme postaju sve više fokusirani na korištenje multimedije. Postoji veliki broj takvih programa koji se razlikuju po skupu vizuelnih i animacijskih efekata, neki od njih su predstavljeni u nastavku.

Power Point - program za prezentacije uključen u paket microsoft office. Po broju vizuelnih i animacijskih efekata nije inferioran mnogim multimedijalnim autorskim alatima. Sadrži alate za kreiranje fleksibilne prezentacijske skripte i snimanje zvučnog zapisa za svaki slajd. Prisustvo ruske verzije omogućava vam da uspješno radite s tekstovima na ruskom. Ugrađena web podrška vam omogućava da sačuvate prezentacije u HTML formatu, međutim, animirane komponente zahtijevaju instaliranje posebnog PowerPoint dodatka