„Flash CS4“ vaizdo skaidrių demonstracija
Daugelis mano klientų nori nedidelės skaidrių demonstracijos pagrindiniame savo parduotuvės, tinklaraščio ar svetainės puslapyje. Tai gali būti parduotuvėje demonstruojamų produktų skaidrių demonstracija arba naujausios nuotraukos, kurias jie įdėjo į savo tinklaraštį.

Ši skaidrių demonstracija gali būti atliekama įvairiais būdais, įskaitant „JavaScript“, gif animaciją ir „Flash“R. Man patinka naudoti „Flash“, nes tai lengvas ir greitas būdas sukurti paprastą skaidrių demonstraciją, kurioje būtų rodomi keli vaizdai vienas po kito. Kita vertus, taip pat lengva sukurti sudėtingesnę skaidrių demonstraciją, pagrįstą XML, su perėjimo efektais tarp vaizdų. Kituose mokymuose mes sukursime vaizdo skaidrių demonstraciją „Flash CS4“, pradedant nuo plokščio vaizdo rodymo ir kuriant patobulintą versiją su perėjimo efektais.

Vieninteliai dalykai, kurių jums reikės šiai mokymo programai, yra trys JPG vaizdai ir „Adobe Flash“. Geriau, jei vaizdai yra vienodo dydžio. Mokymui naudosime tik tris, tačiau galite naudoti tiek, kiek norite. Tiesiog atminkite, kad daugiau vaizdų padidins „Flash swf“ failo atsisiuntimo laiką.

Atidarykite „Flash CS4“, pradėkite naują „ActionScript 3“ projektą ir pradėkime dirbti.

  1. Pirmasis žingsnis yra nustatyti sceną tokiu pat dydžiu kaip mūsų vaizdus. Meniu juostoje spustelėkite Modifikuoti - dokumentą. Dialogo lange Dokumento ypatybės įveskite vaizdų plotį ir aukštį pikseliais. Tai padės suderinti sceną. Taip pat galbūt norėsite pakeisti fono spalvą. Spustelėkite mažą spalvų langelį ir pasirinkite spalvą. Galbūt derės prie savo tinklalapio fono spalvos.

    „Preloader“ kodui naudosime 1 rėmelį „Timeline“, kurį vėliau pridėsime. Taigi kol kas mes pradėsime kurti savo skaidrių demonstraciją ant „Frame 2“.

    Kiekvienas mūsų atvaizdas bus rodomas 100 kadrų. Kadangi mūsų numatytieji rėmeliai per sekundę yra 24, tai kiekvienam vaizdui parodysime maždaug keturias sekundes.

  2. 1 sluoksnį pervadinkite į „Background“. Ant to paties sluoksnio dešiniuoju pelės mygtuku spustelėkite rėmelį 300 (100 kadrų x 3 vaizdai) ir pridėkite tuščią rėmelį (įterpti rėmelį). Tai parodys foninį sluoksnį per visą animaciją.

  3. Pridėkite naują sluoksnį ir pavadinkite jį „Image1“. Šis sluoksnis išlaikys pirmąjį mūsų atvaizdą. Bet mes nenorime, kad vaizdas būtų rodomas scenoje iki 2 kadro. Atminkite, kad 1 kadras bus mūsų išankstinis įkėlėjas. Ant šio sluoksnio 2 rėmelio spustelėkite dešiniuoju pelės mygtuku ir pridėkite pagrindinį kadrą.

    Dabar pridėsime savo pirmąjį atvaizdą.

  4. Meniu juostoje spustelėkite Failas - Importuoti - Importuoti į etapą. Tai turėtų padėti pirmąjį mūsų vaizdą į sceną. Norėdami būti tikri, kad jis išlygintas taip, kaip norime, pasirinkite vaizdą ir eikite į skydelį Ypatybės. Tiek X, tiek Y padėties reikšmės turėtų būti 0,0.

    Išsaugokite projekto failą.

Autorių teisės 2018 m. „Adobe Systems Incorporated“. Visos teisės saugomos. „Adobe“ produkto ekrano kopija (-os) perspausdinta gavus „Adobe Systems Incorporated“ leidimą. „Adobe“, „Photoshop“, „Photoshop Album“, „Photoshop Elements“, „Illustrator“, „InDesign“, „GoLive“, „Acrobat“, „Cue“, „Premiere Pro“, „Premiere Elements“, „Bridge“, „After Effects“, „InCopy“, „Dreamweaver“, „Flash“, „ActionScript“, „Fejerverkai“, „Prisidėkite“, „Captivate“, „Flash Catalyst“ ir „Flash“ popierius yra (yra) registruotas (-i) prekės ženklas (-ai) arba „Adobe Systems Incorporated“ prekės ženklas (-ai) JAV ir (arba) kitose šalyse.


Vaizdo Instrukcijos: Adobe Flash. Įrankiai. Animacija. (Balandis 2024).