Flash animācijas veidošanas programma. Kā izveidot flash animāciju

Šķiet, ka Dimam Bilanam ir taisnība, sakot, ka neiespējamais ir iespējams :). Vēl nesen tīmekļa izstrādātājiem par iespēju strādāt ar Flash animāciju nācās vai nu pirātēties, vai arī maksāt diezgan lielu naudu. Un tagad beidzot ir pienākusi stunda, kad ir parādījusies trešā pilnvērtīga iespēja - izmantot bezmaksas zibatmiņas redaktoru.

Iepriekš mūsu vietnē jau bija viena līdzīga programma, taču tās trūkums bija tas, ka tā bija nedaudz novecojusi, tai bija ierobežots rīku komplekts, kā arī trūka atbalsta ActionScript programmēšanas valodai, kas ir tik nepieciešama, lai izveidotu nedaudz funkcionālas vietnes, spēles, utt. Šodien es jūs iepazīstināšu ar pilnīgi modernu zibatmiņas redaktoru, kas var konkurēt gandrīz līdzvērtīgi ar slaveno Adobe Flash - Vectorian Džoto.

Vectorian Giotto salīdzinājums ar apmaksātu analogu

Kā redzat, izstrādātāji Vectorian Džoto darīja visu iespējamo un mēģināja iekļaut savā programmā maksimāli iespējamo funkciju kopumu, kas ir līdzīgs Adobe Flash. Turklāt lielākā daļa karsto taustiņu ir arī vienādi, tāpēc tiem, kas ir pieraduši strādāt ar Adobe redaktoru, nebūs daudz grūtību pārslēgties uz bezmaksas platformu Vectorian Džoto! Nu, desertā bezmaksas redaktoram ir arī kaut kas tāds, kā tā “lielajam brālim” dažkārt pietrūkst - iebūvēta animācijas efektu bibliotēka, kas īpaši patiks tiem, kas veido flash banerus.

Gatavošanās darbam

Lai sāktu ar Vectorian Džoto mums vajadzēs lejupielādēt arhīvu ar instalētāju, kas, starp citu, sver tikai 8 megabaitus! Kad arhīvs ir lejupielādēts, atveriet to un palaidiet failu installvectoriangiotto.exe. Neskatoties uz to, ka instalēšana (un diemžēl pati programma :)) ir angļu valodā, tai nevajadzētu radīt nekādas grūtības, jo noklusējuma iestatījumos nekas nav jāmaina. Vienkārši noklikšķiniet uz pogas "Nākamais" vairākas reizes un gaidiet, līdz instalēšanas process tiks pabeigts;).

Pirmā iepazīšanās ar saskarni

Instalēšanas beigās, ja mēs neko nemainījām standarta iestatījumos, mūsu priekšā parādīsies darba logs pilnekrāna režīmā Vectorian Džoto:

Kā jau teicu, programmas saskarne ir angļu valodā, tāpēc, lai nerastos pārpratumi un pārpratumi, veicot turpmākās rakstā aprakstītās darbības, vēlos iepazīstināt ar kādu konceptuālo aparātu :). Sāksim, kā parasti, no augšas uz leju un no kreisās uz labo pusi.

Ēdienkarte. Šis ir panelis, kurā atrodas visas programmu izvēlnes. Vectorian Džoto. Strādājot ar animāciju, var būt nepieciešamas tādas sadaļas kā "Fails"(lai saglabātu un eksportētu savu animāciju uz SWF), "Skatīt"(lai konfigurētu darbvietas displeja parametrus), "Modificēt"(lai pārvaldītu pašreizējā dokumenta parametrus un strādātu ar efektu bibliotēku) un “Window” (lai konfigurētu parādītos moduļus un programmu paneļus).

Galvenā rīkjosla. Šeit ir pogas projekta darbību vadīšanai un animācijas atskaņošanas panelis.

Zīmēšanas panelis(aizņem visu programmas loga kreiso pusi). Šeit jūs atradīsiet visus nepieciešamos rīkus, lai izveidotu jebkuru vēlamo animācijas objektu, kā arī pogas, kas ļauj konfigurēt nepieciešamo rīku parametrus.

Sižeta panelis(vai laika skala). Ļauj pārvaldīt rāmja šūnas un izveidotos slāņus.

Krāsu vadības panelis. Ar tās palīdzību jūs varat ātri mainīt iepriekš izveidoto formu krāsu. To izmanto arī, lai atlasītu animācijas objektu aizpildījuma veidu (ciets, gradients utt.).

Darbvieta. Tā ir virtuāla “papīra” lapa, kas paredzēta jūsu animāciju zīmēšanai :).

RedaktorsActionScript. Ja jums ir jāveido nevis vienkārši baneri, bet gan kaut kas sarežģītāks, ieskaitot pogas un visu veidu interaktīvus objektus, tad bez skriptu redaktora neiztikt.

Klipu struktūras panelis. Parāda visas formas, kas ir “kadrā”, un ļauj ātri pārslēgties starp tām un pārvaldīt to secību.

Rekvizītu panelis. Katram zibspuldzes objektam ir noteiktas īpašības. Šis panelis tiek izmantots, lai tos pārvaldītu.

Pārveidošanas panelis. Ļauj ātri mainīt atlasītā animācijas elementa izmēru un pozīciju.

Elementu bibliotēka. Apzīmē izveidoto vai importēto objektu sarakstu, kurus var (un tiek atkārtoti!) ievietot animācijā.

Zīmēšanas pamati Vectorian Giotto

Uzzīmētajam aplim tagad ir divi krāsu parametri: "Pildspalva"- insults un "Ota"- aizpildīt (vai burtiski “otu”). Abus šos parametrus var mainīt krāsu vadības panelī (“Forma”). Bet pagaidām mūs interesē kas cits...

Zīmēšanas panelī atlasiet rīku "Apakšatlases rīks"(baltā bultiņa) un nospiediet to uz mūsu figūras. Apļa iekšpusē uz aizpildījuma parādīsies punkti, un triepiens pārvērtīsies zaļā līnijā, kas sadalīta mazos segmentos ar zaļiem punktiem :). Nebaidieties - tas ir tik nepieciešams. Iegājām figūras kontūras rediģēšanas režīmā un tagad, pateicoties punktiem, kas parādījās uz kontūras, savu apli varam pārvērst, piemēram, citronā :).

Lai to izdarītu, mēs satveram savus punktus un velciet tos uz vēlamo pozīciju. Ja ir maz punktu, mēs varam tos viegli pievienot. Lai to izdarītu, norādīsim rīku "Apakšatlases rīks" uz vēlamo pozīciju un, turot nospiestu tastatūras taustiņu “Alt”, noklikšķiniet ar peles kreiso pogu.

Ja jums ir pārāk ass stūris un jums tas noteikti ir jānoapaļo, varat veikt šo uzdevumu, izmantojot to pašu rīku. Pietiek atlasīt jebkuru kontūras punktu, un tā malās parādīsies noapaļošanas sviras, ar kuru jūs varat pielāgot jebkura vektora izliekuma lielumu:

Dažreiz (īpaši, ja zīmējam simetriskus objektus) tas ir ērti lietojams ceļveži. IN Vectorian Džoto, tāpat kā Flash, tos var pievienot, turot nospiestu peles kreiso pogu uz lineāla (augšpusē vai sānos) un pārvietojot kursoru uz darba zonu.

Tā kā mēs zīmējam citronu, mums ir jāizvēlas tam pareizā krāsa. Lai to mainītu, vienkārši atlasiet mūsu formu un krāsu vadības paneļa sadaļā “Ota” noklikšķiniet uz vajadzīgā toņa paletē.

Lai padarītu mūsu citronu reālāku, aktivizējiet "Zīmuļa rīku" (zīmuli) un pievienojiet asti un citus dekoratīvos elementus:

Tagad viss ir gatavs, bet mūsu citrons vēl nav monolīts objekts un sastāv no daudzām mazām detaļām. Lai tos “savāktu” vienā veselumā, mums citrons ir jāpārvērš par to simbols. Zibspuldzes simbols attiecas uz sarežģītiem objektiem, kas sastāv no daudzām daļām, kuras tiek apstrādātas kā vienots veselums. Lai izveidotu simbolu mūsu citronam, mums tas viss ir jāatlasa, izmantojot rīku "Atlases rīks"(melnā bultiņa) un izsauciet iegūtās atlases konteksta izvēlni. Šeit atliek atrast punktu "Konvertēt uz simbolu"(vai nospiediet tastatūras taustiņu F8):

Šīs darbības rezultāts būs mūsu citrona pievienošana bibliotēkai ( "Bibliotēka"), no kuras to varam pievienot animācijai neierobežotu skaitu reižu! Protams, tagad simbols tiks apstrādāts kā viens vesels objekts, taču mēs to vairs nevarēsim atdalīt:

Vienkārša objektu animācija Vectorian Giotto

Tātad, mēs esam izveidojuši objektu, kuru vēlamies animēt. Dariet to iekšā Vectorian Džoto var izdarīt divos veidos:

1. Apturēt kustību animāciju. Šajā gadījumā mēs vienkārši mainām iepriekšējā attēla katrā nākamajā kadrā, neveicot nekādas papildu darbības un izmantojot standarta rīkus no zīmēšanas paneļa. Tas ir vienkāršākais, bet arī garākais veids, kā izveidot animāciju.
2. Kustības animācija. Šim animācijas veidam ir raksturīgs tas, ka manuāli veidojam tikai divas atslēgas rāmis(norādīts ar apli laika skalā). Visi pārējie ir tādi paši starpkadri(apzīmēta ar vienlaidu pelēku joslu ar taisnstūri kadru secības beigās) tiek automātiski izveidotas programmā, pamatojoties uz animētā objekta pozīcijas atšķirību pirmajā un pēdējā kadrā. Šī metode ir nedaudz sarežģītāka, taču ļauj sasniegt vienmērīgu animāciju bez raustīšanās. Tieši šo metodi mēs tagad apsvērsim.

Es ierosinu izveidot animāciju par mūsu citrona rotāciju, kas atrodas pirmajā kadrā. Lai izveidotu kustības animāciju, mums, kā minēts iepriekš, vienkārši jāpievieno vēl viens nedaudz pārveidots rāmis. Iesaku izvēlēties 10. kadrs laika skalā un nospiediet uz tastatūras Taustiņš "F6".. Mūsu pirmais kadrs tiks kopēts uz 10. kadru, un starp tiem parādīsies starpkadru ķēde, kas ir pilnīgi identiski viens otram.

Un tagad - svarīgākā. 10. kadrā mums kaut kā jāmaina mūsu citrona pozīcija. Vienojāmies, ka tai jāgriežas, tāpēc apgriezīsim to par 180°. Lai to izdarītu, varat izmantot “Free Transform Tool” vai Pārveidošanas panelis(kas mūsu gadījumā ir ērtāk). Vienkārši ievadiet to laukā "Rotācija" vēlamo griešanās leņķi (mūsējais ir 180°) un nospiediet taustiņu Enter.

Jāiegūst 10 kadru secība, kur pirmajā kadrā citrons “skatās” ar asti uz augšu, bet pēdējā – uz leju. Ja viss ir izdarīts pareizi, tad nekas neatliek, proti - pārvērst kadru secību kustības animācijā. Šim nolūkam mēs izvēlamies vispirms mūsu rāmi laika skalā un izsauciet tā konteksta izvēlni (peles labā poga). Pēc tam parādītajā darbību sarakstā atrodiet vienumu "Izveidot Motion Tween" un nospiediet to. Starp pirmo un pēdējo kadru vajadzētu redzēt melnu bultiņu:

Ja izdevās, tad varam jūs apsveikt – esat izveidojis savu pirmo animāciju! To var apskatīt, novietojot kursoru uz pirmā kadra un noklikšķinot uz pogas atskaņošanas panelī "Spēlēt"(melns trīsstūris pa labi). Diemžēl iekšā Vectorian Džoto Nav iepriekšējas kompilācijas funkcijas, tāpēc animāciju var apskatīt tikai darbvietā, kas nav nemaz tik slikti :).

Darbs ar slāņiem

Līdz šim esam strādājuši tikai ar vienu objektu, tomēr pilnvērtīgās animācijās šādu objektu var būt desmitiem! Ja vienā ainā nepieciešams ievietot vairākus dažādus simbolus, vislabāk tos novietot uz atsevišķiem slāņiem. Flash slāņu darbības princips ir līdzīgs to darbības principam grafiskajos redaktoros. Vienīgā atšķirība ir tā, ka mūsu slāņi parādīsies visos kadros.

Es ierosinu turpināt mūsu animāciju un papildināt to jauns elements - siena, ko mūsu citrons sitīs un izlidos no kadra.

Vispirms turpināsim citrona rotācijas animāciju. Ievietosim jaunu "atslēgvārdu" (poga F6, ja neesat aizmirsis). 18. kadrs. Ieslēgts Pārveidošanas paneļi palieliniet rotācijas pakāpi līdz 280° un nospiediet taustiņu Enter. Izveidosim kustības animāciju starp 10. un 18. kadriem, izsaucot konteksta izvēlni 10. kadrā un noklikšķinot uz "Izveidot Motion Tween".

Tagad pieņemsim izveidosim jaunu slāni. Lai to izdarītu, zem scenārija atrodiet nelielu pogu "Ievietot slāni"(balta lapa ar zaļu plus zīmi) un nospiediet to. Jums vajadzētu būt jaunam slānim ar tukšu pirmo atslēgas kadru. Ejam uz 18. kadrs un izveidojiet tajā citu “atslēgvārdu” (taustiņš F6). Tagad jūs varat sākt zīmēt "siena". Lai to izdarītu, zīmēšanas panelī atlasiet rīku "Taisnstūra rīks"(Taisnstūris) un rāmja labajā pusē uzzīmējiet nelielu vajadzīgās krāsas sloksni:

Tagad mums ir jāizveido katrs slānis pēc atslēgas rāmja 20. Tajā mēs pagriezīsim citronu par 300° un sienu, izmantojot vilkšanas rīku "Bezmaksas pārveidošanas rīks" vai "Apakšatlases rīks" Pietuvināsim to citronam:

Izveidosim to, pamatojoties uz 21. atslēgas rāmi. Šeit mēs radīsim ilūziju, ka citrons mijiedarbojas ar sienu. Sitot pret virsmu, visi elastīgie priekšmeti tiek nedaudz deformēti. Lai parādītu šo deformāciju, mēs atkal varam izmantot vai nu instrumentu "Bezmaksas pārveidošanas rīks" vai transformācijas paneli. Mūsu gadījumā citrons ir nedaudz jāsaspiež pa Y asi, tāpēc laukā mainām procentuālo vērtību "Y skala" pārveidošanas panelī no 100% uz 80%, pēc atzīmes noņemšanas "Bloķēšanas attiecība":

Pēdējais pieskāriens būs, lai mūsu citrons aizlidos no ekrāna. Lai to izdarītu, izveidojiet atslēgas abos slāņos 25. kadri un pārejiet uz citrona slāni. Tā kā tas tika saspiests pa Y asi, tam vajadzētu lidot pa diagonāli. 25. kadrā mēs atgriežam savu simbolu 100% izmērā un pārvietojam to uz augšējo kreiso stūri šādi. Tā, ka tā daļa pārsniedz rāmja malu. Atliek tikai atgriezties pie 21. kadra un lietot kustības animāciju:

Šajā brīdī mūsu animācija ir gatava, un mēs varam to apskatīt, noklikšķinot "Spēlēt".

Darbs ar efektu bibliotēku

Raksta pašā sākumā es to minēju Vectorian Džoto Tas ir labvēlīgi salīdzināms ar saviem analogiem ne tikai tāpēc, ka tas ir bezmaksas, bet arī tāpēc, ka tajā ir iebūvēta efektu bibliotēka! Šie efekti vislabāk izskatās, ja tie tiek lietoti tekstam. Piedāvāju turpināt mūsu iepriekšējo animāciju ar citronu ar teksta ieliktni. Lai to izdarītu, uz citrona slāņa izveidojiet jaunu atslēgas rāmi (26.) un paņemiet instrumentu "Teksta rīks" un darba zonā ierakstiet tekstu (piemēram, “Spēle beigusies”):

Animācijas saglabāšana

Nu, tagad mēs esam izdomājuši darba pamatus Vectorian Džoto. Vienīgais, ko mēs vēl neesam izdarījuši, ir animācijas saglabāšana. Varat vēlreiz saglabāt gatavo videoklipu divos veidos:

1. Saglabāšana rediģējamā failā. Šī funkcija ļauj saglabāt animācijas avotu failā, ko vēlāk var modificēt. Atšķirībā no Adobe Flash, Vectorian Džoto neatbalsta FLA failu rediģēšanu un piedāvā saglabāt animācijas pirmkodus savā formātā – VGD. Ja plānojat nākotnē kaut ko pabeigt vai mainīt savā projektā, animācija ir jāsaglabā šajā formātā. Lai to izdarītu, vienkārši noklikšķiniet uz pogas "Saglabāt" galvenajā rīkjoslā vai izsauciet izvēlni "Fails" un atlasiet tur līdzīgu vienumu. Parādītajā logā iestatiet faila nosaukumu un atlasiet, kur to saglabāt. Lūdzu, ņemiet vērā, ka iegūto failu nevar izmantot skatīšanai jebkur, izņemot Vectorian Džoto.
2. Saglabā SWF failā. Ja esat izveidojis sava videoklipa galīgo versiju un vēlaties to publicēt publiski, jums tas būs jāsaglabā kā SWF fails. Lai to izdarītu, atveriet izvēlni "Fails" un aktivizējiet vienumu "Eksportēt Flash filmu". Atvērtajā logā mēs arī izvēlamies vietu, kur saglabāt animāciju, tās nosaukumu un noklikšķiniet "Saglabāt". Pēc tam parādīsies šāds logs:

Šeit mums tiek piedāvāts saspiest mūsu video, aktivizējot izvēles rūtiņu "Saspiest filmu". Es nevaru šeit sniegt konkrētu padomu... Jā, programma saspiež video izmēru par apmēram trešdaļu, bet dažreiz, kad tiek aktivizēta saspiešanas opcija, tā arī apgriež animāciju. Tāpēc, ja nolemjat izmantot saspiešanu, noteikti pārbaudiet, vai visi kadri ir nokļuvuši vietā;).

Vectorian Giotto priekšrocības un trūkumi

Plusi:

• bezmaksas;
• visu nepieciešamo rīku klātbūtne un saskarnes līdzība ar Adobe Flash;
• ērts darbs ar krāsu;
• interfeisa modularitāte;
• efektu un veidņu bibliotēkas pieejamība.

Mīnusi:

• augsta resursu intensitāte, strādājot ar vairākiem slāņiem;
• nav krievu valodas;
• nav ļoti ērti strādāt ar ActionScript;
• nav atbalsta FLA failiem;
• nepabeigts video saspiešanas algoritms.

Apakšējā līnija

Tagad Vectorian Džoto- funkcionālākais bezmaksas zibatmiņas redaktors, ko var veiksmīgi izmantot gan iesācēji, gan pieredzējuši profesionāļi! Iesācējiem patiks saskarnes vienkāršība un nedaudz karikatūriskais raksturs, kā arī iespēja radīt skaistus efektus bez nepieciešamības zināt programmēšanas valodas. Profesionāļiem Vectorian Džoto Jums tas varētu patikt, jo tas atbalsta ActionScript valodu un ir bezmaksas! Vienīgais būtiskais programmas trūkums ir tās angļu valoda, kas parasti aptur iesācējus. Tomēr lielākā daļa Flash nodarbību tiek veidotas arī Adobe Flash angļu valodas versijā, tāpēc es domāju, ka jums nav daudz atšķirību. Bet, ja jūs joprojām vēlaties ātri apgūt angļu valodu, tad šeit ir programma, kas jums palīdzēs ;). Dari tā!

P.S.Šis raksts ir paredzēts bezmaksas izplatīšanai. Aicinām to kopēt, saglabājot Ruslana Tertišnija autorību un visu P.S. un P.P.S.

P.P.S. Ja nevēlaties uztraukties ar pilna garuma zibatmiņas redaktoru, bet vēlaties izveidot skaistu reklāmkarogu, varat izmantot šādu lietojumprogrammu:

07.02.15. 5,3 tūkst

Vai esat kādreiz domājuši, kas slēpjas aiz skaistās baneru animācijas internetā? Vai jaunizveidotās karikatūras, kas radītas ar datortehnoloģiju palīdzību? Visbiežāk tie ir balstīti uz “miesu”, vai precīzāk, šādi tiek tulkots Flash tehnoloģijas nosaukums no angļu valodas. Šodien mēs runāsim par vietnes flash animāciju:

Flash tehnoloģija

Multivides sistēmu izstrādāja Macromedia. Bet pēc tās pārņemšanas (apvienošanās) visas tiesības uz tehnoloģiju tika nodotas jaunajam īpašniekam - Adobe Systems.

Mūsdienu Adobe Flash pielietojuma joma:

• Tīmekļa lietojumprogrammu izveide ir diezgan jauns virziens. Norāda pilnīgu vai daļēju Flash izmantošanu vietņu izveidei. Daļēji pielietojot šo tehnoloģiju, tiek izveidoti individuāli dizaina elementi: dažādas interaktīvas izvēlnes, animētas pogas utt.

Salīdzinot ar parastajiem HTML resursiem, Flash vietnēm ir dažas funkcijas, kas ierobežo to izmantošanu. Tie ietver augstās izstrādes izmaksas, servera resursu pieprasījumu, ilgu ielādes laiku ar lēnu interneta savienojumu un dažus citus aspektus:

• Multivides iespēju ieviešana - audio un video atskaņošanai vietnēs bieži tiek izmantoti multimediju atskaņotāji, kas izveidoti uz Flash bāzes. To izstrāde ietver vienas no skriptu valodām (parasti JavaScript) izmantošanu:

• Tiešsaistes reklāmā tehnoloģija visbiežāk tiek izmantota animētu baneru izveidošanai. Tie nozīmē ne tikai multivides reklāmas atskaņošanu, bet arī sava veida mijiedarbību ar lietotāju uz spēles pamata.

Flash izstrādes pamati un rīki

Lai izveidotu flash animāciju, visbiežāk tiek izmantoti tradicionālie Adobe rīki:

• Adobe Flash Professional – programma interaktīvas animācijas veidošanai (animators);
• Adobe Flash Builder – vide tīmekļa aplikāciju saskarņu izveidei;
• Adobe Flash Player ir pārlūkprogrammā integrēts atskaņotājs Flash atskaņošanai.

Papildus tam vairākas trešo pušu programmas var atskaņot šāda veida multivides saturu. Populārākie ir Gnash, QuickTime un daži citi:

Šī tehnoloģija ļauj attēlot jebkura veida grafiku ( rastrs, vektors, 3D). Tā atbalsta arī audio un video datu straumēšanas releju. Viegla Flash Lite versija tika izstrādāta īpaši mobilajām ierīcēm.

Galvenais Flash failu standarts ir SWF paplašinājums. Saīsinājums apzīmē Small Web Format. Flash ierakstītajam videoklipam ir failu paplašinājumi FLV, F4V.

Interaktīvās animācijas izstrāde Flash programmā ir balstīta uz vektorgrafiku. Pateicoties tam, bija iespējams ieviest atbalstu multivides platformai un animācijas kvalitātes neatkarību no ekrāna izšķirtspējas.

Flash lietojumprogrammas faila lielums ir vienāds visiem lietotājiem neatkarīgi no ekrāna tehniskajiem parametriem (izšķirtspējas).

Interaktīvās animācijas Flash pamatā ir morfēšana (vektora veids), kurā notiek lēna plūsma starp taustiņu kadriem. Datu atskaņošanai tiek izmantots Flash atskaņotājs, kura darbība daudzējādā ziņā ir līdzīga JavaScript virtuālās mašīnas darbībai. Tehnoloģijas programmatūras komponents ir ieviests, izmantojot ActionScript valodu.

Tehnoloģijas trūkumi ietver šādus punktus:

• Liela slodze uz klienta mašīnas centrālo procesoru. Tas ir saistīts ar Flash virtuālās mašīnas zemo efektivitāti, kas ir iebūvēta lietotāja pārlūkprogrammā kopā ar atskaņotāju;
• Liela kļūdu iespējamība — Flash animācijas atskaņošana var notikt ar lielu kļūdu iespējamību. Turklāt Flash atskaņošanas kļūmes negatīvi ietekmē visas klienta lietojumprogrammas (pārlūka) darbību. Tas ir saistīts ar nepietiekamu programmas koda kļūdu tolerances kontroli, veidojot Flash lietojumprogrammas;
• Neveiksme rādītājā — viss Flash saturā parādītais teksta saturs nav indeksēts. Šis ierobežojums ir īpaši problemātisks tiem resursiem, kas ir izveidoti, pamatojoties uz šo tehnoloģiju.

Trešās puses Flash izveides programmatūras apskats

Sothink SWF Quicker tika pieņemts kā lietojumprogrammas prototips, kurā mēs demonstrēsim Flash izveides pamatus. Pēc daudzu profesionāļu domām, programma ir saprotamākā un visvieglāk apgūstama.

Papildus izveidei un rediģēšanai zibatmiņas redaktors “var” strādāt ar visiem citiem tīmekļa animācijas veidiem (GIF, HTML un citiem standartiem):

Pēc instalēšanas dodieties uz programmas lietotājam draudzīgo saskarni. Diemžēl, izstaigājot visus stūrus un spraugas, mēs neatradām saskarnes valodas slēdzi.

Lai saprastu, kā šajā lietojumprogrammā izveidot flash animāciju, mēs izmantosim iebūvētās veidnes. Dialoglodziņš “Jauns no veidnes” parādās tūlīt pēc programmas palaišanas. Turklāt to var izsaukt, izmantojot galvenās izvēlnes vienumu “Fails”. Starp piedāvātajām iespējām mēs izvēlējāmies izveidot reklāmkarogu:

Nākamajā vedņa logā nolaižamajā sarakstā jāizvēlas veidne, uz kuras pamata tiks izveidota animācija. Zem tā ir neliels rāmis, kurā tiek atskaņota atlasītā veidne:

Nākamajās darbībās ir jāiestata reklāmkaroga izmēri un jāievada 5 teksta frāzes, kas tiks atskaņotas animācijā. Turklāt, noklikšķinot uz reklāmkaroga, jānorāda resursa adrese, uz kuru lietotājs tiks novirzīts:

Pēc projekta apkopošanas un vedņa loga aizvēršanas varat skatīt iegūto videoklipu iebūvētajā atskaņotājā. Lai to izdarītu, noklikšķiniet uz zaļās bultiņas augšpusē:

Pēc atskaņotāja aizvēršanas tuvāk apskatīsim lietojumprogrammas saskarni. Lūdzu, ņemiet vērā, ka tas sastāv no diviem galvenajiem logiem: augšējais ir paredzēts videoklipa laika perioda rediģēšanai, bet apakšējais ir parasts grafiskais redaktors. Katrs no elementiem atrodas atsevišķā slānī, ko var modificēt, izmantojot standarta rīkus, kas atrodas sānjoslā: bezmaksas
SWiSHmax 3.0 Build 2009.11.30 ļaus ātri izveidot teksta animāciju Macromedia Flash formātā. Programma SWiSHmax ļauj ērti lietot efektus, strādājot ar tekstu.

Bezmaksas
SWF.max 1.6.865 ir ar funkcijām bagāts Macromedia Flash failu atskaņotājs. Programmā SWF.max ir iekļauta multivides pārlūkprogramma, kas atbalsta sīktēlu attēlošanu un ļauj ātri un ērti pārlūkot mapes, lai meklētu Flash klipus un atlasītu vajadzīgo, koncentrējoties ne tikai uz to nosaukumiem, bet arī aplūkojot pazīstamos kadrus.

Bezmaksas
Flash Movie Player 1.5 ir programma, kas atskaņos Flash failus jūsu vietā. Flash Movie Player var atskaņot Flash failus EXE, SWF vai FMP formātos.

Bezmaksas
Adobe Shockwave Player 11.6.4.634 ir atskaņotājs, kas paredzēts Flash videoklipu atskaņošanai. Adobe Shockwave tehnoloģija ļauj izbaudīt visas interaktīvās 3D grafikas iespējas un spilgtumu, skatoties internetā.

Bezmaksas
Adobe Flash Player 11.1.102.62 ir starpplatformu modulis, kas būs jūsu neaizstājams rīks multivides interaktīva Flash satura (FLV un SWF failu) skatīšanai dažādās operētājsistēmās un pārlūkprogrammās. Programma Adobe Flash Player ļaus tās lietotājiem bez ierobežojumiem skatīt tīmekļa vietnes, kuru lapās ir animācija, video materiāli, spēles, lietojumprogrammas un līdzīgs Flash saturs.

Bezmaksas
GetFlash 2.5 ir utilīta, kas spēj saglabāt visus tīmekļa lapās atrodamos Flash videoklipus. GetFlash utilīta ievērojami vienkāršo video un animāciju saglabāšanu, parādot Flash rīkjoslu brīdī, kad tiek ielādēta lapa ar video vai animāciju.

Bezmaksas
Flash to Video Encoder Pro 5.2.21 ir pārveidotājs, kas darbojas ar Flash video SWF un FLV formātā, pārvēršot tos MPEG, AVI, MP4, ASF vai WMV video formātā. Programmu Flash To Video Encoder PRO var izmantot arī, lai ierakstītu Flash failus DVD diskos. Turklāt Flash To Video Encoder PRO pārveidotājs ļauj saglabāt katru kadru flash failā kā attēlu citā formātā.

Bezmaksas
Flash Saver 6.3 ir programma, kas saglabās flash animāciju no jebkuras lapas internetā. Programma Flash Saver darbojas tāpat kā saglabājot attēlus standarta režīmā, tas ir, izmantojot peles labo pogu uz zibspuldzes animācijas. Programma ir iebūvēta pārlūkprogrammā Internet Explorer un, to lietojot, pēdējos pagaidu dokumentos nebūs jāmeklē video, kas jums patika, un jātērē tam daudz laika.

Bezmaksas
Alligator Flash Designer 8.0.24 ir programma interaktīvas animācijas (Flash) izveidei vietnēm. Programma satur aptuveni 130 animācijas efektus. Programma arī ļauj dažādām pogām izvēlēties onclick vai OnOver darbību un ļauj nekavējoties eksportēt izveidoto animāciju html formātā.

Bezmaksas
SWF Maestro SCR 2.0 ir iespēja izmantot SWF animāciju kā displeja ekrānsaudzētāju. Izmantojot programmu SWF Maestro SCR, varat izveidot ekrānsaudzētāju gaidstāves režīmam no izdomātas Flash animācijas vai demonstrācijas. Pateicoties SWF Maestro SCR programmas iespējām, kas apkopo jūsu izvēlētos failus, varat izmantot failus FLV, XML, JPG, MP3 un citos formātos, lai izveidotu datora ekrānsaudzētāju.

Bezmaksas
Macromedia Flash 5 pamācība ir kvalitatīvs un ērts palīgs jebkuram lietotājam, jo ​​atklāj Macromedia Flash atskaņotāja lietošanas noslēpumus, kas nepieciešams dažādu video skatīšanai vai savu prezentāciju veidošanai.

Bezmaksas
Save Flash 4.3 noderēs daudziem lietotājiem, jo ​​to izmanto, kad nepieciešams saglabāt failu flv vai swf formātā. Ja jūs aizrauj flash spēle, skaista pastkarte vai baneris no jebkuras vietnes un vēlaties to iegūt savā datorā vai nosūtīt draugam, tad šī programma ir paredzēta tieši jums. Programma SaveFlash parāda tās lapas URL, kuru atverat internetā, un parāda jebkura tajā esošā Flash video lielumu un sniedz iespēju saglabāt jebkuru no tiem savā datorā.

Bezmaksas
Macromedia Flash Player 8.5 b133 RU ir ne tikai ērts un viegli lietojams, bet arī augstākās kvalitātes atskaņotājs, kas atskaņo Flash video.

Šajā tīmekļa lapā mēs piedāvājam jūsu uzmanībai programmas Flash animācijas izveidei un rediģēšanai. Ar viņu palīdzību jūs varat īstenot savas idejas animētos videoklipos savai vietnei.

Flash redaktors ir programma flash animācijas veidošanai un gatavu flash video rediģēšanai.

FLA formāts ir jūsu klipa avota dokuments. Atverot to, jūs tiekat novirzīts uz programmu Macromedia Flash un varat turpināt klipu rediģēšanu.

SWF formāts ir izpildāms Flash fails, noklikšķinot uz tā, jums ir iespēja apskatīt klipu, izmantojot programmu Macromedia Flash Player.

Animācija, izmantojot Adobe Flash Professional

Adobe Flash Professional CS3– šīs programmas priekšrocības un funkcionalitāti var raksturot ļoti ilgi. Šī programma ir neapstrīdams līderis zibatmiņas tehnoloģiju vidē. Adobe Flash Professional izmanto gan profesionāli vietņu izstrādātāji, gan zibatmiņas dizaineri.

Ar šīs programmas palīdzību jūs varat zibenīgi realizēt pat visnelabvēlīgāko fantāziju. Kopumā, ja jūs nolemjat izveidot profesionālus animētus Flash failus, Adobe Flash Professional ir tieši tā programma, bez kuras jūs nevarat iztikt.

Skaļums ir atkarīgs no versijas no 500 Mb.

Šobrīd Adobe Flash Professional CS5 ir jauna programmas versija darbam ar animāciju un multividi.

OS: Windows XP/Vista/7

Programmas ekrānuzņēmums:

lejupielādēt Adobe Flash Professional CS3

Iespējams, iesācējam tīmekļa meistaram Flash animācijas izveide, izmantojot programmu Adobe Flash Professional, šķitīs nedaudz sarežģīta un nepieejama.

Šajā gadījumā jums nevajadzētu krist izmisumā un pamest iesākto. Izmēģiniet savas flash idejas, izmantojot Swishmax programmu.

Swishmax – zibatmiņas redaktors

SwishMAX ir alternatīva programma ar draudzīgu un vienkāršu interfeisu zibatmiņas animācijas veidošanai, kas ir mazāk funkcionāla nekā iepriekšējā, bet tomēr ļauj iegūt labas kvalitātes rezultātu. Apakšējā zibatmiņas redaktora galvenā priekšrocība ir tā lietošanas vienkāršība. Pat iesācējs lietotājs, kuram pie rokas ir video nodarbības, ar tā palīdzību varēs īsā laikā izveidot profesionālus flash video.

Tilpums: 9,27 MB.

Interfeisa valoda ir krievu.

Operētājsistēma: Windows 98/Me/NT/2000/XP

Programmas ekrānuzņēmums:

lejupielādēt Swishmax

Aligatora zibspuldzes dizainers

Sekojošā zibatmiņas programma ir vēl vienkāršāka gan funkcionalitātes, gan interfeisa satura ziņā. Šī zibatmiņas redaktora iespējas ļauj viegli izveidot tīmekļa vietnes Flash reklāmkarogu dažu minūšu laikā.

Ir vairāk nekā 130 efektu: pazūd, tālummaiņa, rotācija. Flash animācijai var viegli pievienot animētus attēlus, formas vai tekstu un pat skaņu.

Šeit varat norādīt arī OnClick vai OnOver.

Tilpums: 5,3 MB.

Interfeisa valoda ir krievu.

OS: Windows XP/Vista/7

Programmas ekrānuzņēmums:

lejupielādēt Alligator_Flash_Designer_7.0

Vēl viena programma, kas nav flash animācijas redaktors, bet tās iespējas ir nepieciešamas iesācēju tīmekļa dizainerim.

Flash dekompilators Trillix

Flash Decompiler Trillix - šīs programmas galvenais mērķis ir eksportēt SWF failus atpakaļ FLA formātā ar vienu klikšķi. Izvelk visus Flash objektus no SWF faila un saglabā tos FLA failā, ko vēlāk var rediģēt programmā Flash.

Flash Decompiler priekšrocība ir tā, ka tas rediģē skaņas, attēlus, krāsas, gradientus, līnijas, dinamiskus tekstus un saites, nepārvēršot FLA.

Tilpums: 7,27 MB.

Interfeisa valoda ir krievu.

OS: Windows XP/Vista/7

Programmas ekrānuzņēmums:

lejupielādēt Flash Decompiler Trillix

2014. gada 13. oktobris

Mēs pastāvīgi sastopamies ar flash animāciju – internetā un televīzijas pārraidēs. Vienkāršas Flash animācijas izveide, izmantojot Flash tehnoloģiju, ir diezgan viegls uzdevums, jo Flash piedāvā daudz noderīgu rīku, kas atvieglo visu procesu. Ja vēlaties izveidot flash animāciju vai multfilmu, varat to ieskicēt tikai pāris stundu laikā.

Soļi

1. daļa

Flash animācija pa kadram

Stop-motion animācijas pamati.Šī metode tiek uzskatīta par galveno metodi "tradicionālās" animācijas veidošanai, kurā katrs nākamais kadrs ietver vienu un to pašu, bet nedaudz pārveidotu attēlu. Kad tiek atskaņoti visi kadri, attēls “atdzīvojas”. Šī ir tā pati metode, ko izmanto ar roku zīmētu multfilmu animatori, un tā ir laikietilpīgāka nekā sadraudzība (skatiet nākamo sadaļu).

• Pēc noklusējuma Flash atskaņo ar ātrumu 24 kadri sekundē (FPS). Tas nozīmē, ka vienā sekundē tiks parādīti 24 kadri, taču ne visiem tiem ir jābūt atšķirīgiem. Varat mainīt šo iestatījumu (ja vēlaties) uz 12 kadriem sekundē, bet ar ātrumu 24 kadri sekundē animācija tiks atskaņota vienmērīgāk.

1. Instalējiet Flash Professional. Programmu Flash animācijas veidošanai ir daudz, taču visspēcīgākā ir Adobe Flash Professional CC. Varat izmēģināt šo programmu bez maksas vai izmantot citu produktu (ja nevēlaties reģistrēties Adobe Creative Cloud). Pārējā šī raksta daļā ir aprakstīts, kā izmantot Flash Professional.

   Tā kā animācijai pa kadram ir nepieciešami vairāki attēli (kas nedaudz atšķiras viens no otra), šie attēli ir jāizveido manuāli. Lai to izdarītu, izmantojiet Adobe Flash Professional vai zīmējiet attēlus jebkurā grafikas redaktorā.

   • Ja vēlaties, lai attēlu izmērus varētu viegli mainīt, nezaudējot kvalitāti, veidojiet attēlus vektorgrafikā, nevis rastra grafikā. Tiklīdz tiek mainīts to lielums, vektorattēli tiks pārzīmēti (tas nozīmē, ka jūs izvairīsities no piksilācijas vai anti-aliasing). Rastra attēli ir tradicionāli attēli, piemēram, fotogrāfijas, zīmēti attēli utt. Mēģinot palielināt šādus attēlus, jūs iegūsit ļoti izkropļotu attēlu.

2. Izveidojiet pirmo kadru. Pirmo reizi palaižot Adobe Flash Professional, jūs redzēsit tukšu audeklu (slāni) un tukšu laika skalu. Kad tiek pievienoti kadri, laika skala tiks automātiski aizpildīta. Jūs varat strādāt ar slāņiem tāpat kā Photoshop.

   • Pirms attēla pievienošanas izveidojiet animācijas pamata fonu. Pārdēvējiet "Layer 1" par "Background" un pēc tam piespraudiet to. Izveidojiet otru slāni un nosauciet to, kā vēlaties. Tas būs slānis, uz kura veidosiet animāciju.
   • Pievienojiet zīmējumu pirmajam rāmja audeklam. Varat importēt zīmējumu no sava datora vai izmantot zīmēšanas rīkus, lai izveidotu zīmējumu tieši programmā.
   • Pirmais kadrs ir “atslēgas” rāmis. Atslēgas rāmis ir rāmis, kas satur attēlu un veido animācijas mugurkaulu. Katru reizi mainot attēlu, tiks izveidots jauns atslēgas kadrs.
   • Atslēgkadri laika skalā ir apzīmēti ar melnu punktu.
   • Jums nav nepieciešams atslēgas kadrs katrā nākamajā kadrā. Izveidojiet atslēgas kadru ik pēc četriem līdz pieciem kadriem, lai izveidotu labu animāciju.

3. Pārvērtiet attēlu par simbolu.Šādā gadījumā attēlu rāmim var pievienot vairākas reizes. Tas ir īpaši noderīgi, ja vienā kadrā ātri jāpievieno vairāki līdzīgi attēli (piemēram, zivis akvārijā).

   • Izvēlieties zīmējumu. Ar peles labo pogu noklikšķiniet uz attēla un atlasiet "Konvertēt uz simbolu". Attēls tiks pievienots bibliotēkai, padarot to vieglāk lietojamu nākotnē.
   • Izdzēsiet zīmējumu. Neuztraucieties — varat to pievienot savam rāmim, vienkārši velkot to no bibliotēkas. Tādā veidā vienu un to pašu zīmējumu var pievienot rāmim vairākas reizes.

4. Pievienojiet tukšus rāmjus. Kad pirmais atslēgas kadrs ir gatavs, ievietojiet tukšus kadrus un pēc tam sāciet veidot otro atslēgkadru. Nospiediet F5 (četras vai piecas reizes), lai pēc pirmā atslēgas kadra pievienotu tukšus kadrus.

5. Izveidojiet otru atslēgas kadru (pēc tam, kad esat pievienojis dažus tukšus kadrus). Ir divi dažādi veidi, kā to izdarīt: varat kopēt esošu atslēgas kadru un veikt tajā nelielas izmaiņas, vai arī varat izveidot tukšu atslēgas kadru un pievienot tam jaunu attēlu. Ja izmantojat zīmējumu, kas izveidots citā programmā, izmantojiet otro metodi. Ja ievietojat attēlu, kas izveidots, izmantojot Adobe Flash Professional zīmēšanas rīkus, izmantojiet pirmo metodi.

   • Lai izveidotu atslēgkadru, izmantojot iepriekšējā atslēgas kadra saturu, nospiediet taustiņu F6. Lai izveidotu tukšu atslēgkadru, ar peles labo pogu noklikšķiniet uz pēdējā kadra laika skalā un atlasiet Ievietot tukšu atslēgkadru.
   • Kad esat izveidojis otro atslēgas kadru, jums ir jāveic izmaiņas tā attēlā, lai animācija atdzīvotos. Ja izmantojāt Adobe Flash Professional zīmēšanas rīkus, atlasiet Transformēšanas rīku, lai atlasītu zīmējuma elementu (piemēram, rakstzīmes roku) un mainītu to.
   • Ja ievietojat jaunu attēlu pie katra atslēgas kadra, pārliecinieties, vai tas atrodas pareizajā vietā (atbilstoši kadru loģiskajai secībai).

6. Atkārtojiet procesu. Pēc divu atslēgkadru izveides atkārtojiet procesu — pievienojiet dažus tukšus kadrus starp katru atslēgkadru un pārliecinieties, ka animācija tiek atskaņota vienmērīgi.

   • Veiciet nelielas izmaiņas. Jo mazākas (smalkākas) izmaiņas, jo vienmērīgāka būs animācija. Piemēram, ja vēlaties, lai varonis paceļ roku, otrajā atslēgas kadrā nedrīkst būt attēlots tēls ar jau paceltu roku. Tā vietā izmantojiet vairākus atslēgkadrus, lai pārietu no nolaistas rokas uz paceltu roku. Šajā gadījumā animācija būs vienmērīgāka.

7. Pārveidojiet zīmējumu. Ja esat izveidojis atslēgas kadrus un ceļu, varat pārveidot attēlu tā, lai tas vienmērīgi mainītos, pārvietojoties pa tween ceļu. Varat mainīt attēla formu, krāsu, slīpumu, izmēru un jebkuru citu attēla aspektu.

   • Atlasiet rāmi, kurā zīmējums tiks pārveidots.
   • Atveriet zīmēšanas rekvizītu paneli. Lai to izdarītu, nospiediet taustiņu F3.
   • Mainiet iestatījumus zīmēšanas rekvizītu logā. Piemēram, varat mainīt toni vai krāsu, pievienot filtrus, mainīt izmēru.
   • Varat arī izmantot rīku Free Transform, lai mainītu zīmējumu, kā vēlaties.

8. Pievienojiet pēdējo pieskārienu. Pārbaudiet izveidoto animāciju, nospiežot Ctrl + Enter. Pārliecinieties, vai zīmējums (rakstzīme) mainās pareizi un animācija tiek atskaņota pareizā ātrumā. Ja animācija tiek atskaņota pārāk ātri, samaziniet FPS vērtību vai palieliniet tween ilgumu.

   • Noklusējuma FPS ir 24, tāpēc mēģiniet samazināt šo vērtību līdz 12. Rekvizītu panelī mainiet FPS vērtību. Tomēr, ja FPS = 12, animācija var nebūt pietiekami gluda.
   • Lai mainītu tween ilgumu, atlasiet slāni, kas satur tween, un izmantojiet slīdni, lai mainītu tween ilgumu. Ja vēlaties dubultot dvīņu ilgumu, pārvietojiet slīdni uz 48 kadriem. Neaizmirstiet ievietot fonu tukšajos kadros, lai fons nepazustu animācijas vidū. Lai to izdarītu, atlasiet fona slāni, noklikšķiniet uz pēdējā animācijas kadra (laika skalā) un pēc tam nospiediet taustiņu F5.