Flash File Format (SWF) se zasniva na vektorska grafika i dizajniran je za skalabilnu, kompaktnu grafiku za web. Budući da je ovaj format datoteke zasnovan na vektorskoj grafici, objekt zadržava kvalitet slike u bilo kojoj rezoluciji i idealan je za kreiranje okvira animacije. U Illustratoru možete kreirati zasebne okvire animacije na slojevima, a zatim izvesti slojeve slike kao zasebne okvire za korištenje na vašoj web stranici. Također možete definirati simboli u Illustrator datoteci da smanjite veličinu animacije. Kada izvozite, svaki simbol je definiran samo jednom u SWF datoteci.

Naredba za izvoz (SWF)

Pruža najveću kontrolu nad animacijom i kompresijom bitova.

Pruža veću kontrolu nad mješavinom SWF i bitmap formata u fragmentiranom rasporedu. Ova komanda nudi manje opcija za sliku od naredbe Izvoz (SWF), ali koristi najskorije korištene opcije komande Izvoz (pogledajte).

Imajte na umu sljedeće smjernice kada pripremate objekt za spremanje u SWF formatu.

Koristeći Device Central, možete vidjeti kako će Illustrator ilustracija izgledati u aplikaciji. Flash Player na raznim ručnim uređajima.

Umetanje Illustrator Artwork

Umjetnička djela stvorena u Illustratoru mogu se brzo, lako i lako kopirati i zalijepiti u Flash.

Sljedeći atributi se čuvaju kada zalijepite Illustrator umjetnost u Flash.

Konture i oblici

• Debljina linije

  Definicija gradijenata

  Tekst (uključujući OpenType fontove)

  Povezane slike

• Načini miješanja

Osim toga, Illustrator i Flash podržavaju sljedeće prilikom umetanja ilustracija.

Prilikom odabira slojeva u Illustrator ilustracijama vrhunski nivo a njihovo umetanje u Flash čuva slojeve i njihova svojstva (vidljivost i blokiranje).

Illustratorovi formati boja koji nisu RGB (CMYK, nijansama sive i prilagođeni formati) se pretvaraju u RGB pomoću Flasha. RGB boje se lijepe na uobičajen način.

Kada uvozite ili lijepite Illustrator ilustracije, možete koristiti različite opcije za očuvanje određenih efekata (kao što je sjena koju baca tekst) kao Flash filtere.

Flash čuva Illustrator maske.

Izvoz SWF datoteka iz Illustrator-a

SWF datoteke izvezene iz Illustrator-a odgovaraju kvalitetu i omjeru kompresije SWF datoteka izvezenih iz Flash-a.

Prilikom izvoza, možete birati između niza unaprijed definiranih stilova za optimalan izlaz i odrediti kako se koristi više grafičkih ploča, kako se pretvaraju simboli, slojevi, tekst i maske. Na primjer, možete izvesti Illustrator simbole kao filmove ili grafiku i kreirati SWF simbole iz Illustrator slojeva.

Uvoz Illustrator datoteka u Flash

Da biste kreirali kompletan izgled u Illustratoru, a zatim ga uvezli u Flash u jednom koraku, možete spremiti ilustraciju u Illustrator izvornom formatu (AI) i uvesti ga s velikom vjernošću u Flash koristeći File> Import To radni prostor Ili Datoteka> Uvezi u biblioteku.

Ako vaša Illustrator datoteka sadrži više montažnih ploča, odaberite montažnu ploču za uvoz u dijaloškom okviru Flash Import i odredite postavke za svaki sloj u toj montažnoj ploči. Uvezuju se svi objekti u odabranoj montažnoj ploči Flash program kao jedan sloj. Kada uvezete drugu montažnu ploču iz iste AI datoteke, objekti iz te ploče se uvoze u Flash kao novi sloj.

Prilikom uvoza Illustrator umjetničkih djela kao AI, EPS ili PDF prilog Flash zadržava iste atribute kao na paste grafičkih objekata Ilustrator. Osim toga, ako Illustrator datoteka koju uvozite sadrži slojeve, možete ih uvesti na jedan od sljedećih načina.

Pretvorite Illustrator slojeve u Flash slojeve.

Pretvorite Illustrator slojeve u Flash okvire.

Pretvorite sve Illustrator slojeve u jedan Flash sloj.

Sada ćemo malo zakomplikovati zadatak - napravit ćemo animirani Flash-baner. Razgovarajte o punopravnoj Flash animaciji, u u ovom slučaju svakako nije potrebno - postoje specijalizirani paketi za to. Ali možete koristiti i Illustrator za kreiranje jednostavnog, amaterskog videa.

U Adobe Illustratoru nema posebnih alata i alata za interfejs, kao što je vremenska linija, koji su tipični za programe za razvoj animacije. Ali postoji jedna suptilnost - slojeve možete koristiti kao okvire.

Napravite baner samo sa tekstom.

1. Grupirajte znakove pomoću naredbe Objekt ›Grupa(Objekat ›Grupa).
2. Sljedeći zadatak je napraviti konturne objekte od znakova fonta, inače pravilno formiranje slojeva neće funkcionirati. Da biste to učinili, odaberite grupu i odaberite Otkucajte ›Kreirajte obrise(Font ›Trace).
3. Nakon toga otvorite meni paleta Slojevi(Slojevi) klikom na dugme sa strelicom na paleti (slika 8.11).

Rice. 8.11... Meni palete slojeva

Zanima nas komanda u ovom meniju Pusti na sloj (sekvenca)(Pretvori u slojeve (uzastopno)), koji prevodi svaki pojedinačni objekt u novi sloj. Imajte na umu da kada koristite naredbu, grupa je ta koja mora biti odabrana. Grupa, ne sloj Sloj 1.

Kako bi paleta trebala izgledati Slojevi(Slojevi) nakon izvršenja Pusti na sloj (sekvenca)(Pretvori u slojeve (uzastopno)), prikazano na Sl. 8.12.

Rice. 8.12... Paleta slojeva nakon izvršavanja Release to Layer (sekvence)

Ovim je priprema završena, sa kojom možete uštedjeti Sačuvaj za Web(Sačuvaj za Web) u SWF-u. SWF je glavni format za grafiku zasnovanu na Flashu. Tačnije bi bilo reći da je ovo Flash format (slika 8.13).

Vjerovatno su danas svi korisnici već manje-više upoznati sa Flashom. To je trenutno najrasprostranjeniji format animacije na Internetu i koristi se za izgradnju velike većine multimedijalnih internetskih stranica.

Naravno, čak ni desetina Flash mogućnosti nije implementirana u Adobe Illustrator, jer program za to nije namijenjen. Ipak, u njemu možete napraviti ili statičnu sliku ili jednostavnu animaciju.

Rice. 8.13... Postavke optimizacije za SWF format

Postoje sljedeće postavke.

• Samo za čitanje(Samo čitanje). Ako označite polje, datoteka će biti zapisana na način da je više neće biti moguće otvoriti za uređivanje ni u jednom programu. Ovo, s jedne strane, smanjuje veličinu fajlova, a s druge štiti vaša autorska prava.
• Postavka označena sa 1. Parametar koji specificira tip pohrane je slika ili animacija.
• Ako odaberete opciju AI fajl u SWF fajl(Illustrator fajl u SWF fajl), slika će biti sačuvana kao statična slika koja u potpunosti ponavlja ono što vidite na ekranu kada radite u Illustratoru.
• Slojevi u SWF okvire(Slojevi u SWF okvire) vam omogućava da animirate postojeće slojeve koji će biti prikazani kao okviri. Moramo odabrati ovu konkretnu opciju.
• Curve Quality(Kvalitet krivulje). Preciznost krivulja u datoteci za ponavljanje krivulja originalne slike. Smanjenje ovog parametra značajno smanjuje kvalitetu, posebno u području sitnih detalja, ali se smanjuje veličina datoteke. Za naš slučaj, optimalna vrijednost je "7".
• Brzina kadrova(Kašnjenje kadra). Brzina kadrova i, kao rezultat, brzina animacije. Da bi efekat bio ispravan, podesite ga na najviše 4 kadra u sekundi.
• Petlja(Ponoviti). Pustite animaciju više puta. Pogodno za animaciju gdje je važna petlja koja se ponavlja. Baner je ovog tipa.

Adobe Illustrator i After Effects
Uvoz i jednostavna animacija

Zdravo. Danas pregledavamo jednostavnu animaciju u After Effects.

Resursi: Adobe Illustrator CC
Adobe After Effects CC

Počnimo tako što ćemo naučiti kako crtati u Illustratoru.

Draw
1) Nacrtajmo žuti pravougaonik za pozadinu

Slika 1 - Pravougaonik

2) Nacrtajte krug i ispunite ga gradijentom
Poradimo malo na krugu:
- uklonite donju tačku na konturi, dobijamo luk;
- nacrtajte ravnu liniju, zatvarajući dno luka, dobijamo polukrug

Slika 2 - 1) nacrtati krug; 2) gradijent; 3) brisanje tačke

3) Nacrtajte pravougaonik i napravite njegovu kopiju
- jedan sivi pravougaonik;
- drugi pravougaonik je tamno siv
4) Nacrtajte trougao od zvjezdice postavljanjem broja zraka - 3

Slika 3 - 1) pravo svetlo; 2) pravo tamno; 3) trougao

5) Nacrtajte mačku koristeći olovku i jednostavne oblike

Slika 4 - 1) glava; 2) vrat; 3) tijelo; 4) noga; 5) rep

A sada najviše MAIN momenat
Podijelimo slike u slojeve (ono što će biti animirano - na posebnom sloju) ovako:

Slika 5 - sve slike (crvena oznaka važnih slojeva)

Sve, sada štedimo.
Pogledajmo postavke spremanja

Slika 6 - Sačuvaj

A sada sljedeći korak. ZatvoriAdobe Illustrator i otvorite After Effects.

Uvezi u After Effects
Datoteka - Uvoz - Datoteka - odaberite naš sačuvani fajl Ilustrator.
Odaberemo da uvezemo slojeve iz Illustratora, ako stavimo snimak, dobićemo sliku sa spojenim slojevima, ali nam to ne treba.

Slika 7 - Uvezi kao sastav

Sve je bilo iz uvoza.
Sada da vidimo šta imamo. Dvaput kliknite na kompoziciju šta bi se otvorilo i videli bismo slojeve (ako je sve urađeno kako treba, biće nekoliko slojeva). Dobili smo ovo, vidi sliku

Slika 8 – Otvorena kompozicija

A sada smo ovdje zbog animacije.

Animacija u After Effects
Postavite tačku okretanja na strelicu na njenom vrhu pomoću alata Pan Behind ( prečica- Y). Samo uzmite tačku i pomjerite je gdje god želite. Kao rezultat, to će izgledati ovako..

Slika 9 - Alat za pomicanje i slojevi

U redu, idemo sada na slojeve animacije.
Trebamo sloj strelice i sloj Head_cat.
Počnimo sa strelicom.
Proširimo listu, pronađemo je i kliknemo na sat. Ovako stavljamo prvu tačku na nulu sekunde. Animacija će trajati ukupno 2 sekunde.
Dakle, ovo su postavke koje trebate napraviti (ukupno stavite 3 boda)

Sekunda	0	1	2
	+66	- 70	+66

Ovako će to izgledati:

Slika 10 - Strelica za rotaciju

Sada animiramo glavu mačke.
Hajde da proširimo head_cat i pronađemo Pozicija.
Bit će 4 boda.
Promijenit će samo posljednju koordinate bez dodirivanja ostatka.

Sekunda	0.1	0.17	1.12	2.0
Pozicija	689.3	729.3	729.3	689.3

Gledamo sliku.

Slika 11 - Položaj glave

Dakle, princip animacije je bio ovakav. Strelica se njiše s jedne na drugu stranu, čim se približi mačiću, uvlači mu glavu u sebe, malo se zadržava u ovom položaju, a zatim ga vraća na svoje mjesto.

Završna faza

Proizvodnja
Od svog rada morate stvoriti gotov proizvod.
Idemo na meni - Dodaj u red za renderiranje
Otvoriće se panel Render i u izlaznom modulu (dva klika) izaberite izlazni format. Uzeo sam * .mov

Slika 12 - Render

Pritisnite dugme RENDER i dobijte rezultat (samo ne zaboravite navesti putanju).
To je sve.

Zdravo svima! Danas ću pokušati da opišem mogućnosti programa Adobe ilustrator upoređujući to sa mogućnostima ispiranja. Ovo neće biti globalna analiza programa po kostima, već opis nekih zanimljivih čipova koje sam otkrio u ovom programu. Sakupljao sam informacije dio po dio dok sam ih proučavao, da sve stavim u jedan post. Moram odmah priznati da nisam samo super iskusan korisnik ilustratora poslednjih šest meseci Koristim ga u crtanju (prije toga sam sve slikao blic). Mnogi ljudi se žale da je ilustrator komplikovan, nije uvijek intuitivno jasan. Donekle se slažem da je nakon ispiranja ovaj program težak. Ali glavna stvar ovdje nije odustati, već nastaviti učiti. I nakon par sedmica mi se javlja misao, kako bih bez njega prije!

Dakle, ono što mi se svidjelo kod ilustratora, a ono što sam pronašao za sebe nije u Flashu.
1. Počeću s najjednostavnijim, ali u isto vrijeme neophodnim. Pokušajte munjevito rasporediti predmete u krug. Bio ranije Deco Tool, ali je uklonjen, očigledno smatran nepotrebnim. Odlučili smo da je zabavnije to raditi olovkama. Illustrator ima ovu funkciju: Efekat - Distort & Transform - Transform.

Sve je brzo i jednostavno, vrijednosti (udaljenost između objekata, broj kopija) postavljamo sami u postavkama.

2. Cik-cak

Još jednostavnija, ali ipak korisna stvar. Činilo bi se sitnica, ali u trenu morate crtati rukom, u ilustratoru je to pitanje sekundi.

3. Deformacija objekata (Warp)

Ne postoji ništa slično ovome. U primjeru ispod, pokazao sam samo 2 načina za deformisanje jednostavnih oblika (Efekat - Warp - Arc / Fish). U stvari, ima ih 15. najnoviju verziju programe.

4. Automatsko zaokruživanje uglova (Round Corners)

To možete učiniti ručno: na grafičkom objektu, kada je odabran, bijela tačka i simbol zaobljene linije pojavljuju se u uglu (na svim očima). Povlačimo mišem, prilagođavamo Vašem ukusu.

Ali ovo se odnosi samo na oblike, s linijom olovke malo drugačije - primijenite efekat zaokruživanja ( Efekat - Stilizacija - Zaobljeni uglovi). Na izlazu dobijamo isti rezultat.

5. Ogrubjeti (grubljenje)

Efekat se primenjuje na jednostavne forme (Efekat - Distort & Transform - Roughen). Na izlazu dobijamo nešto što liči na low-poly 3D model. Po mom mišljenju, cool :) I što je najvažnije - vrlo jednostavno.

6. Nabiranje i nadimanje(Povlačenje i nadimanje)
Primjer na slici ispod:

7. Proširenje obrasca (Offset Path)

Flash ima funkciju Expand Fill; on uopće ne radi s linijama olovke, za razliku od ilustratora.

8. Kistovi (umjetnički kist, kist za uzorke, kist za raspršivanje)
Pogledajte sliku ispod sa primjerima:

9.Texture Brush

Illustrator također sadrži mnogo teksturnih četkica o kojima sam pisao i kako su se pojavile nova verzija ispiranje -. Primećeno je da je korišćenje četkica u Adobe Animate izuzetno sporo. To je to:(

10. Nisam siguran da li je ovo jednostavan trik, ali želim da se fokusiram na četkicu sa smiješnim imenom. BlobČetka... Nalazi se u kutiji s alatima, vrlo lijepa četka za korištenje. Ima gomilu podešavanja, sviđa mi se više nego inače. Teško je riječima objasniti njegove prednosti, bolje je jednom probati.

10.Split to Grid

Korisna je i funkcija Split to Grid (Object-Path-Split to Grid) koja vam omogućava da izrežete oblik na jednake segmente. Na šta nas ovo podsjeća? Tako je - prozori su u visokoj zgradi. Što se mene tiče, super stvar za crtanje, na primjer, gradskih pejzaža;)

Još jedan koristan alat predstavljen u Illustratoru, vjerovatno od njegovog prvog izdanja. Može se koristiti za stvaranje, na primjer, tekstura drveta:

12. Pomakni (desno - Transformiraj - Pomjeri)

Pomicanje objekta za određenu udaljenost. Po želji možete odmah kreirati kopiju, koja će biti postavljena na željenoj udaljenosti od odabranog objekta vodoravno/ili okomito. Ranija verzija Flash-a imala je dodatak koji je imao ovu funkciju... Nažalost, ne sjećam se njegovog imena.

Vrlo je zgodno kreirati bešavne uzorke u Illustratoru ( Objekat-uzorak-napravi). Sjećam se kako sam bio mahnito sofisticiran u bljesku sa stvaranjem. U ilustratorskoj verziji CC 2015 sve je automatizirano, gomila postavki pomoći će u oblikovanju uzorka u desetinama varijacija, uz samo nekoliko grafičkih elemenata pri ruci. U više rane verzije svi programi su morali da se rade ručno, kao u flashu do sada.

(Napomena - uzorak se može učiniti vektorskim objektom koji se može uređivati ​​pomoću funkcije parse ( Objekt - proširi izgled).

14. Objektni mozaik

Kreiranje palete boja na osnovu postojeće slike. Zatim uvozimo sliku koja nam se sviđa u ill (Open). Objekt - Kreirajte objektni mozaik... U postavkama označavamo učestalost podjele po visini i širini.

I na izlazu dobijamo:

15.Blend

Koristi se za kreiranje gradijenata. Možete kreirati prelaze korak po korak, kao što je, na primjer, na slici. Neću reći da ga često koristim, ali može nekome dobro doći. Mislim da se može koristiti za kreiranje jednostavnih pozadinskih slika.

Alat se također može koristiti za kloniranje objekata. Postavite dva objekta na udaljenosti jedan od drugog i primijenite Blend Options, odaberite broj koraka (broj kloniranih objekata).

16. Tool Build Shape Tool. Veoma zgodna stvar za rad sa primitivcima. Začas mi se učinilo manje zgodnim.

Držeći Alt i klikom na odabrane segmente - izbrišite segmente. Ako samo prevučemo miša preko nekoliko odabranih područja - veze.

Dodatak je alat koji pomaže pri automatskom rezanju, spajanju itd. istaknute forme. Što se mene tiče, nije baš zgodno, češće ga koristim BuildOblikAlat.

(umjetničke ploče)

18.Custom Tool Panel

Mogućnost da sami kreirate svoju traku sa alatkama, odbacite nepotrebne i izaberete samo one koje koristite.

U Flashu, grafičke ploče, odnosno scene ( Scena 1,2,3 ..) nalaze se odvojeno i potrebno je da prelazite između njih (Shift + F2). U Illustratoru ih sve možete postaviti ispred očiju. Zgodno je kada napravite nekoliko verzija istog crteža, tako da vam sve opcije budu pred očima radi poređenja.

19 izometrija sa koristeći Graphic Stilovi

I posljednji je da kreiramo izometriju bez korištenja u 1 klik (tačnije, u 3 klika, jer imamo 3 strane;) koristeći grafičke stilove ( Grafički stilovi). Kako se to radi, potpisaću sledeći put.

Illustrator ima zajedničko sa flash-om - mogućnost snimanja objekta u simbol, a isto tako lako, ovaj simbol se može prenijeti u flash (otvoriti u flash .ai fajlu, pomoću Uvoz - uvoz u pozornicu).
Simbol u Illustratoru ima ista svojstva kao u Flashu.
I na kraju ću napisati da je u ilustratoru, po mom mišljenju, inferioran u odnosu na blic. Da, da, i postoji takva stvar. A ovo je alat za punjenje ( Kantica). Bez obzira na to kako pokušavam da se naviknem na bolest, zgodnije je u flashu.
Ako su vam moje bilješke postale korisne ili želite da dodate nešto od sebe - dobrodošli u komentare! Sretno svima ;)

Danas nismo sasvim obični Adobe tutorial Ilustrator. Jer ovoga puta nećemo napraviti statičnu sliku, već pravu animaciju. Zamislite ispada sa sa Adobe-om Crtiće možete crtati i u Illustratoru :)

A za ovo nam ne treba ništa. Kompetentna organizacija slojeva i izvoz završnog rada u swf format, gdje se svaki sloj pretvara u okvir animacije. U današnjem tutorijalu nacrtat ćemo animaciju odbrojavanja u stilu retro filma. Izlaz bi trebao biti flash video s ovim odbrojavanjem.

Prvo što treba učiniti je nacrtati sve potrebne elemente za buduću animaciju. Da bih to učinio, u zasebnom dokumentu napravio sam dvije pozicije filmskog okvira, referentni krug, koji je izrezan na zasebne sektore, teksturu i vertikalnu ogrebotinu kako bih dodao efekt antike, kao i sve brojeve i natpise .

Kada su svi dijelovi našeg crtića spremni, možete početi kreirati samu animaciju. Radi praktičnosti, to je najbolje učiniti u novom dokumentu. U ovom slučaju, slojevi će igrati ulogu okvira animacije. I u prvom sloju, samo trebate kopirati okvir filmske trake. Postavite ga na sredinu radnog prostora.

Sada kreirajte drugi sloj i kopirajte filmsku traku u nju, u kojoj su rupe duž rubova pomaknute. Takođe treba da bude centriran.

Iz ova dva sloja već možete dobiti animaciju filma u pokretu. Ali kasnije nam je potrebno mnogo više slojeva. Dakle, odaberite prva dva sloja, idite na opcije panela i napravite kopiju slojeva.

Isto tako, trebamo akumulirati 12 slojeva filmskih slika.

Sada imamo čitavu gomilu slojeva i svi su vidljivi. U smislu da gornji slojevi ometaju donje, što nije baš zgodno za rad. Stoga neke slojeve možete isključiti klikom na ikonu s okom lijevo od naziva sloja. Da biste isključili ili uključili sve slojeve odjednom, držite tipku Alt dok kliknete na ikonu oka. Uključujući i isključujući slojeve, možete vidjeti tačno šta se nalazi u određenom okviru naše buduće animacije. A sada, da bismo dodali lagani treperenje kretanju filma, moramo malo pomjeriti rezultirajuće kadrove u različitim smjerovima. Da biste to učinili, uključite samo sloj s kojim ćete raditi ovog trenutka a zatim pomaknite okvir za nekoliko piksela na obje strane.

Kada prođete kroz sve slojeve i dodate lagani pomak, možete početi kreirati animaciju kruga koji se kreće. Da biste to učinili, kopirajte krug koji se sastoji od sektora iz dokumenta sa dijelovima crtanog filma i postavite ga na prvi sloj preko okvira filmske trake.

Ako poništite odabir kruga, on će izgledati kao jedna cjelina. To je upravo ono što nam treba.

Ali budući da se sastoji od zasebnih sektora, možete kreirati animaciju vrlo brzo i jednostavno promjenom njihove boje. Da biste to učinili, kopirajte ovaj krug u drugi sloj i učinite prvi sektor svjetlijim. Sjećate se da se naš film trese tokom kretanja, tako da uopće nije potrebno staviti krug točno u centar kadra. Stavite ga preko oka.

Slično, morate kopirati krug u svaki sljedeći sloj, dok slikate svjetlijom bojom jedan sektor više nego prethodni put. Uzeti zajedno, ovih 12 slojeva tvore film tween sa krugom punjenja.

Zatim moramo dodati teksturu našim slojevima. Uključite prvi sloj i kopirajte teksturu tamo iz originalne datoteke sa rezervnim dijelovima.

Zatim uključite sljedeće slojeve redom i kopirajte istu teksturu tamo. Da bi izgledao drugačije na svakom kadru, samo ga zarotirajte za 90 stepeni. Kao što ste možda pretpostavili, moramo dodati teksturu na svih 12 okvira.

Ako ste se već umorili od kopiranja, onda vam mogu ugoditi - ostalo je jako malo. Najteži dio je gotov. Ostaje dodati vertikalne ogrebotine, i gotovo sve. Da biste to učinili, ponovo kopirajte originalnu ogrebotinu i stavite je na proizvoljno mjesto u nekoliko slojeva. U mom slučaju, ogrebotine se pojavljuju u samo dva sloja.

Sada kada je glavna petlja s animacijom filma spremna, ostaje dodati brojeve. Pošto odbrojavamo od 3 do 1 plus riječ Go !!!, potrebno nam je još više slojeva. Ne 12, već 48. Da biste to učinili, trebate napraviti još tri kopije gotovih slojeva s animacijom filma.

A onda je sve jednostavno. Uključite prvi sloj i tamo stavite broj tri.

Zatim morate kopirati ovaj broj u sljedeće slojeve dok se animacija kruga ne završi. Kada dođete do sljedeće kopije slojeva, gdje će krug ponovo biti potpuno popunjen, morate već staviti broj dva. Na isti način kopirajte broj jedan u željene slojeve. A kada dođete do završnih slojeva za naslov Go !!!, samo izbrišite krug prije kopiranja natpisa na željeni sloj.

To je sve sa animacijom. Ovdje je glavna stvar da se ne zbunite. Možete slojevima dati neka zgodna imena, ali ja sam nekako bio previše lijen :) Pa ipak, kada završite s radom, obavezno uključite sve slojeve klikom na ikonu oka.

U prozoru sa postavkama izvoza, obavezno postavite Izvezi kao: AI slojeve na SWF okvire. Ova opcija pretvara slojeve ilustratora u okvire animacije. Zatim kliknite na dugme Napredno.

Otvoriće se dodatna podešavanja... Ovdje trebate podesiti brzinu kadrova Frame Rate. Imam 12 sličica u sekundi. Polje za potvrdu Looping je odgovorno za petlju animacije. Zahvaljujući njoj, video će se puštati u krug. A opcija Layer Order: Bottom Up reproducira slojeve ilustratora odozdo prema gore na panelu. Upravo tako smo izgradili našu animaciju.

Na izlazu dobijamo flash video sa našom animacijom.

Sada možete vidjeti da pravljenje jednostavne animacije u Adobe Illustratoru nije tako teško kao što se čini na prvi pogled.

Ali za kreiranje dugih videa ili interaktivnih aplikacija, ipak je bolje koristiti Adobe flash ili druge flash uređivače. Na primjer, napravio sam ovu mačku u starom Macromedia Flash-u, koji sam iskopao na poslu.

Također, u posljednje vrijeme HTML5 i CSS3 se sve više koriste za kreiranje animacija. Ovaj kod je podržan moderni pretraživači i ne zahtijeva korištenje flash playera.

Roman aka dacascas posebno za blog

Pretplatite se na naš newsletter da ne propustite ništa novo: