Software pentru crearea de animație flash. Creare animație flash. Noțiuni de bază și instrumente de dezvoltare Flash

Acest articol vă va arăta cum să începeți cu Adobe Flash CS5 în pași simpli. Tema lecției este animația simplă, o vom crea fără a ne adânci în complexitatea interfeței și a programului.

Crearea unui nou document flash

Deschideți programul și creați un nou document „ActionScript 3.0”.

Să desenăm un obiect pentru animația ulterioară

Acum să desenăm un cerc. Selectați instrumentul „oval” din panoul din dreapta și, ținând apăsat butonul stâng al mouse-ului și butonul „shift” de pe tastatură, desenați un cerc pe un fundal alb.

Folosind Instrumentul de selecție, selectați obiectul nou creat făcând clic pe el cu mouse-ul sau captându-l într-o selecție pătrată.

Conversia unui obiect într-un simbol pentru animație simplă

Pentru lucrări suplimentare, trebuie să convertiți obiectul într-un simbol. Deoarece cercul este deja selectat, apăsați butonul din dreapta al mouse-ului și selectați „Conversia la simbol” în meniul contextual.

Din lista „Tip”, selectați „Grafic”

Un pătrat albastru ar trebui să apară acum în jurul obiectului nostru.

Creați o animație clasică (Classic Tween)

Pentru a crea o animație, trebuie să desemnați un „cadru cheie”.

Pe panoul de jos există o scară de animație, selectați al douăzeci și cincilea cadru și apăsați butonul din dreapta al mouse-ului, în meniul contextual care apare, selectați „Insert Keyframe”.

Selectați cercul și, ținând apăsat butonul stâng al mouse-ului, mutați-l la dreapta.

Selectați primul cadru de pe scara de animație și în meniul principal din partea de sus, în elementul „Insert”, selectați „Classic Tween”.

Vizualizați animația creată

Acum putem urmări animația. În meniul principal, în elementul „Control”, selectați „Reda”.

Să adăugăm un efect de „dispariție” de cerc. Pentru a face acest lucru, selectați din nou obiectul și în panoul din dreapta din meniul „efect de culoare”, selectați „alfa”, setați valoarea la „0”.

Să vedem ce s-a întâmplat. Accesați „Control” și selectați „Play”.

Un program gratuit pentru crearea de animații Flash folosind applet-uri gata făcute.

Mulți dintre voi, cred, ați încercat vreodată să vă creați propriile site-uri web (și poate chiar dețineți un portal foarte popular).

Într-un fel sau altul, toată lumea s-a confruntat cu problema de a-și proiecta eficient paginile web. Și, deoarece codul HTML static devine treptat un lucru din trecut, mulți își îndreaptă atenția astăzi către tehnologii atât de populare precum JavaScript și Flash. Acestea vă permit să creați pagini dinamice frumoase, cu funcționalități avansate.

Nu va fi dificil pentru un specialist să facă un mic banner animat flash, dar ce ar trebui să facă restul neinițiaților? Dacă un studiu amănunțit al limbajelor de programare nu face parte din planurile tale imediate, atunci poți, ca întotdeauna, să apelezi la ajutorul unui software specializat. Astăzi ne vom familiariza cu elementele de bază ale lucrului în program Creator de efecte avansat.

Acest utilitar vă permite să creați tot felul de efecte Flash și JavaScript, atât propriile dvs. „de la zero”, cât și bazate pe șabloane gata făcute! Advanced Effect Maker există în mai multe ediții, care diferă prin numărul de efecte gata făcute și gradul de libertate a utilizatorului. Să comparăm configurațiile maxime și gratuite:

Comparație dintre versiunea gratuită a editorului Flash Advanced Effect Maker Free Edition cu versiunea comercială Commercial Edition

Cel mai mare dezavantaj al versiunii gratuite a programului este prezența unui fel de pre-apploder, care vă permite să vizualizați unele efecte gata făcute numai după ce faceți clic pe bannerul creat. Aici se termină practic toate diferențele :).

Instalarea programului

Instalarea Advanced Effect Maker are loc într-un mod standard, așa că să trecem direct la lucrul cu programul:

Când lansăm prima dată, ni se va cere să citim acordul de licență. Pentru a o accepta, faceți clic pe butonul „Sunt de acord”. După aceasta, puteți începe să studiați interfața utilitarului:

Interfață și lucru cu editorul

În ciuda limbii engleze, totul aici este simplu și clar. Fereastra Advanced Effect Maker este împărțită în două părți. În stânga sunt doar două butoane mari: primul este pentru intrarea în galeria de efecte disponibile, iar al doilea este pentru adăugarea de applet-uri suplimentare (asta dacă vrei să le cumperi;)). În partea dreaptă vedem un catalog de șabloane disponibile cu subsecțiuni și o fereastră de previzualizare, precum și o zonă de editare a efectelor.

Pentru a începe editarea șablonului dorit, faceți clic pe imaginea acestuia și, dacă doriți doar să vedeți cum funcționează, faceți clic pe „Previzualizare” sub imagine:

La deschiderea efectului dorit, poate apărea un mesaj care indică faptul că fișierul există deja. Dacă se întâmplă acest lucru, ignorați-l făcând clic pe butonul „Ok”:

Dacă șablonul s-a deschis cu succes, vom putea vedea mai multe file care conțin tot felul de setări:

Setări de program și creare de animații

Prima filă este „General”. Acesta conține setările generale ale proiectului. De obicei, acestea sunt dimensiunile (lățime - lățime și înălțime - înălțime), numele (numele fișierului), calitatea viitorului fișier (calitate) și, de asemenea, modul fereastră al filmului flash (modul fereastră).

A doua filă, „Culoare”, după cum sugerează și numele, este responsabilă pentru culorile utilizate în proiect. Totul este foarte clar aici, așa că să trecem la următorul – „Mesaje”:

Aici avem două domenii. În primul câmp (din stânga) introducem textul pe care trebuie să-l afișăm cu efect special, iar în al doilea - linkul pe care îl va urma utilizatorul făcând clic pe bannerul nostru. Avantajul Advanced Effect Maker este că putem introduce un număr nelimitat de rânduri de text (precum și linkuri), dar principalul dezavantaj este lipsa suportului pentru limba rusă:(.

Următoarele două file sunt folosite pentru a gestiona fonturile (Fonturi) și, respectiv, proprietățile de animație (Altele). Un avertisment: dacă doriți să utilizați fonturi TTF alternative, acestea vor trebui mai întâi convertite pentru a fi compatibile cu Advanced Effect Maker. Pentru a face acest lucru, apelați instrumentul „Convertire fonturi” din meniul „Instrumente” și, după ce ați selectat fontul dorit, faceți clic pe butonul „Convertire”:

Când toate modificările au fost făcute, putem face clic pe butonul „Creare Applet”. După aceea, două fișiere vor fi create în folderul de destinație al proiectului: SWF (animație directă) și HTML (conține instrucțiuni pentru implementarea animației rezultate în codul paginii dvs.:

Salvarea rezultatelor muncii

Cu toate acestea, asta nu este tot. Cu Advanced Effect Maker vă puteți crea propriul efect pe baza unuia existent sau complet de la zero! Pentru a face acest lucru, accesați meniul „Tools” și activați elementul „Plugin Maker”:

Aici va trebui mai întâi să setați un nume pentru noul proiect, precum și alți parametri (opțional). După aceasta, puteți face clic pe butonul „Creare Applet” și vom merge direct la fereastra editorului de efecte:

Există mai multe butoane aici care vă permit să introduceți unele funcții standard în scriptul de efect viitor. Singura problemă este că va trebui să introduceți manual toate variabilele și valorile necesare, iar acest lucru necesită anumite abilități de programare în ActionScript sau JavaScript :(.

concluzii

Advanced Effect Maker poate atrage designerii web începători, deoarece vă permite să creați fără efort bannere destul de impresionante, meniuri animate, prezentări de diapozitive și chiar jocuri mici (cum ar fi eticheta). Neajunsul sub forma unui pre-apploder (dacă este prezent în efectul selectat) poate fi eliminat folosind programe speciale de decompilare a fișierelor SWF (inclusiv cele gratuite) ;).

Succes în toate eforturile și succesul creativ!

P.S. Se acordă permisiunea de a copia și cita în mod liber acest articol, cu condiția să se indice un link activ deschis către sursă și să se păstreze paternitatea lui Ruslan Tertyshny.

Întâlnim constant animații flash – pe internet și în emisiunile de televiziune. Crearea unei animații Flash simple folosind tehnologia Flash este o sarcină destul de ușoară, deoarece Flash oferă multe instrumente utile care facilitează întregul proces. Dacă doriți să creați o animație flash sau un desen animat, o puteți schița în doar câteva ore.

Pași

Partea 1

Animație flash cadru cu cadru

Elementele de bază ale animației stop-motion. Această metodă este considerată metoda principală de creare a animației „tradiționale”, în care fiecare cadru ulterior include aceeași imagine, dar ușor modificată. Când toate cadrele sunt redate, imaginea „prinde viață”. Aceasta este aceeași metodă folosită de animatorii de desene animate desenate manual și necesită mai mult timp decât înfrățirea (vezi secțiunea următoare).

• În mod implicit, Flash se redă la 24 de cadre pe secundă (FPS). Aceasta înseamnă că 24 de cadre vor fi afișate într-o secundă, dar nu toate trebuie să fie diferite. Puteți modifica această setare (dacă doriți) la 12 cadre pe secundă, dar la 24 de cadre pe secundă animația se va reda mai ușor.

1. Instalați Flash Professional. Există multe programe pentru crearea animației Flash, dar cel mai puternic este Adobe Flash Professional CC. Puteți încerca acest program gratuit sau puteți utiliza un alt produs (dacă nu doriți să vă înscrieți la Adobe Creative Cloud). Restul acestui articol descrie cum să utilizați Flash Professional.

   Deoarece animația cadru cu cadru necesită mai multe imagini (care sunt ușor diferite unele de altele), trebuie să creați aceste imagini manual. Pentru a face acest lucru, utilizați Adobe Flash Professional sau desenați imagini în orice editor grafic.

   • Dacă doriți ca imaginile dvs. să fie redimensionate cu ușurință, fără a pierde calitatea, creați-vă imaginile în grafică vectorială, mai degrabă decât în ​​grafică raster. Imaginile vectoriale se vor redesena pe măsură ce sunt redimensionate (însemnând că veți evita pixelarea sau anti-aliasing). Imaginile raster sunt imagini tradiționale, cum ar fi fotografii, imagini desenate și așa mai departe. Dacă încercați să măriți astfel de imagini, veți ajunge la o imagine foarte distorsionată.

2. Creați primul cadru. Când lansați Adobe Flash Professional pentru prima dată, veți vedea o pânză goală (strat) și o cronologie goală. Pe măsură ce se adaugă cadre, cronologia se va completa automat. Puteți lucra cu straturi la fel ca în Photoshop.

   • Înainte de a adăuga o imagine, creați un fundal de bază pentru animație. Redenumiți „Layer 1” în „Background” și apoi fixați-l. Creați un al doilea strat și denumiți-l după cum doriți. Acesta va fi stratul pe care veți crea animația.
   • Adăugați un desen la prima pânză cadru. Puteți importa desenul de pe computer sau puteți utiliza instrumentele de desen pentru a crea desenul direct în program.
   • Primul cadru este cadrul „cheie”. Un cadru cheie este un cadru care conține o imagine și formează coloana vertebrală a unei animații. Veți crea un nou cadru cheie de fiecare dată când modificați imaginea.
   • Cadrele cheie din cronologia sunt indicate printr-un punct negru.
   • Nu aveți nevoie de un cadru cheie pentru fiecare cadru ulterior. Creați un cadru cheie la fiecare patru până la cinci cadre pentru a face o animație bună.

3. Convertiți imaginea într-un simbol.În acest caz, puteți adăuga imaginea în cadru de mai multe ori. Acest lucru este util mai ales dacă trebuie să adăugați rapid mai multe imagini similare într-un singur cadru (de exemplu, pești într-un acvariu).

   • Selectați desenul. Faceți clic dreapta pe imagine și selectați „Convertire în simbol”. Imaginea va fi adăugată în bibliotecă, făcând-o mai ușor de utilizat în viitor.
   • Ștergeți desenul. Nu vă faceți griji - îl puteți adăuga la cadru pur și simplu trăgându-l din bibliotecă. În acest fel, puteți adăuga același desen într-un cadru de mai multe ori.

4. Adăugați cadre goale. Odată ce primul cadru cheie este gata, inserați cadre goale și apoi începeți să creați al doilea cadru cheie. Apăsați F5 (de patru sau cinci ori) pentru a adăuga cadre goale după primul cadru cheie.

   Creați un al doilea cadru cheie (după ce ați adăugat câteva cadre goale). Există două moduri diferite de a face acest lucru: puteți să copiați un cadru cheie existent și să-i faceți mici modificări sau puteți crea un cadru cheie gol și să adăugați o nouă imagine. Dacă utilizați un desen creat într-un alt program, utilizați a doua metodă. Dacă inserați o imagine creată folosind instrumentele de desen Adobe Flash Professional, utilizați prima metodă.

   • Pentru a crea un cadru cheie folosind conținutul cadrului cheie anterior, apăsați F6. Pentru a crea un cadru cheie gol, faceți clic dreapta pe ultimul cadru din cronologia și selectați Inserați cadru cheie necompletat.
   • Odată ce ați creat al doilea cadru cheie, trebuie să faceți modificări imaginii acestuia pentru ca animația să prindă viață. Dacă ați folosit instrumentele de desen Adobe Flash Professional, selectați instrumentul Transformare pentru a selecta un element din desen (cum ar fi mâna unui personaj) și modificați-l.
   • Dacă inserați o nouă imagine la fiecare cadru cheie, asigurați-vă că este în locul potrivit (în funcție de secvența logică a cadrelor).

5. Repetați procesul. După ce ați creat două cadre cheie, repetați procesul - adăugați câteva cadre goale între fiecare cadru cheie și asigurați-vă că animația este redată fără probleme.

   • Faceți mici modificări. Cu cât modificările sunt mai mici (mai subtile), cu atât animația va fi mai fină. De exemplu, dacă doriți ca un personaj să ridice mâna, al doilea cadru cheie nu ar trebui să includă un desen al personajului cu mâna deja ridicată. În schimb, utilizați mai multe cadre cheie pentru a trece de la o mână coborâtă la o mână ridicată. În acest caz, animația va fi mai fluidă.

6. Transformați desenul. Dacă ați creat cadre cheie și o cale, puteți transforma imaginea astfel încât să se schimbe fără probleme pe măsură ce vă deplasați de-a lungul căii interpolare. Puteți schimba forma, culoarea, înclinarea, dimensiunea și orice alt aspect al imaginii.

   • Selectați un cadru în care desenul va fi transformat.
   • Deschideți panoul de proprietăți desen. Pentru a face acest lucru, apăsați F3.
   • Modificați setările din fereastra de proprietăți a desenului. De exemplu, puteți schimba nuanța sau culoarea, adăugați filtre, modificați dimensiunea.
   • De asemenea, puteți utiliza instrumentul Transformare gratuită pentru a schimba desenul după cum doriți.

7. Adăugați finisajul. Testați animația creată apăsând Ctrl + Enter. Asigurați-vă că desenul (personajul) se modifică corect și că animația este redată la viteza corectă. Dacă animația este redată prea repede, reduceți valoarea FPS sau măriți durata interpolarii.

   • FPS implicit este 24, așa că încercați să reduceți această valoare la 12. Schimbați valoarea FPS în panoul de proprietăți. Cu toate acestea, la FPS = 12, este posibil ca animația să nu fie redată suficient de lin.
   • Pentru a modifica durata unei interpolari, selectați stratul care conține interpolarea și utilizați glisorul pentru a modifica durata interolarii. Dacă doriți să dublați durata gemenului, mutați glisorul la 48 de cadre. Nu uitați să introduceți fundalul în cadrele goale, astfel încât fundalul să nu dispară în mijlocul animației. Pentru a face acest lucru, selectați stratul de fundal, faceți clic pe ultimul cadru al animației (pe cronologia), apoi apăsați F5.

Partea 3

Adăugarea de efecte sonore și muzică

1. Înregistrați sau descărcați efecte sonore și muzică. Puteți adăuga efecte sonore la animația dvs. pentru a o face mai de impact. Muzica face animația mai interesantă și poate transforma o animație bună într-una grozavă. Flash acceptă o varietate de formate de fișiere audio, inclusiv AAC, MP3, WAV și AU. Alegeți un format care garantează sunet de înaltă calitate într-o dimensiune minimă a fișierului.

   • Formatul MP3 garantează o calitate ridicată a sunetului cu o dimensiune minimă a fișierului. Fișierele WAV au dimensiuni mari.

2. Importați fișiere audio în bibliotecă pentru a adăuga rapid sunete și muzică animațiilor dvs. Faceți clic pe „Fișier” - „Importați” - „Importați în bibliotecă”. Găsiți fișierul audio pe computer. Asigurați-vă că fișierul audio are un nume ușor de reținut, astfel încât să îl puteți găsi rapid.

   Creați un nou strat pentru fiecare fișier audio. Acest lucru nu este necesar și puteți adăuga sunet la straturile existente, dar lipirea fișierului audio pe un strat separat vă va oferi mai mult control asupra pistei audio a animației.

   Creați un cadru cheie care va începe redarea audio. Pe stratul de sunet, selectați cadrul de animație din care va începe să fie redat sunetul. Apăsați F7 pentru a insera un cadru cheie gol. De exemplu, dacă doriți să inserați un fișier audio care va fi redat pe tot parcursul animației, selectați primul cadru din stratul fișierului audio. Dacă adăugați vocea unui personaj, alegeți o fotografie în care personajul începe să vorbească.

Te-ai întrebat vreodată ce se ascunde în spatele frumoasei animații de bannere de pe Internet? Sau desenele animate noi create cu ajutorul tehnologiei informatice? Cel mai adesea se bazează pe „carne”, sau mai precis, așa este tradus numele tehnologiei Flash din engleză. Astăzi vom vorbi despre animația flash pentru site:

Tehnologia flash

Cadrul multimedia a fost dezvoltat de Macromedia. Dar după absorbția sa (fuziunea), toate drepturile asupra tehnologiei au fost transferate noului proprietar - Adobe Systems.

Zona de aplicare modernă a Adobe Flash:

• Crearea de aplicații web este o direcție destul de nouă. Implică utilizarea completă sau parțială a Flash pentru a crea site-uri web. Când este aplicată parțial, această tehnologie creează elemente de design individuale: diverse meniuri interactive, butoane animate etc.

În comparație cu resursele convenționale bazate pe HTML, site-urile Flash au câteva caracteristici care limitează utilizarea acestora. Acestea includ costul ridicat de dezvoltare, cerințele pentru resursele serverului, timpi lungi de încărcare cu o conexiune lentă la Internet și alte câteva aspecte:

• Implementarea capabilităților multimedia - pentru a asculta audio și a reda video pe site-uri web, sunt adesea folosite playere media create pe baza Flash. Dezvoltarea lor include utilizarea unuia dintre limbajele de scripting (de obicei JavaScript):

• În publicitatea online, tehnologia este folosită cel mai adesea pentru a crea bannere animate. Ele implică nu numai redarea de publicitate multimedia, ci și un fel de interacțiune cu utilizatorul pe bază de joc.

Noțiuni de bază și instrumente de dezvoltare Flash

Pentru a crea animație flash, instrumentele tradiționale de la Adobe sunt cele mai des folosite:

• Adobe Flash Professional – un program pentru crearea de animație interactivă (animator);
• Adobe Flash Builder – un mediu pentru crearea de interfețe de aplicații web;
• Adobe Flash Player este un player integrat în browser pentru redarea Flash.

În plus, o serie de aplicații terțe pot reda conținut multimedia de acest tip. Cele mai populare sunt Gnash, QuickTime și altele:

Această tehnologie vă permite să afișați orice tip de grafică ( raster, vector, 3D). De asemenea, acceptă transmiterea în flux a datelor audio și video. O versiune ușoară a Flash Lite a fost dezvoltată special pentru dispozitivele mobile.

Principalul standard pentru fișierele Flash este extensia SWF. Abrevierea înseamnă Small Web Format. Videoclipul înregistrat în Flash are extensiile de fișiere FLV, F4V.

Dezvoltarea animației interactive în Flash se bazează pe grafică vectorială. Datorită acestui fapt, a fost posibilă implementarea suportului pentru o platformă multimedia și independența calității animației față de rezoluția ecranului.

Dimensiunea fișierului aplicației flash este aceeași pentru toți utilizatorii, indiferent de caracteristicile tehnice ale ecranului (rezoluție).

Animația interactivă în Flash se bazează pe morphing (tip vectorial), în care există un flux lent între cadrele cheie. Pentru a reda datele, se folosește un player Flash, a cărui funcționare este în multe privințe similară cu funcționarea mașinii virtuale JavaScript. Componenta software a tehnologiei este implementată folosind limbajul ActionScript.

Dezavantajele tehnologiei includ următoarele puncte:

• Sarcină mare pe procesorul central al mașinii client. Acest lucru se datorează eficienței scăzute a mașinii virtuale Flash, care este încorporată în browserul utilizatorului împreună cu playerul;
• Probabilitate mare de erori - redarea animației Flash poate apărea cu o probabilitate mare de erori. Mai mult, eșecurile în redarea Flash afectează negativ funcționarea întregii aplicații client (browser). Acest lucru se datorează controlului insuficient asupra toleranței la erori a codului programului la crearea aplicațiilor Flash;
• Eșec la indexare - Tot conținutul text afișat în conținutul Flash nu este indexat. Această limitare este deosebit de problematică pentru acele resurse care sunt create pe baza acestei tehnologii.

Revizuirea software-ului de creare Flash de la terți

Sothink SWF Quicker a fost luat ca o aplicație prototip pe care vom demonstra elementele de bază ale creării Flash. Potrivit multor profesioniști, programul este cel mai ușor de înțeles și cel mai ușor de învățat.

Pe lângă crearea și editarea, editorul flash „poate” funcționa cu toate celelalte tipuri de animație web (GIF, HTML și alte standarde):

După instalare, accesați interfața prietenoasă a programului. Din păcate, după ce am rătăcit prin toate colțurile, nu am găsit un comutator de limbă a interfeței.

Pentru a înțelege cum să faci animație flash în această aplicație, vom folosi șabloanele încorporate. Caseta de dialog „Nou din șablon” apare imediat după pornirea programului. În plus, poate fi apelat prin elementul din meniul principal „Fișier”. Printre opțiunile oferite, am ales să creăm un banner:

În următoarea fereastră a expertului, din lista derulantă trebuie să selectați un șablon în funcție de care va fi creată animația. Mai jos este un mic cadru în care este redat șablonul selectat:

În următorii pași, trebuie să setați dimensiunile bannerului și să introduceți 5 fraze de text care vor fi redate în animație. În plus, trebuie să specificați adresa resursei către care va fi condus utilizatorul făcând clic pe banner:

După compilarea proiectului și închiderea ferestrei expertului, puteți vizualiza videoclipul rezultat în playerul încorporat. Pentru a face acest lucru, faceți clic pe săgeata verde din partea de sus:

După închiderea playerului, să aruncăm o privire mai atentă asupra interfeței aplicației. Vă rugăm să rețineți că este format din două ferestre principale: cea de sus este pentru editarea perioadei de timp a videoclipului, iar cea de jos este un editor grafic obișnuit. Fiecare dintre elemente este situat pe un strat separat, care poate fi modificat folosind instrumente standard situate pe bara laterală.

Un program gratuit pentru crearea de videoclipuri flash de aproape orice grad de complexitate! Include aproape toate instrumentele necesare pentru lucrul de zi cu zi cu flash și poate fi folosit atât de începători, cât și de profesioniști. Principala diferență și avantajul acestui program este suportul pentru ActionScript 2.0, fără de care este pur și simplu imposibil să ne imaginăm crearea de conținut Flash profesional.

Se pare că Dima Bilan are dreptate când spune că imposibilul este posibil :). Până de curând, dezvoltatorii web trebuiau fie să pirateze, fie să plătească destul de mulți bani pentru oportunitatea de a lucra cu animația Flash. Și acum, în sfârșit, a venit momentul când a apărut o a treia opțiune cu drepturi depline - să folosești un editor flash gratuit.

Anterior, exista deja un program similar pe site-ul nostru, dar dezavantajul acestuia era că era oarecum învechit, avea un set limitat de instrumente și nu suporta limbajul de programare ActionScript, care este atât de necesar pentru crearea de site-uri web, jocuri oarecum funcționale, etc.

Astăzi vă voi prezenta un editor flash complet modern, care poate concura aproape pe picior de egalitate cu faimosul Adobe Flash - Vectorian Giotto.

Comparație a Vectorian Giotto cu un analog plătit

După cum puteți vedea, dezvoltatorii Vectorian Giotto au făcut tot posibilul și au încercat să încadreze în programul lor setul maxim posibil de funcții similare cu Adobe Flash. În plus, majoritatea tastelor rapide sunt și ele aceleași, așa că cei care sunt obișnuiți să lucreze cu editorul Adobe nu vor avea prea multe dificultăți să treacă la platforma gratuită Vectorian Giotto!

Ei bine, pentru desert, editorul gratuit are și ceva din care „fratele său mai mare” îi lipsește uneori - o bibliotecă încorporată de efecte de animație care va atrage în special cei care creează bannere flash.

Pregătirea pentru muncă

Pentru a începe să lucrăm cu Vectorian Giotto, trebuie să descarcăm arhiva cu programul de instalare, care, apropo, cântărește doar 8 megaocteți! Când arhiva este descărcată, deschideți-o și rulați fișierul VectorianGiotto.exe.

În ciuda faptului că instalarea (și programul în sine, din păcate :)) este în engleză, nu ar trebui să provoace dificultăți, deoarece nu este necesar să se schimbe nimic în setările implicite. Doar faceți clic pe butonul „Următorul” de mai multe ori și așteptați finalizarea procesului de instalare;).

Prima cunoaștere cu interfața

La finalizarea instalării, dacă nu am schimbat nimic în setările standard, fereastra de lucru Vectorian Giotto va apărea pe ecran complet:

După cum am spus deja, interfața programului este în limba engleză, așa că pentru a evita neînțelegerile și neînțelegerile atunci când se efectuează acțiuni ulterioare descrise în articol, aș dori să introduc câteva aparate conceptuale :). Să începem, ca de obicei, de sus în jos și de la stânga la dreapta.

Bară de meniu. Acesta este panoul pe care se află toate meniurile programului Vectorian Giotto. Când lucrați cu animație, este posibil să aveți nevoie de secțiuni precum „Fișier” (pentru salvarea și exportul animației dvs. în SWF), „Vizualizare” (pentru setarea parametrilor de afișare a spațiului de lucru), „Modificare” (pentru gestionarea parametrilor documentului curent și lucrul cu efectele bibliotecii) și „Fereastră” (pentru personalizarea modulelor afișate și a panourilor de programe).

Bara de instrumente principală. Iată butoanele pentru controlul acțiunilor proiectului și un panou de redare a animației.

Panoul de desen (ocupă toată partea stângă a ferestrei programului). Aici veți găsi toate instrumentele necesare pentru crearea oricăror obiecte dorite ale animației dvs., precum și butoane care vă permit să configurați parametrii instrumentelor necesare.

Storyboard (sau cronologie). Vă permite să gestionați celulele cadru și straturile create.

Panou de control color. Cu ajutorul acestuia, puteți schimba rapid culoarea formelor create anterior. De asemenea, este folosit pentru a selecta tipul de umplere pentru obiectele dvs. de animație (solid, gradient etc.).

Spațiul de lucru. Este o foaie virtuală de „hârtie” concepută pentru desenarea animațiilor tale :).

Editor ActionScript. Dacă trebuie să creați nu bannere simple, ci ceva mai complex, inclusiv butoane și tot felul de obiecte interactive, atunci nu puteți face fără un editor de scripturi.

Panou cu structură a clipurilor. Afișează toate formele care sunt „în cadru” și vă permite să comutați rapid între ele și să gestionați secvența lor.

Panoul de proprietăți. Fiecare obiect din flash are anumite proprietăți. Acest panou este folosit pentru a le gestiona.

Panoul de transformare. Vă permite să schimbați rapid dimensiunea și poziția elementului de animație selectat.

Biblioteca de elemente. Reprezintă o listă de obiecte create sau importate care pot fi (și sunt în mod repetat!) inserate într-o animație.