See artikkel näitab teile, kuidas seda kasutada lihtsad sammud alustage Adobe Flash CS5-ga. Tunni teemaks on lihtne animatsioon, loome selle ilma liidese ja programmi keerukusse süvenemata.

Uue flash-dokumendi loomine

Avage programm ja looge uus dokument"ActionScript 3.0".

Joonistame objekti järgnevaks animatsiooniks

Nüüd joonistame ringi. Valige sisse parem paneel ovaalne tööriist ja hoidmine vasak nupp hiirt ja klaviatuuri nuppu Shift, joonistage valgele taustale ring.

Valikutööriista abil vali vastloodud objekt, klõpsates sellel hiirega või lohistades ruudukujulisse valikusse.

Objekti teisendamine sümboliks lihtsa animatsiooni jaoks

Edasiseks tööks peate objekti teisendama sümboliks. Kuna ring on juba valitud, vajutage hiire paremat nuppu ja valige kontekstimenüüst "Teisenda sümboliks".

Valige loendist "Tüüp" "Graafika"

Nüüd peaks meie objekti ümber ilmuma sinine ruut.

Klassikalise animatsiooni loomine (Classic Tween)

Animatsiooni loomiseks peate määrama "võtmeraami".

Alumisel paneelil on animatsiooni skaala, valige kahekümne viies kaader ja vajutage hiire paremat nuppu, ilmuvas kontekstimenüüs valige "Insert Keyframe".

Valige ring ja hoidke hiire vasakut nuppu all, liigutage seda paremale.

Valige animatsiooni skaalal esimene kaader ja ülaosas oleva peamenüü üksuses "Lisa" valige "Classic Tween".

Vaadake loodud animatsiooni

Nüüd saame animatsiooni vaadata. Valige peamenüüs üksuses "Juht" "Esita".

Lisame ringile "kaduva" efekti. Selleks valige objekt uuesti ja parempoolses paneelis menüüs "värviefekt" valige "alpha", määrake väärtuseks "0".

Vaatame, mis juhtus. Minge üksusesse "Juht" valige "Esita".

Kas olete kunagi mõelnud, mis peitub Internetis leiduva kauni bännerite animatsiooni taga? Või uudsete koomiksite jaoks, mis on loodud arvutitehnoloogia? Enamasti põhinevad need "lihal", täpsemalt nii tõlgitakse Flash-tehnoloogia nimi inglise keelest. Täna räägime saidi flash-animatsioonist:

Flash tehnoloogia

Multimeediumiraamistiku töötas välja Macromedia. Kuid pärast selle ülevõtmist (ühendamist) anti kõik õigused tehnoloogiale üle uuele omanikule - Adobe Systemsile.

Adobe Flashi kaasaegse rakenduse ulatus:

• Veebirakenduste loomine on üsna uus suund. See tähendab Flashi täielikku või osalist kasutamist veebisaitide loomiseks. Osalise rakendusega loob see tehnoloogia üksikud elemendid disain: erinevad interaktiivsed menüüd, animeeritud nupud jne.

Võrreldes tavapäraste ressurssidega, html põhine Flash-saitidel on mõned funktsioonid, mis piiravad nende kasutamist. Nende hulka kuuluvad suured arenduskulud, nõudlikud serveriressursid, pikad laadimisajad aeglase Interneti-ühendusega ja mõned muud aspektid:

• Multimeediumivõimaluste rakendamine - saitidel heli kuulamiseks ja video esitamiseks kasutatakse sageli Flashil põhinevaid meediumipleiereid. Nende arendamine hõlmab ühe skriptikeele (sagedamini JavaScripti) kasutamist:

• Interneti-reklaamis - enamasti kasutatakse tehnoloogiat animeeritud bännerite loomiseks. Need ei tähenda mitte ainult multimeediumireklaamide taasesitamist, vaid ka mingit suhtlust kasutajaga mängupõhiselt.

Flashi arendamise põhialused ja tööriistad

Flash-animatsiooni loomiseks kasutatakse kõige sagedamini Adobe traditsioonilisi tööriistu:

• Adobe Flash Professional - programm interaktiivse animatsiooni loomiseks (animaator);
• Adobe Flash Builder - keskkond veebirakenduste liidese loomiseks;
• Adobe Flash Player on brauserisse integreeritud pleier Flashi mängimiseks.

Lisaks sellele on mitmeid kolmanda osapoole rakendused. Kõige populaarsemad neist on Gnash, QuickTime ja mõned teised:

See tehnoloogia võimaldab teil kuvada mis tahes tüüpi graafikat ( raster, vektor, 3D). Ja toetab ka heli- ja videoandmete voogesitust. Spetsiaalselt selleks mobiilseadmed kergekaalu on välja töötatud flash versioon Lite.

Flash-failide peamine standard on SWF-laiend. Akronüüm tähistab väikest veebivormingut. Flashis salvestatud videol on faililaiendid FLV, F4V.

Interaktiivse animatsiooni arendamine Flashis põhineb Vektorgraafika. Tänu sellele oli võimalik rakendada multimeediumiplatvormi tugi ja animatsioonikvaliteedi sõltumatus ekraani eraldusvõimest.

Flash-rakenduse failisuurus on kõigi kasutajate jaoks sama, olenemata sellest spetsifikatsioonid ekraani resolutsioon).

Interaktiivne animatsioon Flashis põhineb morfimisel (vektoritüüp ), mis sulandub aeglaselt võtmekaadrite vahele. Andmete esitamiseks kasutatakse flash-mängijat, mille töö on paljuski tööga sarnane Virtuaalne masin JavaScript. Tehnoloogia tarkvarakomponent on realiseeritud ActionScripti keele abil.

Tehnoloogia puudused hõlmavad järgmisi punkte:

• suur koormus peal Protsessor kliendi masin. Selle põhjuseks on flash-virtuaalmasina madal efektiivsus, mis on koos mängijaga kasutaja brauseris manustatud;
• Suur tõrketõenäosus – Flash-animatsiooni esitamine võib olla väga vigane. Lisaks mõjutavad Flashi taasesituse tõrked negatiivselt kogu klientrakenduse (brauseri) tööd. Selle põhjuseks on ebapiisav kontroll programmikoodi tõrketaluvuse üle flash-rakenduste loomisel;
• Ei saa indekseerida – kogu Flash-sisus kuvatav tekstisisu ei ole indekseeritud. See piirang on eriti problemaatiline nende ressursside puhul, mis põhinevad sellel tehnoloogial.

Ülevaade kolmanda osapoole välklampide loomise tarkvarast

Sothink SWF Quicker võeti prototüüprakendusena, millel demonstreerime Flashi loomise põhitõdesid. Paljude spetsialistide sõnul on programm kõige arusaadavam ja hõlpsamini õpitav.

Lisaks loomisele ja redigeerimisele "teab" flash-redaktor töötada kõigi muude veebianimatsioonidega (GIF, HTML ja muud standardid):

Pärast installimist läheme programmi kasutajasõbralikule liidesele. Kahjuks ei leidnud me seda pärast kõiki liidese keele vahetaja nurgataguseid läbi rännamist.

Selleks, et mõista, kuidas selles rakenduses flash-animatsiooni teha, kasutame sisseehitatud malle. Dialoogiboks Uus mallist ilmub kohe pärast programmi käivitamist. Lisaks saab seda kutsuda peamenüü "Fail" kaudu. Pakutud võimaluste hulgast valisime bänneri loomise:

Nõustaja järgmises aknas tuleb ripploendist valida mall, mille järgi animatsioon luuakse. Selle all on väike kaader, milles valitud malli mängitakse:

Järgmiste sammude käigus tuleb määrata bänneri suurus ja sisestada 5 fraasi tekstist, mida animatsioonis esitatakse. Lisaks peate bänneril klõpsates määrama selle ressursi aadressi, kuhu kasutaja suunatakse:

Pärast projekti koostamist ja viisardi akna sulgemist saate vaadata saadud videot sisseehitatud pleieris. Selleks klõpsake ülaosas rohelist noolt:

Pärast pleieri sulgemist vaatame lähemalt rakenduse liidest. Pange tähele, et see koosneb kahest põhiaknast: ülemine on video ajaintervalli redigeerimiseks ja alumine on tavaline graafikaredaktor. Kõik elemendid asuvad eraldi kihil, mille abil saab redigeerida standardsed tööriistad asub külgribal.

Näeme kogu aeg flash-animatsioone nii Internetis kui ka teles. Lihtsa flash-animatsiooni loomine Flash-tehnoloogia abil on üsna lihtne lihtne ülesanne, kuna Flash pakub palju kasulikud tööriistad mis muudavad kogu protsessi lihtsamaks. Kui soovite luua flash-animatsiooni või multifilmi, saate selle visandada vaid paari tunniga.

Sammud

1. osa

Kaader-kaadri haaval animatsioon

Kaaderhaaval animatsiooni põhitõed. Seda meetodit peetakse peamiseks meetodiks "traditsioonilise" animatsiooni loomisel, kus iga järgmine kaader sisaldab ühte, kuid veidi muudetud pilti. Kõiki kaadreid mängides "ärkab pilt ellu". Seda sama meetodit kasutavad vabakäelised koomiksianimaatorid ja see on aeganõudvam kui mestimine (vt järgmist jaotist).

• Vaikimisi renderdab Flash 24 kaadrit sekundis (FPS). See tähendab, et ühe sekundi jooksul kuvatakse 24 kaadrit, kuid kõik need ei pea olema erinevad. Saate selle seadistuse (soovi korral) muuta 12 kaadrit sekundis, kuid 24 kaadrit sekundis mängib animatsioon "sujuvamalt".

1. Installige Flash Pro. Flash-animatsiooni loomiseks on palju programme, kuid võimsaim on Adobe Flash Professional CC. Saate installida tasuta prooviversioon seda programmi või kasutada mõnda muud toodet (kui te ei soovi Adobe Creative Cloudi kasutajaks registreeruda). Selle artikli ülejäänud osas kirjeldatakse, kuidas Flash Professionaliga töötada.

   Kuna kaadri haaval animeerimiseks on vaja mitut pilti (mis on üksteisest veidi erinevad), peate need pildid käsitsi looma. Selleks kasutage Adobe Flash Professionali või joonistage pilte mis tahes graafikaredaktoris.

   • Kui soovite, et piltide suurust saaks hõlpsasti muuta ilma kvaliteeti kaotamata, looge kujutised pigem vektorgraafikas kui rastergraafikas. Vektorpildid joonistab end ümber, kui nende suurust muudetakse (st väldite pikslimist või antialiase). Bitkaardid on traditsioonilised pildid, nagu fotod, maalitud pildid jne. Kui proovite selliseid pilte suurendada, saate väga moonutatud pildi.

2. Loo esimene kaader. Adobe Flash Professionali esmakordsel käivitamisel näete tühja lõuendit (kihti) ja tühja ajaskaala. Kaadrite lisamisel täitub ajaskaala automaatselt. Saate töötada kihtidega täpselt nagu Photoshopis.

   • Enne pildi lisamist looge oma animatsioonile alustaust. Nimetage "Layer 1" ümber "Taust" ja seejärel lõigake see. Looge teine ​​kiht ja nimetage see nii, nagu soovite. See on kiht, millele animatsiooni loote.
   • Lisage esimese kaadri lõuendile joonis. Saate importida joonise oma arvutist või kasutada joonistustööriistu, et luua joonis otse programmis.
   • Esimene kaader on "võtme" raam. Võtmeraam on kaader, mis sisaldab pilti ja moodustab animatsiooni aluse ("selgroo"). Loote uue võtmekaadri iga kord, kui pilti muudate.
   • Ajaskaalal olevad võtmekaadrid on tähistatud musta punktiga.
   • Igas järgmises kaadris pole võtmekaadrit vaja. Hea animatsiooni tegemiseks looge võtmekaader iga nelja või viie kaadri järel.

3. Teisendage pilt sümboliks. Sel juhul saate pilti mitu korda raamile lisada. See on eriti kasulik, kui peate kiiresti ühte kaadrisse lisama mitu sama tüüpi pilti (näiteks kalad akvaariumis).

   • Valige joonis. Paremklõpsake joonisel ja valige Teisenda sümboliks. Pilt lisatakse teeki, muutes selle kasutamise edaspidi lihtsamaks.
   • Kustuta joonis. Ärge muretsege – saate selle raamile lisada lihtsalt teegist pukseerimisega. Nii saad sama pildi mitu korda raamile lisada.

4. Lisage tühjad raamid. Kui esimene võtmekaader on valmis, sisestage tühjad raamid ja seejärel alustage teise võtmekaadri loomist. Vajutage klahvi F5 (neli või viis korda), et lisada pärast esimest võtmekaadrit tühjad kaadrid.

   Looge teine ​​võtmekaader (pärast mõne tühja kaadri lisamist). On kaks erinevaid viise selleks: saate kopeerida olemasoleva võtmekaadri ja teha selles väikseid muudatusi või luua tühja võtmekaadri ja lisada sellele uue pildi. Kui kasutate mõnes teises programmis loodud joonist, kasutage teist meetodit. Kui sisestate Adobe Flash Professionali joonistustööriistadega loodud kujutise, kasutage esimest meetodit.

   • Võtmekaadri loomiseks, kasutades eelmise võtmekaadri sisu, vajutage klahvi F6. Tühja võtmekaadri loomiseks paremklõpsake ajajoone viimasel kaadril ja valige Insert Blank Keyframe.
   • Kui olete teise võtmekaadri loonud, peate selle kujutist muutma, et animatsioon muutuks ellu. Kui olete kasutanud Adobe Flash Professionali joonistustööriistu, valige joonise elemendi (nt tegelase käe) valimiseks ja muutmiseks tööriist Transform.
   • Kui sisestate iga võtmekaadri juurde uue pildi, veenduge, et see oleks õiges kohas (vastavalt loogilisele kaadrijärjestusele).

5. Korrake protsessi. Pärast kahe võtmekaadri loomist korrake protsessi – lisage iga võtmekaadri vahele paar tühja kaadrit ja veenduge, et animatsioon mängiks "sujuvalt".

   • Tehke väikesed muudatused. Mida väiksemad (väiksemad) muudatused, seda sujuvamalt animatsioon esitatakse. Näiteks kui soovite, et tegelane tõstaks oma käe, ei tohiks teine ​​võtmekaader sisaldada joonist, mis näitab tegelast, kelle käsi on juba tõstetud. Selle asemel kasutage langetatud käelt ülestõstetud käele üleminekuks mõnda võtmekaadrit. Sel juhul on animatsioon sujuvam.

6. Teisendage joonis. Kui olete võtmekaadrid ja tee loonud, saate pilti teisendada nii, et see muutuks sujuvalt kaksikuteel liikudes. Saate muuta pildi kuju, värvi, kallet, suurust ja mis tahes muid aspekte.

   • Valige raam, milles joonist teisendatakse.
   • Avage joonise atribuutide paneel. Selleks vajutage F3.
   • Muutke joonise omaduste aknas parameetrite väärtusi. Näiteks saate muuta tooni või värvi, lisada filtreid, muuta suurust.
   • Samuti saate kasutada tasuta teisendustööriista, et muuta joonist nii, nagu soovite.

7. Lisage viimistlus. Kontrollige loodud animatsiooni, vajutades Ctrl + Enter. Veenduge, et joonis (märk) muutub õigesti ja animatsioon esitatakse õige kiirusega. Kui animatsiooni esitatakse liiga kiiresti, vähendage FPS-i väärtust või pikendage tweeni kestust.

   • Vaikimisi on FPS 24, nii et proovige seda vähendada 12-ni. Muutke FPS väärtust atribuutide paneelil. Kui aga FPS = 12, ei pruugi animatsiooni piisavalt sujuvalt mängida.
   • Tweeni kestuse muutmiseks valige tweeni sisaldav kiht ja kasutage liugurit, et muuta tweeni kestust. Kui soovite tweeni pikkust kahekordistada, liigutage liugurit 48 kaadrini. Ärge unustage kleepida tausta tühjadele raamidele, et taust animatsiooni keskel ära ei kaoks. Selleks valige taustakiht, klõpsake animatsiooni viimasel kaadril (ajajoonel) ja seejärel vajutage klahvi F5.

3. osa

Heliefektide ja muusika lisamine

1. Salvestage või laadige alla heliefektid ja muusika. Saate lisada animatsioonile heliefekte, et muuta see mõjuvamaks. Muusika muudab animatsiooni põnevamaks ja võib muuta hea animatsiooni suurepäraseks. Flash toetab erinevaid helifailivorminguid, sealhulgas AAC, MP3, WAV ja AU. Valige vorming, mis garanteerib kõrge kvaliteet heli minimaalse failisuurusega.

   • MP3-vorming tagab kvaliteetse heli minimaalse failisuurusega. WAV-failid on suured.

2. Importige helifaile teeki, et saaksite animatsioonidele kiiresti helisid ja muusikat lisada. Klõpsake "Fail" - "Impordi" - "Impordi teeki". Leidke oma arvutist helifail. Veenduge, et helifailil oleks kergesti meeldejääv nimi, et saaksite selle kiiresti leida.

   Looge iga helifaili jaoks uus kiht. See pole vajalik ja saate olemasolevatele kihtidele heli lisada, kuid helifaili kleepimine eraldi kihile annab teile rohkem kontrolli heliriba animatsioonid.

   Looge võtmekaader, millest heli hakkab mängima. Valige helikihil animatsiooniraam, millest heli mängima hakkab. Tühja võtmekaadri sisestamiseks vajutage F7. Näiteks kui soovite lisada helifaili, mida esitatakse kogu animatsiooni vältel, valige helifailikihi esimene kaader. Kui lisate tegelase häält, valige kaader, kus tegelane rääkima hakkab.

Sellel veebileht Teie tähelepanu juhitakse Flash-animatsiooni loomise ja redigeerimise programmile. Nende abiga saate muuta oma ideed saidi jaoks animeeritud videoteks.

Flash-redaktor on programm flash-animatsioonide loomiseks ja valmis flash-videote redigeerimiseks.

FLA-vorming on teie klipi originaaldokument. Pärast selle avamist sisenete Macromedia Flash programmi ja saate klippi edasi redigeerida.

SWF-vormingus- see on käivitatav flash-fail, kui sellel hiirega "klõpsate", on teil võimalus vaadata klippi kasutades Macromedia Flash Player programmi.

Animatsioon Adobe Flash Professionaliga

Adobe Flash Professional CS3- selle programmi eeliseid ja funktsionaalsust saab kirjeldada väga pikalt. See programm on välktehnoloogia keskkonnas vaieldamatu liider. Adobe Flash Professionali kasutavad nii professionaalsed veebisaitide arendajad kui ka välgukujundajad.

Selle programmi abil saab ka kõige haigemad fantaasiad välkkiirelt ellu viia. Üldiselt, kui otsustate luua professionaalseid animeeritud flash-faile, on Adobe Flash Professional täpselt see programm, milleta te ei saa hakkama.

Helitugevus sõltub versioonist alates 500 Mb.

peal Sel hetkel Adobe Flash Professional CS5 uus versioon animatsiooni- ja multimeediumitarkvara.

OS: Windows XP/Vista/7

Programmi ekraanipilt:

laadige alla Adobe Flash Professional CS3

Võib-olla algajale veebimeistrile, kasutades selleks flash-animatsiooni loomist Adobe tarkvara Flash Professional tundub mõnevõrra keeruline ja kättesaamatu.

Sel juhul ärge heitke meelt ja lõpetage see, mida alustasite. Proovige oma välklambi ideid Swishmaxiga.

Swishmax - välklampide redaktor

SwishMAX on sõbraliku ja lihtsa liidesega alternatiivne programm flash-animatsiooni loomiseks, mis on eelmisest vähem funktsionaalne, kuid võimaldab samas saada hea kvaliteediga tulemuse. Alumise flash-redaktori peamine eelis on selle kasutusmugavus. Isegi algaja kasutaja, kellel on videotunnid käepärast, saab sellega lühikese aja jooksul professionaalseid flash-videoid luua.

Maht: 9,27 MB.

Liidese keel on vene keel.

Operatsioonisüsteem: Windows 98/Me/NT/2000/XP

Programmi ekraanipilt:

laadige alla swishmax

Alligaator Flash Designer

Järgmine välkprogramm on veelgi lihtsam, nii funktsionaalsuse kui ka liidese sisu poolest. Selle flash-redaktori võimalused võimaldavad teil saidi jaoks hõlpsasti mõne minutiga luua flash-bänneri.

Seal on üle 130 efekti: tuhmumine, suumimine, pööramine. Animeeritud joonised, kujundid või tekst ja isegi heli lisatakse teie Flash-animatsioonile sujuvalt.

Siin saate määrata ka OnClick või OnOver.

Maht: 5,3 MB.

Liidese keel on vene keel.

OS: Windows XP/Vista/7

Programmi ekraanipilt:

laadige alla Alligator_Flash_Designer_7.0

Veel üks programm, mis ei ole flash-animatsiooniredaktor, kuid selle võimalused on algajale veebidisainerile hädavajalikud.

Flashi dekompiler Trillix

Flash Decompiler Trillix – selle programmi põhieesmärk on eksportida SWF-failid tagasi FLA-vormingusse ühe hiireklõpsuga. Toob kõik Flash-objektid SWF-fail ja salvestab need FLA-faili, mida saab hiljem Flashis redigeerida.

Flash Decompileri eeliseks on helide, piltide, värvide, gradientide, joonte, dünaamiliste tekstide ja linkide redigeerimine ilma FLA-ks teisendamata.

Maht: 7,27 MB.

Liidese keel on vene keel.

OS: Windows XP/Vista/7

Programmi ekraanipilt:

Laadige alla Flash Decompiler Trillix

13. oktoober 2014