Baigti Blinkie naudojant „Flash Motion Tweens“
Kai paskutinį kartą dirbome su „Flash Blinkie“ animacija, mes ką tik baigėme teksto efektus. Paskutinis animacijos teksto efektas buvo svetainės pavadinimo „J3 Designs“ atsiradimas ir išnykimas. Jis išnyksta iš scenos į kairę su Laiko juostos perėjimo efektu (3 perėjimas laiko juostoje). Tam buvo priežastis ir jūs ketinate išsiaiškinti, kas buvo ta priežastis.

Atminkite, kad kaip dalis dizaino detalių mes turime šias dvi „ladybugs“. Na, laikas juos pradėti dirbti. Kai mes pastatėme sluoksnius į savo „blinkie“ projektą, mes pridėjome aukso „ladybug“ į „Bug 1“ sluoksnį. Dabar pirmas dalykas, kurį mes padarysime, yra pridėti antrą ladybug prie naujo sluoksnio, kurį mes vadinsime 2 klaida. Norime, kad šis raudonasis ladybug pasirodytų iš po kameros. Todėl naują sluoksnį turėsime pastatyti po sluoksniu Statinės detalės.

Atidarykite „blinkie2.fla“ į „Flash CS3“ ir pradėkime dirbti. Mes norime, kad „ladybug“ pradėtų judėti iš po kameros, nes pradės nykti svetainės pavadinimas. Mes norime, kad atrodytų, kad tekstas dingo dėl ladybug. Taigi mes pridėsime šią naują „ladybug“ ant rėmelio 110, tai yra tada, kai tekstas pradės nykti.

  1. Spustelėkite Failas - Importuoti - Importuoti į biblioteką, kad atidarytumėte importavimo dialogo langą ir pridėtumėte raudoną ladybug į mūsų biblioteką.

  2. Pridėkite naują sluoksnį po „Static Details“ sluoksniu ir pavadinkite jį „2 klaida“. Pridėkite pagrindinį rėmelį (įterpti - laiko juosta - pagrindinį rėmelį) į rėmelį 110. Nuvilkite raudoną ladybugug iš Bibliotekos į po kameru ir kol kas nepastebėkite.

    Mes norime, kad ši ladybug judėtų į kairę, kol dings tekstas, kai jis dings nuo scenos. Taigi, norime, kad ladybug visą kelią į kairę ir iš scenos išeitų tuo metu, kai pasieksime „Frame 160“.

  3. Spustelėkite ant rėmelio 160 ant „Bug 2“ sluoksnio, pridėkite pagrindinį kadrą ir vilkite raudoną ladybug į kairę ir visiškai nuo scenos. Dešiniuoju pelės mygtuku spustelėkite rėmelį nuo 110 iki 160 ir iškylančiajame meniu pasirinkite Sukurti judesį Tween.

    Išbandykite filmą ir turėtumėte pamatyti, kaip tekstas dingsta, kai į jį pereis ladybug. Kai raudonasis ladybug nukris nuo scenos, mes perkelsime auksinę ladybug (Bug 1 sluoksnis) aukštyn ir į dešinę, kol ji taip pat dings nuo scenos.

  4. Spustelėkite „rėmelį 160“ ant „Bug 1“ sluoksnio ir pridėkite „Keyframe“, kad pradėtumėte auksinės ladybug animacijos pradinį tašką. Panaudosime 20 kadrų, kad perkeltum auksinę „mārę“ iš scenos. Spustelėkite rėmelį 180 ir pridėkite pagrindinį kadrą. Perkelkite auksinę ladybug aukštyn ir užlipkite nuo scenos.

  5. Dešiniuoju pelės mygtuku spustelėkite tarp rėmelio 160 ir 180 ir sukurkite „Motion Tween“. Spustelėkite rėmelį 180 ir pridėkite rėmelį prie „Static Details“ ir „Background“ sluoksnių, kad šių sluoksnių turinys vėl būtų matomas.

    Galiausiai norime perkelti auksinę „ladybug“ į pradinę padėtį scenos kairėje apačioje. Bet mes nenorime, kad klaida judėtų žemyn nuo scenos viršaus. Mes norime, kad ji pakiltų iš po scenos. Taigi pirmiausia turime pastatyti auksinę ladybug kairėje ir po scena. Tada viskas, ką turime padaryti, tai perkelti jį atgal į pradinę padėtį, kad animacija galėtų pasikartoti. Mes panaudosime 10 rėmų, kad judėtume „ladybug“ atgal į savo vietą.

  6. Grįžkite atgal į 1 rėmelį ant Bug 1 sluoksnio ir pasirinkite auksinę ladybug. Spustelėkite Redaguoti - Kopijuoti, kad išsaugotumėte pradinę auksinio „ladybug“ vietą.

  7. Vis dar ant „Bug 1“ sluoksnio pridėkite „Keyframe“ prie rėmelio 190. Spustelėkite „Redaguoti - išvalyti“, kad pašalintumėte auksinį „ladybug“, kuris jau yra. Tada spustelėkite Redaguoti - įklijuoti į vietą, kad auksinė mārutė būtų grąžinta į pradinę padėtį.

  8. Vis tiek ant „Bug 1“ sluoksnio spustelėkite rėmelį 181 ir pridėkite pagrindinį kadrą. Tada pašalinkite jau esančią auksinę ladybug. Įdėkite auksinę „Eurų katžolė“ į pradinę padėtį ant šio rėmo (įklijuokite į vietą). Tada vilkite šią ladybug į sceną. Pridėkite „Motion Tween“ tarp rėmelio 181 ir 190, kuris perkels šią ladybug aukštyn ir ant scenos.

  9. Spustelėkite rėmelį 190 ir pridėkite rėmelį prie „Static Details“ ir „Background“ sluoksnių, kad šių sluoksnių turinys vėl būtų matomas.

Pabandykite ir išsaugokite „blinkie“ kaip „blinkie3.fla“. Tada paskelbkite savo miniatiūrą kaip .swf failą ir mėgaukitės savo naujuoju mirksniu.

J3 dizainas

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.