Realizarea unui GIF cu un fundal transparent în Illustrator. Ghid: cum se creează animație SVG cu After Effects CC Cum se face animație în Illustrator

Formatul de fișier Flash (SWF) se bazează pe grafica vectorialași este proiectat pentru grafică scalabilă și compactă pentru web. Deoarece acest format de fișier se bazează pe grafică vectorială, obiectul păstrează calitatea imaginii la orice rezoluție și este ideal pentru crearea cadrelor de animație. În Illustrator, puteți crea cadre de animație individuale pe straturi și apoi puteți exporta straturile de imagine ca cadre individuale pentru a fi utilizate pe site. De asemenea, puteți defini simboluriîntr-un fișier Illustrator pentru a reduce dimensiunea animației. Când este exportat, fiecare simbol este definit o singură dată în fișierul SWF.

Comanda de export (SWF)

Oferă cel mai mare control asupra animației și compresiei de biți.

Oferă mai mult control asupra amestecului de formate SWF și bitmap într-un aspect fragmentat. Această comandă oferă mai puține opțiuni de imagine decât comanda Export (SWF), dar utilizează cele mai recente opțiuni de comandă Export utilizate (vezi ).

Țineți cont de următoarele instrucțiuni atunci când pregătiți un obiect pentru salvare ca SWF.

Utilizați aplicația Device Central pentru a vedea cum va arăta o grafică Illustrator în aplicație Flash Player pe diverse dispozitive portabile.

Inserarea unei grafice Illustrator

Un obiect grafic creat în Illustrator poate fi copiat și lipit rapid, ușor și ușor într-o aplicație Flash.

Când inserați o imagine Illustrator într-o aplicație Flash, următoarele atribute sunt păstrate.

    Contururi și forme

  • Grosimea cursei

    Definițiile gradients

    Text (inclusiv fonturi OpenType)

    Imagini înrudite

  • Moduri de amestecare

În plus, Illustrator și Flash acceptă următoarele caracteristici atunci când lipiți o imagine.

    Când selectați straturi într-o lucrare de artă Illustrator nivel superiorÎn întregime și lipindu-le într-o aplicație Flash, straturile și proprietățile lor (vizibilitate și blocare) sunt păstrate.

    Formatele de culoare Illustrator, altele decât RGB (CMYK, tonuri de gri și formate personalizate) sunt convertite de Flash în RGB. Culorile RGB sunt introduse în mod obișnuit.

    Când importați sau lipiți ilustrații Illustrator, puteți utiliza diferite opțiuni pentru a salva anumite efecte (cum ar fi o umbră proiectată de text) ca filtre Flash.

    Flash salvează măștile Illustrator.

Exportați fișiere SWF din Illustrator

Fișierele SWF exportate din Illustrator sunt de aceeași calitate și compresie ca și fișierele SWF exportate din Flash.

Când exportați, puteți alege dintr-o varietate de stiluri predefinite pentru rezultate optime și puteți specifica modul în care sunt utilizate mai multe planșe, cum sunt convertite caracterele, straturile, textul și măștile. De exemplu, puteți alege să exportați simboluri Illustrator ca filme sau grafice sau să creați simboluri SWF din straturi Illustrator.

Importarea fișierelor Illustrator într-o aplicație Flash

Pentru a crea un aspect complet în Illustrator și apoi a-l importa în Flash într-un singur pas, puteți să vă salvați opera de artă în format nativ Illustrator (AI) și să o importați cu înaltă fidelitate în Flash folosind Fișier > Import în Zona de lucru sau Fișier > Import în bibliotecă.

Dacă fișierul Illustrator conține mai multe planșe, selectați planșa de importat din caseta de dialog Flash Import și specificați setările pentru fiecare strat din acea planșă. Toate obiectele din tabloul de desen selectat sunt importate în Program flash ca un singur strat. Când importați o altă planșă de desen din același fișier AI, obiectele din acea planșă sunt importate în Flash ca un nou strat.

Când importați ilustrații Illustrator ca AI, EPS sau aplicație PDF Flash păstrează aceleași atribute ca atunci când este lipit obiecte grafice Ilustrator. De asemenea, dacă fișierul Illustrator pe care îl importați conține straturi, le puteți importa folosind una dintre următoarele metode.

    Convertiți straturile Illustrator în straturi Flash.

    Convertiți straturile Illustrator în cadre Flash.

    Convertiți toate straturile Illustrator într-un singur strat Flash.

Acum să complicăm puțin sarcina - să facem un banner animat Flash. Vorbiți despre animația Flash cu drepturi depline, în acest caz, desigur, nu este necesar - există pachete specializate pentru asta. Dar puteți folosi și Illustrator pentru a crea un videoclip simplu, amator.

Nu există instrumente speciale și instrumente de interfață, cum ar fi o cronologie, care sunt tipice pentru programele de dezvoltare de animație, în Adobe Illustrator. Dar există o subtilitate - straturile pot fi folosite ca rame.

Creați un banner cu doar text.

  1. Grupați simbolurile cu comanda Obiect › Grup(Obiect › Grup).
  2. Următoarea sarcină este să faceți obiecte de contur din caractere de font, altfel formarea corectă a straturilor nu va funcționa. Pentru a face acest lucru, selectați un grup și selectați Tastați › Creați contururi(Font › Urmărire).
  3. După aceea, deschideți meniul paletei Straturi(Straturi) făcând clic pe butonul sub forma unei săgeți de pe paletă (Fig. 8.11).

Orez. 8.11. Meniul paletei Straturi

Ne interesează comanda din acest meniu Eliberare în strat (secvență)(Conversie în straturi (secvențial)) care traduce fiecare obiect individual într-un strat nou. Vă rugăm să rețineți că atunci când aplicați comanda, grupul trebuie selectat grup, nu un strat Stratul 1.

Cum ar trebui să arate paleta Straturi(Straturi) după execuție Eliberare în strat (secvență)(Convertire în straturi (secvențial)), prezentat în fig. 8.12.


Orez. 8.12. Paleta Straturi după eliberare în strat (secvență)

Acest lucru completează pregătirea, puteți salva folosind Salvează pentru Web(Salvare pentru web) în SWF. SWF este principalul format grafic bazat pe tehnologiile Flash. Ar fi mai corect să spunem că acesta este formatul Flash (Fig. 8.13).

Probabil, astăzi toți utilizatorii sunt mai mult sau mai puțin familiarizați cu Flash. În prezent, este cel mai comun format de animație de pe Internet și este folosit pentru a construi marea majoritate a paginilor web multimedia.

Desigur, chiar și o zecime din capacitățile Flash nu sunt implementate în Adobe Illustrator, deoarece programul nu este conceput pentru acest lucru. Cu toate acestea, în ea puteți realiza fie o imagine statică, fie o simplă animație.


Orez. 8.13. Setări de optimizare pentru formatul SWF

Există următoarele setări.

  • Numai citire(Doar lectură). Dacă bifați caseta, fișierul va fi scris în așa fel încât să nu mai poată fi deschis pentru editare în niciun program. Acest lucru, pe de o parte, reduce dimensiunea fișierelor și, pe de altă parte, vă protejează drepturile de autor.
  • Setare etichetată 1. Parametru care specifică tipul de salvare - imagine sau animație.
  • Dacă alegeți opțiunea Fișier AI în fișier SWF(Fișierul Illustrator în fișier SWF), imaginea va fi salvată ca imagine statică exact la fel cu ceea ce vedeți pe ecran când lucrați în Illustrator.
  • Straturi în cadre SWF(Layers to SWF Frames) vă permite să animați straturi existente, care vor fi redate ca cadre. Trebuie să alegem această opțiune.
  • Calitatea curbei(Calitatea curbelor). Precizia curbelor care repetă fișierul cu curbe al imaginii originale. Scăderea acestei setări reduce semnificativ calitatea, mai ales în zona detaliilor mici, dar reduce dimensiunea fișierului. Pentru cazul nostru, valoarea optimă este „7”.
  • rata de cadre(Întârzierea cadrului). Frecvența cadrelor și, ca rezultat, viteza animației. Pentru ca efectul să fie corect, setați nu mai mult de 4 cadre pe secundă.
  • buclă(A repeta). Redați animația de mai multe ori. Potrivit pentru animații în care o buclă care se repetă este importantă. Bannerul aparține acestui tip.

Adobe Illustrator și dupa efecte
Import și animație simplă

Buna ziua. Astăzi revizuim o animație simplă în After Effects.

Resurse: Adobe Illustrator CC
Adobe After Effects CC

Să începem prin a desena în Illustrator.

Noi desenăm
1) Desenați un dreptunghi galben ca fundal

Figura 1 - Dreptunghi

2) Desenați un cerc și umpleți-l cu un gradient
Să lucrăm puțin la cerc:
- eliminați punctul inferior de pe contur, obținem un arc;
- trageți o linie dreaptă, închizând partea de jos a arcului, obținem un semicerc


Figura 2 - 1) desenați cerc; 2) gradient; 3) ștergeți punctul

3) Desenați un dreptunghi și faceți o copie a acestuia
- un dreptunghi gri;
- un alt dreptunghi gri închis
4) Desenați un triunghi dintr-un asterisc setând numărul de raze - 3


Figura 3 - 1) lumina recta; 2) rect întuneric; 3) triunghi

5) Desenați o pisică cu stilou și forme simple

Figura 4 - 1) cap; 2) gât; 3) corp; 4) picior; 5) coada

Și acum cel mai mult PRINCIPAL moment
Să distribuim imaginile în straturi (ceea ce va fi animat - pe un strat separat) astfel:

Figura 5 - toate pozele (marcaj roșu straturi importante)

Totul, acum salvăm.
Să vedem setările de salvare


Figura 6 - Salvare

Și acum următoarea etapă. ÎnchideAdobe Illustrator și deschideți After Effects.

Importați în After Effects
Fișier - Import - Fișier - selectați fișierul nostru salvat Ilustrator.
Să alegem să importam straturi din Illustrator, dacă punem filmări, vom obține o imagine cu straturi îmbinate, dar nu avem nevoie de asta.

Figura 7 - Import ca compoziție

Toate importate.
Acum să vedem ce avem. Faceți dublu clic pe compoziție , ce s-ar deschide și am vedea straturile (dacă totul a fost făcut corect, vor fi mai multe straturi). Primim asta, vezi poza


Figura 8 - Compoziție deschisă

Și acum pentru ce suntem aici astăzi - Animație.

Animație în dupa efecte
Setați punctul de pivotare în partea de sus a săgeții utilizând instrumentul Pana în spate ( scurtătură- Y). Luați un punct și mutați-l unde doriți. Ca urmare, va arăta așa...

Figura 9 - Instrumentul Pan și Straturi

Gata, acum să trecem la straturi pentru animație.
Avem nevoie de un strat Arrow și de un Head_cat.
Să începem cu săgeata.
Extindeți lista, găsiți și faceți clic pe ceas. Deci punem primul punct la zero secundă. În total, animația va dura 2 secunde.
Deci, acestea sunt setările pe care trebuie să le faceți (vom pune 3 puncte în total)

Al doilea 0 1 2
+66 - 70 +66
Așa va arăta:


Figura 10 - Săgeată de rotație

Acum haideți să animam capul pisicii.
Extinde head_cat și găsește poziţie.
Vor fi 4 puncte.
Se va schimba doar ultima coordonată fără a atinge restul.

Al doilea 0.1 0.17 1.12 2.0
poziţie 689.3 729.3 729.3 689.3
Să ne uităm la poză.


Figura 11 - Poziționați capul

Deci, principiul animației era așa. Săgeata se balansează dintr-o parte în alta, de îndată ce se apropie de pisoi, își trage capul în sine, rămâne puțin în această poziție, apoi îl readuce la locul său.

Etapa finală

Productie
Trebuie să creați un produs finit din munca dvs.
Accesați meniul - Adăugați la coada de randare
Se deschide panoul Render și în Modulul de ieșire (două clicuri) selectați formatul de ieșire. am luat *.mov


Figura 12 - Redare

Faceți clic pe butonul RENDER și obțineți rezultatul (nu uitați să specificați calea).
Asta e tot.

Salutare tuturor! Astăzi voi încerca să fac o descriere a caracteristicilor programului Adobe Illustrator, comparându-l cu capacitățile fluxului. Aceasta nu va fi o analiză globală a programului osos, ci mai degrabă o descriere a unora dintre cipurile interesante pe care le-am descoperit în acest program. Am adunat informații bucată cu bucată pe măsură ce le-am studiat pentru a le pune pe toate într-o singură postare. Trebuie să recunosc imediat că nu sunt doar un utilizator de ilustratori super-experimentat ultimele șase luniÎl folosesc la desen (înainte de asta am desenat totul în flash). Mulți se plâng că ilustratorul este complex, nu întotdeauna intuitiv. Într-o oarecare măsură, sunt de acord că, după flash, acest program este dificil. Dar principalul lucru aici nu este să renunți, ci să continui să studiezi. Și după câteva săptămâni, apare gândul, cum m-am descurcat fără el înainte!

Deci, ce mi-a plăcut la ilustrator și ceea ce am găsit pentru mine care nu este în flash.
1. Voi începe cu cel mai simplu, dar în același timp necesar. Încercați să aranjați obiectele într-un cerc în fulger. Anterior a fost Instrument de decor, dar a fost eliminat, aparent considerat inutil. Am decis că ar fi mai distractiv să o facem manual. Illustrator are această funcție: Efect - Distorsionare și transformare - Transformare.


Totul este rapid și simplu, valorile (distanța dintre obiecte, numărul de copii) le setăm noi înșine în setări.

2. Zigzag

Lucru și mai simplu, dar totuși util. S-ar părea un fleac, dar în flash trebuie să desenezi cu mâna, în illustrator este o chestiune de secunde.

3. Deformarea obiectelor (Warp)

Nu există așa ceva în Flash. În exemplul de mai jos am arătat doar 2 modalități de a deforma forme simple (Efect - Warp - Arc / Pește). De fapt, sunt 15. ultima versiune programe.

4. Rotunjirea automată a colțurilor (Round Corners)

Se poate face manual: pe un obiect grafic, atunci când este selectat într-un colț (în toate colțurile), apar un punct alb și un semn de linie rotunjită. Trageți mouse-ul, ajustați după gustul dvs.

Dar acest lucru se aplică doar formelor, cu o linie de creion puțin diferită - aplicați efectul de rotunjire ( Efect - Stilizare - Colțuri rotunjite). La ieșire obținem același rezultat.

5. Aspru

Efectul se aplică la forme simple (Efect-Distorsionare și transformare-Aspre). Ca rezultat, obținem ceva asemănător modelelor 3D low-poli. Cred că e tare :) Și cel mai important - foarte simplu.


6 Pucker&Bloat(Trageți și umflați)
Un exemplu în imaginea de mai jos:


7. Extensie formular (Cale offset)

În bliț există o funcție Expand Fill (extensie de umplere), nu funcționează deloc cu linii de creion, spre deosebire de illustrator.


8. Pensule (Brush Art, Pattern Brush, Scatter Brush)
Vezi imaginea de mai jos pentru exemple:

9. Pensule pentru textura (perii pentru textura)

Există, de asemenea, multe pensule de textură în illustrator despre care am scris și cum au apărut versiune noua flash - . S-a observat că utilizarea pensulelor în Adobe Animate este teribil de lentă. Asta e:(

10. Nu sunt sigur dacă acesta este un truc, dar vreau să mă concentrez pe o pensulă cu un nume amuzant blobPerie. Situată pe bara de instrumente, o perie foarte frumoasă de folosit. Are o grămadă de setări, îmi place mai mult decât de obicei. Este greu de explicat beneficiile sale în cuvinte, este mai bine să încerci o dată.

10.Split to Grid

O altă caracteristică utilă este funcția Split to Grid (Object-Path-Split to Grid), care vă permite să tăiați formularul în segmente egale. De ce ne amintește asta? Așa este - ferestre într-o clădire mare. În ceea ce mă privește, o chestie mișto pentru desen, de exemplu, peisaje urbane;)


Încă unul unealtă folositoare, prezentat în ilustrator, probabil încă de la prima sa lansare. Cu acesta, puteți crea, de exemplu, texturi de lemn:

12. Mutare (dreapta - Transformare - Mutare)

Compensați un obiect cu o distanță dată. Dacă doriți, puteți crea imediat o copie care va fi plasată la distanța dorită de obiectul selectat pe orizontală/sau verticală. O versiune anterioară de flash avea un plugin care a făcut-o această funcție. Din păcate, nu-i amintesc numele.

Este foarte convenabil să creați modele fără sudură în illustrator ( Obiect-Pattern-Make). Îmi amintesc cum am excelat frenetic în flash cu crearea lui . În ilustratorul versiunii CC 2015, totul este automatizat, o grămadă de setări te vor ajuta să creezi un model în zeci de variații, cu doar câteva elemente grafice la îndemână. În mai mult versiuni timpurii programele trebuiau făcute manual, ca până acum în flash.

(Notă - modelul poate fi transformat într-un obiect vector editabil folosind funcția de analiză ( Obiect-Extinde Aspectul).

14. Mozaic obiect (Mozaic)

Creați o paletă de culori bazată pe o imagine existentă. Importați imaginea care vă place în ilustrație (Deschidere), apoi Obiect - Creați mozaic obiect. În setări, specificăm frecvența de împărțire în înălțime și lățime.

Și la ieșire obținem:

15. Amestecare (amestecare)

Folosit pentru a crea degrade. Puteți crea tranziții pas cu pas, ca, de exemplu, în imagine. Nu pot spune că îl folosesc des, dar poate fi util cuiva. Mi se pare că poate fi folosit pentru a crea imagini simple de fundal.

Instrumentul poate fi folosit și pentru a clona obiecte. Așezăm două obiecte la distanță unul de celălalt și aplicăm Blend Options, selectăm numărul de pași (numărul de obiecte clonate).

16. Build Shape Tool. Un lucru foarte util pentru lucrul cu primitivi. Într-o clipă, așa cum mi s-a părut mie, este mai puțin convenabil.

Ținând apăsat Alt și făcând clic pe segmentele selectate - ștergeți segmentele. Dacă pur și simplu tragem mouse-ul peste mai multe zone selectate - conexiuni.


Adăugare - un instrument care ajută la tăierea, conectarea automată etc. formele selectate. În ceea ce mă privește, nu este foarte convenabil, îl folosesc mai des Construiformăinstrument.

(planșe de artă)

18.Custom Tool Panel

Abilitatea de a crea propria bară de instrumente, eliminând cele inutile și de a le selecta numai pe cele pe care le utilizați.

În flash, panouri de artă, și anume scene ( Scena 1,2,3..) sunt situate separat și trebuie să comutați între ele (Shift + F2). În ilustrator, toate pot fi poziționate în fața ochilor tăi. Este convenabil când faci mai multe versiuni ale aceluiași desen, astfel încât toate opțiunile să fie în fața ochilor tăi pentru comparație.

19.Izometrie cu Grafic stiluri

Și ultimul lucru este crearea izometriei fără a folosi 1 clic (sau mai bine zis, 3 clicuri, pentru că avem 3 laturi;) folosind stiluri grafice ( Stiluri grafice). Cum se face asta, voi scrie data viitoare.

Ceea ce ilustratorul are în comun cu flash este capacitatea de a salva un obiect într-un simbol (simbol) și acest simbol poate fi, de asemenea, transferat în flash fără probleme (deschideți un fișier .ai în flash, prin Import - Import în etapă).
Simbolul din ilustrator are aceleași proprietăți ca și în flash.
Și în cele din urmă, voi scrie ceea ce în ilustrator, în opinia mea, este inferior flash-ului. Da, da, și există. Și acesta este instrumentul de umplere ( galeata de vopsea). Oricât m-aș strădui să mă obișnuiesc în illa, este mai convenabil în flash.
Dacă notele mele ți-au devenit utile sau dacă vrei să adaugi ceva pe cont propriu - bine ai venit în comentarii! Noroc tuturor;)

Astăzi nu avem obișnuit Tutorial Adobe Ilustrator. Pentru că de data aceasta nu vom face o imagine statică, ci o animație reală. Imaginează-ți că se dovedește ajutor de la Adobe Ilustratorul poate desena și desene animate :)

Și nu avem nevoie de nimic pentru asta. Organizarea competentă a straturilor și exportul lucrării finale în format swf, unde fiecare strat este convertit într-un cadru de animație. În tutorialul de astăzi vom desena o animație de numărătoare inversă în stil retro film. Ieșirea ar trebui să fie un film flash cu aceeași numărătoare inversă.

Primul lucru de făcut este să desenați toate elementele necesare pentru animația viitoare. Pentru a face acest lucru, am realizat două poziții ale cadrelor de film într-un document separat, un cerc pentru referință, care este tăiat în sectoare separate, o textură și o zgârietură verticală pentru a adăuga efectul de antichitate, precum și toate numerele și inscripțiile.

Când toate părțile desenului nostru sunt gata, puteți începe să creați animația în sine. Pentru comoditate, acest lucru se face cel mai bine într-un document nou. În acest caz, straturile vor juca rolul de cadre de animație. Și în primul strat, trebuie doar să copiați cadrul filmului. Poziționați-l în mijlocul zonei de lucru.


Acum creați un al doilea strat și copiați cadrul de film în el, în care găurile de la margini sunt făcute cu o schimbare. De asemenea, trebuie să fie centrat.


Din aceste două straturi, puteți obține deja animația unui film în mișcare. Dar mai târziu vom avea nevoie de mult mai multe straturi. Deci selectați primele două straturi, mergeți la opțiunile panoului și faceți o copie a straturilor.


Într-un mod similar, trebuie să acumulăm 12 straturi cu cadre de film care definesc mișcarea acestuia.


Acum avem o grămadă de straturi și toate sunt vizibile. În sensul că straturile superioare le blochează pe cele inferioare, ceea ce nu este foarte convenabil pentru lucru. Prin urmare, puteți dezactiva unele straturi făcând clic pe pictograma ochiului din stânga numelui stratului. Pentru a dezactiva sau a activa toate straturile simultan, țineți apăsată tasta Alt în timp ce faceți clic pe pictograma ochiului. Pornind și dezactivând straturile, puteți vedea exact ce se află într-un anumit cadru al animației noastre viitoare. Și acum, pentru a adăuga o ușoară mișcare mișcării filmului, trebuie să mișcăm ușor cadrele primite în direcții diferite. Pentru a face acest lucru, activați numai stratul cu care urmează să lucrați acest moment, apoi mutați cadrul cu câțiva pixeli pe fiecare parte.


După ce ați trecut prin toate straturile și ați adăugat o mică schimbare, puteți începe să creați animația cercului în mișcare. Pentru a face acest lucru, copiați cercul format din sectoare din documentul de piese de desene animate și plasați-l pe primul strat deasupra cadrului filmului.


Dacă eliminați selecția din cerc, atunci aceasta va arăta ca un singur întreg. Este exact ceea ce avem nevoie.


Dar, deoarece este format din sectoare separate, este posibil, prin schimbarea culorii acestora, să se creeze animație foarte rapid și ușor. Pentru a face acest lucru, copiați acest cerc în al doilea strat și faceți primul sector mai ușor. Vă amintiți că filmul se scutură în timpul mișcării, așa că nu este necesar să puneți cercul exact în centrul cadrului. Așezați-l pe ochi.


În mod similar, trebuie să copiați cercul în fiecare strat următor, în timp ce pictați cu o culoare mai deschisă cu un sector mai mult decât data anterioară. Împreună, aceste 12 straturi formează o animație a mișcării filmului cu un cerc de umplere.


Apoi, trebuie să adăugăm textură straturilor noastre. Porniți primul strat și copiați textura din fișierul sursă cu piese de schimb acolo.


Apoi porniți pe rând următoarele straturi și copiați aceeași textură acolo. Pentru a-l face să arate diferit pe fiecare cadru, rotiți-l la 90 de grade. După cum probabil ați ghicit, trebuie să adăugăm textură tuturor celor 12 cadre.


Dacă v-ați săturat deja să copiați, atunci vă pot mulțumi - a mai rămas foarte puțin. Partea cea mai grea s-a terminat. Rămâne să adăugați zgârieturi verticale și aproape totul. Pentru a face acest lucru, copiați din nou zgârietura originală și puneți-o într-un loc arbitrar în mai multe straturi. În cazul meu, zgârieturile apar doar în două straturi.


Acum că ciclul principal cu animația filmului este gata, rămâne de adăugat numerele. Deoarece numărăm de la 3 la 1 plus cuvântul Go!!!, avem nevoie de și mai multe straturi. Nu 12, ci până la 48. Pentru a face acest lucru, trebuie să faceți încă trei copii ale straturilor gata făcute cu animație de film.


Și apoi totul este simplu. Porniți primul strat și puneți numărul trei acolo.


Apoi trebuie să copiați această figură în straturile următoare până când animația cercului se termină. Când ajungeți la următoarea copie a straturilor, unde cercul va fi din nou complet umplut, trebuie să puneți numărul doi. În același mod, copiați numărul unu în straturile dorite. Și când ajungeți la straturile finale pentru eticheta Go!!!, pur și simplu ștergeți cercul înainte de a copia eticheta pe stratul dorit.


Asta e tot cu animația. Principalul lucru aici este să nu fii confuz. Puteți da straturilor câteva nume convenabile, dar am fost oarecum prea leneș :) Și totuși, când ați terminat, asigurați-vă că reactivați toate straturile făcând clic pe pictograma ochiului.


În fereastra de setări de export, asigurați-vă că setați Export ca: straturi AI la cadre SWF. Această opțiune este cea care transformă straturile Illustrator în cadre de animație. Apoi, faceți clic pe butonul Avansat.


Se va deschide setari aditionale. Aici trebuie să setați Frame Rate. Am 12 cadre pe secundă. Caseta de selectare Looping este responsabilă pentru ciclul animației. Datorită ei, videoclipul va fi redat în cerc. Și opțiunea Layer Order: De jos în sus redă straturile ilustratorului de jos în sus în panou. Exact așa ne-am construit animația.


Ca rezultat, obținem un film flash cu animația noastră.

Acum vedeți că realizarea unei animații simple în Adobe Illustrator nu este atât de dificilă pe cât pare la prima vedere.

Dar pentru a crea videoclipuri lungi sau aplicații interactive, este totuși mai bine să le folosești Adobe Flash sau alte editori flash. De exemplu, am făcut această pisică într-un Macromedia Flash vechi pe care l-am dezgropat la serviciu.

De asemenea, recent, HTML5 și CSS3 sunt din ce în ce mai folosite pentru a crea animații. Acest cod este acceptat browsere moderneși nu necesită utilizarea unui player flash.

Roman aka dacascas mai ales pentru blog


Abonează-te la newsletter-ul nostru pentru a nu pierde nimic nou: