Šis raksts parādīs, kā to izmantot vienkāršas darbības sākt iepazīt Adobe Flash CS5. Nodarbības tēma ir vienkārša animācija, mēs to veidosim, neiedziļinoties saskarnes un programmas sarežģītībā.

Jauna Flash dokumenta izveide

Atveriet programmu un izveidojiet jauns dokuments"ActionScript 3.0".

Uzzīmēsim objektu turpmākai animācijai

Tagad zīmēsim apli. Labajā panelī atlasiet ovālo rīku un turiet kreisā poga peli un tastatūras taustiņu "Shift", uz balta fona uzzīmējiet apli.

Izmantojot atlases rīku, atlasiet jaunizveidoto objektu, noklikšķinot uz tā ar peli vai velkot to kvadrātveida atlasē.

Objekta pārveidošana par simbolu vienkāršai animācijai

Turpmākam darbam objekts jāpārvērš simbolā. Tā kā aplis jau ir atlasīts, nospiediet peles labo pogu un iekšā konteksta izvēlne atlasiet "Konvertēt uz simbolu".

Sarakstā "Tips" atlasiet "Grafika"

Tagad ap mūsu objektu vajadzētu parādīties zilam kvadrātam.

Izveidojiet klasisku animāciju (Classic Tween)

Lai izveidotu animāciju, jums ir jānorāda "atslēgas rāmis".

Apakšējā panelī ir animācijas skala, atlasiet divdesmit piekto kadru un nospiediet peles labo pogu, parādītajā konteksta izvēlnē atlasiet "Ievietot atslēgas kadru".

Atlasiet apli un, turot kreiso peles pogu, pārvietojiet to pa labi.

Atlasiet pirmo kadru animācijas mērogā un galvenajā izvēlnē, kas atrodas augšpusē, vienumā "Ievietot" atlasiet "Classic Tween".

Skatīt izveidoto animāciju

Tagad mēs varam skatīties animāciju. Galvenās izvēlnes vienumā "Vadība" atlasiet "Atskaņot".

Pievienosim aplim "pazūdošu" efektu. Lai to izdarītu, vēlreiz atlasiet objektu un labajā panelī izvēlnē "krāsu efekts" atlasiet "alpha", iestatiet vērtību uz "0".

Paskatīsimies, kas notika. Dodieties uz vienumu "Vadība" atlasiet "Atskaņot".

Vai esat kādreiz domājuši, kas slēpjas aiz skaistās baneru animācijas internetā? Vai jaunizveidotām multfilmām, kas izveidotas ar datortehnoloģijas? Visbiežāk to pamatā ir " miesa", 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 jaunam īpašniekam - Adobe Systems.

Mūsdienu Adobe Flash pielietojuma joma:

• Tīmekļa lietojumprogrammu izveide ir diezgan jauns virziens. Tas nozīmē pilnīgu vai daļēju Flash izmantošanu, lai izveidotu tīmekļa vietnes. Ar daļēju pielietojumu šī tehnoloģija rada atsevišķi elementi dizains: dažādas interaktīvas izvēlnes, animētas pogas utt.

Salīdzinot ar parastajiem resursiem, html pamatā Flash vietnēm ir dažas funkcijas, kas ierobežo to izmantošanu. Tie ietver augstas izstrādes izmaksas, prasīgus servera resursus, ilgu ielādes laiku ar lēnu interneta savienojumu un dažus citus aspektus:

• Multivides iespēju ieviešana - audio klausīšanai un video atskaņošanai vietnēs bieži tiek izmantoti multivides atskaņotāji, kuru pamatā ir Flash. To izstrāde ietver vienas no skriptu valodām (biežāk JavaScript) izmantošanu:

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

Flash izstrādes pamati un rīki

Lai izveidotu zibatmiņas 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 lietojumprogrammu interfeisa 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 lietojumprogrammas. Populārākie no tiem ir Gnash, QuickTime un daži citi:

Šī tehnoloģija ļauj attēlot jebkura veida grafiku ( rastrs, vektors, 3D). Un arī atbalsta audio un video datu straumēšanu. Īpaši priekš mobilās ierīces ir izstrādāts viegls svars flash versija Lite.

Galvenais Flash failu standarts ir SWF paplašinājums. Akronīms apzīmē Small Web Format. Video, kas ierakstīts Flash, ir ar failu paplašinājumiem FLV, F4V.

Interaktīvās animācijas izstrāde programmā Flash ir balstīta uz Vektorgrafika. 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 specifikācijas Ekrāna izšķirtspēja).

Interaktīvās animācijas Flash pamatā ir morfēšana (vektora veids), kas lēnām sajaucas starp atslēgkadriem. Datu atskaņošanai tiek izmantots flash atskaņotājs, kura darbība daudzējādā ziņā ir līdzīga darbam virtuālā iekārta JavaScript. Tehnoloģijas programmatūras komponents ir ieviests, izmantojot ActionScript valodu.

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

• liela slodze Procesors klienta mašīna. Tas ir saistīts ar zibatmiņas virtuālās mašīnas zemo efektivitāti, kas ir iegulta kopā ar atskaņotāju lietotāja pārlūkprogrammā;
• Liela kļūdu iespējamība — Flash animācijas atskaņošana var būt ļoti kļūdaina. 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 zibatmiņas lietojumprogrammas;
• Nevar indeksēt — viss Flash saturā rādītais teksta saturs nav indeksēts. Šis ierobežojums ir īpaši problemātisks tiem resursiem, kuru pamatā ir šī tehnoloģija.

Pārskats par trešās puses zibatmiņas izveides programmatūru

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 viegli apgūstama.

Papildus izveidei un rediģēšanai Flash redaktors "zina, kā" strādāt ar visiem citiem tīmekļa animācijas veidiem (GIF, HTML un citiem standartiem):

Pēc instalēšanas mēs pārejam uz lietotājam draudzīgo programmas saskarni. Diemžēl, izstaigājot visus saskarnes valodu pārslēdzēja stūrus, mēs to neatradām.

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

Nākamajā vedņa logā no nolaižamā saraksta jāizvēlas veidne, pēc kuras tiks izveidota animācija. Zem tā ir neliels rāmis, kurā tiek atskaņota atlasītā veidne:

Nākamajās darbībās jāiestata reklāmkaroga izmērs 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 intervāla rediģēšanai, bet apakšējais ir parasts grafikas redaktors. Katrs no elementiem atrodas atsevišķā slānī, kuru var rediģēt, izmantojot standarta instrumenti atrodas sānjoslā.

Mēs visu laiku redzam zibatmiņas animāciju internetā un televīzijā. Izveidot vienkāršu flash animāciju, izmantojot Flash tehnoloģiju, ir diezgan vienkāršs uzdevums, jo Flash piedāvā daudz noderīgi instrumenti kas atvieglo visu procesu. Ja vēlaties izveidot zibatmiņas animāciju vai multfilmu, varat to ieskicēt tikai pāris stundu laikā.

Soļi

1. daļa

Flash animācija pa kadram

Animācijas pamati kadram pa kadram.Šī metode tiek uzskatīta par galveno metodi "tradicionālās" animācijas veidošanai, kurā katrs nākamais kadrs ietver vienu, bet nedaudz pārveidotu attēlu. Izspēlējot visus kadrus, attēls "atdzīvojas". Šo pašu metodi izmanto brīvrokas multfilmu animatori, un tā ir laikietilpīgāka nekā sadraudzība (skatiet nākamo sadaļu).

• Pēc noklusējuma Flash renderē 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 pie 24 kadriem sekundē animācija tiks atskaņota "vienmērīgāk".

1. Instalējiet Flash Pro. Ir daudz programmu zibatmiņas animācijas veidošanai, taču visspēcīgākā ir Adobe Flash Professional CC. Jūs varat instalēt bez maksas izmēģinājuma versijašo programmu vai izmantojiet citu produktu (ja nevēlaties reģistrēties Adobe Creative Cloud). Šī raksta pārējā daļā ir aprakstīts, kā strādāt ar 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ā. Vektoru attēli pārzīmēs sevi, kad tiks mainīts to izmērs (t.i., jūs izvairīsities no pikseļu veidošanās vai antialiasing). Bitkartes ir tradicionāli attēli, piemēram, fotogrāfijas, gleznoti attēli utt. Mēģinot palielināt šādus attēlus, jūs iegūsit ļoti izkropļotu attēlu.

2. Izveidojiet pirmo kadru. Pirmoreiz startējot 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" uz "Background" un pēc tam sagrieziet to. Izveidojiet otru slāni un nosauciet to, kā vēlaties. Šis būs slānis, uz kura veidosiet animāciju.
   • Pievienojiet zīmējumu pirmā kadra 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 rāmis ir "atslēgas" rāmis. Atslēgas rāmis ir rāmis, kas ietver attēlu un veido animācijas pamatu ("mugurkauls"). 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 vai pieciem kadriem, lai izveidotu labu animāciju.

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

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

4. Pievienojiet tukšus rāmjus. Kad pirmais atslēgas kadrs ir pabeigts, 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.

   Izveidojiet otru atslēgas kadru (pēc tam, kad esat pievienojis dažus tukšus kadrus). Ir divi dažādi veidi lai to izdarītu: varat kopēt esošu atslēgkadru un veikt tajā nelielas izmaiņas, vai arī varat izveidot tukšu atslēgkadru un pievienot tam jaunu attēlu. Ja izmantojat zīmējumu, kas izveidots citā programmā, izmantojiet otro metodi. Ja ievietojat attēlu, kas izveidots ar Adobe Flash Professional zīmēšanas rīkiem, 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 esat izmantojis Adobe Flash Professional zīmēšanas rīkus, atlasiet Transformēšanas rīku, lai atlasītu elementu zīmējumā (piemēram, rakstzīmes roku) un modificētu to.
   • Ja ievietojat jaunu attēlu katrā atslēgas kadrā, pārliecinieties, vai tas atrodas pareizajā vietā (saskaņā ar loģisko kadru secību).

5. 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, vai animācija tiek atskaņota "vienmērīgi".

   • Veiciet nelielas izmaiņas. Jo mazākas (mazākas) izmaiņas, jo vienmērīgāk tiek atskaņota animācija. Piemēram, ja vēlaties, lai varonis paceltu roku, otrajā atslēgas kadrā nevajadzētu ietvert zīmējumu, kurā varonis jau ir pacelts. Tā vietā izmantojiet dažus atslēgas kadrus, lai pārietu no nolaistas rokas uz paceltu roku. Šajā gadījumā animācija būs vienmērīgāka.

6. Konvertējiet zīmējumu. Kad esat izveidojis atslēgas kadrus un ceļu, varat pārveidot attēlu tā, lai tas vienmērīgi mainītos, pārvietojoties pa dvīņu 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 parametru vērtības zīmēšanas rekvizītu logā. Piemēram, varat mainīt nokrāsu vai krāsu, pievienot filtrus, mainīt izmēru.
   • Varat arī izmantot bezmaksas pārveidošanas rīku, lai mainītu zīmējumu, kā vēlaties.

7. 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 vai 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 to samazināt 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 tween garumu, pārvietojiet slīdni uz 48 kadriem. Neaizmirstiet ielīmēt fonu uz tukšiem kadriem, 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.

3. daļa

Skaņu efektu un mūzikas pievienošana

1. Ierakstīt vai lejupielādēt skaņas efekti un mūzika. Animācijai varat pievienot skaņas efektus, lai padarītu to iedarbīgāku. Mūzika padarīs animāciju aizraujošāku un var pārvērst labu animāciju par lielisku. Flash atbalsta dažādus audio failu formātus, tostarp AAC, MP3, WAV un AU. Izvēlieties formātu, kas garantē augstu skaņas kvalitāti ar mazāko faila izmēru.

   • MP3 formāts garantē augstas kvalitātes skaņu ar minimālu faila lielumu. WAV faili ir lieli.

2. Importējiet audio failus bibliotēkā, lai varētu ātri pievienot skaņas un mūziku animācijām. Noklikšķiniet uz "Fails" - "Importēt" - "Importēt bibliotēkā". Atrodiet audio failu savā datorā. Pārliecinieties, vai audio failam ir viegli iegaumējams nosaukums, lai jūs varētu to ātri atrast.

   Katram audio failam izveidojiet jaunu slāni. Tas nav nepieciešams, un jūs varat pievienot audio esošajiem slāņiem, taču, ielīmējot audio failu atsevišķā slānī, jūs varēsit vairāk kontrolēt. audio celiņš animācijas.

   Izveidojiet atslēgas kadru, no kura tiks sākta audio atskaņošana. Skaņas slānī atlasiet animācijas rāmi, no kura tiks sākta skaņas atskaņošana. Nospiediet F7, lai ievietotu tukšu atslēgas kadru. Piemēram, ja vēlaties ievietot audio failu, kas tiek atskaņots visā animācijas laikā, atlasiet audio faila slāņa pirmo kadru. Ja pievienojat varoņa balsi, atlasiet rāmi, kurā varonis sāk runāt.

Par šo tīmekļa lapa Jūsu uzmanība tiek pievērsta programmai Flash animācijas izveidei un rediģēšanai. Ar viņu palīdzību jūs varat pārvērst savas idejas animētos videoklipos savai vietnei.

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

FLA formāts ir jūsu klipa oriģinālais dokuments. Pēc tā atvēršanas jūs nokļūstat Macromedia Flash programmā un varat turpināt rediģēt klipu.

SWF formāts- tas ir izpildāms Flash fails, uz kura "noklikšķinot" ar peli, ir iespēja apskatīt klipu, izmantojot programmu Macromedia Flash Player.

Animācija ar Adobe Flash Professional

Adobe Flash Professional CS3- šīs programmas priekšrocības un funkcionalitāti var aprakstīt ļoti ilgi. Šī programma ir neapstrīdams līderis zibspuldzes 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 zibenīgi var realizēt pat visslimā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.

Uz Šis brīdis Adobe Flash Professional CS5 jauna versija animācijas un multivides programmatūra.

OS: Windows XP/Vista/7

Programmas ekrānuzņēmums:

lejupielādēt Adobe Flash Professional CS3

Varbūt iesācējam tīmekļa meistaram, izveidojot flash animāciju, izmantojot Adobe programmatūra Flash Professional šķitīs nedaudz sarežģīts un neaizsniedzams.

Šajā gadījumā nekrītiet izmisumā un pametiet iesākto. Izmēģiniet savas flash idejas ar Swishmax.

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 tajā pašā laikā ļ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 to 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 vietnei Flash reklāmkarogu dažu minūšu laikā.

Ir vairāk nekā 130 efektu: izbalināt, tuvināt, pagriezt. Animēti zīmējumi, formas vai teksts un pat skaņa tiek nemanāmi pievienoti jūsu Flash animācijai.

Š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 zibatmiņas animācijas redaktors, taču tās iespējas ir būtiskas iesācēju tīmekļa dizaineriem.

Flash dekompilators Trillix

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

Flash Decompiler priekšrocība ir skaņu, attēlu, krāsu, gradientu, līniju, dinamisku tekstu un saišu rediģēšana, nepārveidojot 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