Apdare Blinkie ar Flash Motion Tweens

• Aprīlis 30, 2024

Kad mēs pēdējo reizi strādājām pie Flash blinkie animācijas, mēs tikko bijām pabeiguši teksta efektus. Pēdējais animācijas teksta efekts bija vietnes nosaukuma “J3 Designs” parādīšanās un pazušana. Tas pazūd no skatuves pa kreisi ar laika skalas pārejas efektu (3. pāreja uz laika skalas). Tam bija iemesls, un jūs grasāties uzzināt, kāds tas bija.

Atcerieties, ka kā daļa no dizaina detaļām mums ir šie divi mārītes. Nu ir pienācis laiks viņus strādāt. Kad mēs izveidojām slāņus savam blinkie projektam, mēs Bug 1 slānim pievienojām zelta mārītes. Pirmais, ko mēs darīsim, ir pievienot otro mārīti jaunam slānim, kuru mēs sauksim par 2. kļūdu. Mēs vēlamies, lai šī sarkanā mārīte parādās zem kameras. Tāpēc jaunais slānis mums būs jānovieto zem slāņa Static Details.

Atveriet vietni blinkie2.fla Flash CS3 un sāksim strādāt. Mēs vēlamies, lai mārīte sāktu virzīties no kameras, jo vietnes nosaukums vairs nezūd. Mēs vēlamies, lai izskatās, ka teksts pazūd mārītes dēļ. Tātad mēs pievienosim šo jauno mārīte rāmim 110, kas ir tad, kad teksts sāk pazust.

1. Noklikšķiniet uz File - Import - Import to Library, lai atvērtu importēšanas dialoglodziņu un pievienotu sarkano mārīti mūsu bibliotēkai.
   
   
2. Zem slāņa Static Details pievienojiet jaunu slāni un nosauciet to par “Bug 2”. Pievienojiet kadram 110 atslēgkadru (ievietojiet - laika joslu - atslēgas kadru). Velciet sarkano mārīti no bibliotēkas zem kameras un pagaidām neredzamai.
   
   Mēs vēlamies, lai šī mārīte pārvietotos pa kreisi, līdz tas pazūd no skatuves, jo pazūd teksts. Tātad, kad mēs sasniedzam 160. rāmi, mēs vēlamies, lai mārīte būtu pilnībā pa kreisi un no skatuves.
   
   
3. Noklikšķiniet uz rāmja 160 uz Bug 2 slāņa, pievienojiet atslēgas kadru un velciet sarkano mārīti pa kreisi un pilnīgi prom no skatuves. Ar peles labo pogu noklikšķiniet starp rāmi 110 līdz 160 un uznirstošajā izvēlnē izvēlieties Izveidot kustību starp.
   
   Pārbaudiet filmu un jums vajadzētu redzēt tekstu pazūdot, kad mārīte pārceļas pār to. Tiklīdz sarkanais mārīte būs prom no skatuves, mēs pārvietosim zelta mārīti (1. slānis) uz augšu un pa labi, līdz tā arī pazūd no skatuves.
   
   
4. Noklikšķiniet uz rāmja 160 uz Bug 1 slāņa un pievienojiet atslēgas kadru sākumpunktam zelta mārītes animācijai. Izmantosim 20 kadrus, lai zelta mārīti pārvietotu no skatuves. Noklikšķiniet uz Frame 180 un pievienojiet Keyframe. Pārvietojiet zelta mārīti augšup un prom no skatuves.
   
   
5. Ar peles labo taustiņu noklikšķiniet starp rāmi 160 līdz 180 un izveidojiet kustību Tween. Noklikšķiniet uz rāmja 180 un pievienojiet rāmi statiskās detaļas un fona slāņiem, lai šo slāņu saturs atkal būtu redzams.
   
   Visbeidzot, mēs vēlamies zelta mārīti pārvietot atpakaļ sākotnējā stāvoklī skatuves apakšējā kreisajā stūrī. Bet mēs nevēlamies, lai kļūda virzītos lejup no skatuves augšdaļas. Mēs vēlamies, lai tas virzītos augšup no skatuves. Tāpēc mums vispirms jānovieto zelta mārīte pa kreisi un zem skatuves. Tad viss, kas mums jādara, ir jāpārvieto to atpakaļ sākotnējā stāvoklī, lai animācija varētu atkārtoties. Mēs izmantosim 10 rāmjus, lai mārīte atgrieztos vietā.
   
   
6. Atgriezieties līdz 1. rāmim uz Bug 1 slāņa un atlasiet zelta mārīte. Noklikšķiniet uz Rediģēt - kopēt, lai saglabātu zelta mārītes sākotnējo pozīciju.
   
   
7. Joprojām 1. slāņa Bug pievienojiet kadru 190 kadram Keyframe. Noklikšķiniet uz Rediģēt - notīrīt, lai noņemtu jau izveidoto zelta mārīti. Pēc tam noklikšķiniet uz Rediģēt - Ielīmēt vietā, lai zelta mārīte atgrieztos sākotnējā pozīcijā.
   
   
8. Joprojām uz 1. kļūdu slāņa noklikšķiniet uz rāmja 181 un pievienojiet atslēgas kadru. Pēc tam noņemiet zelta mārīti, kas jau ir tur. Ielieciet zelta mārītes atpakaļ sākotnējā stāvoklī uz šī rāmja (Ielīmēt vietā). Pēc tam velciet šo mārīti zem skatuves. Pievienojiet kustību Tween starp rāmi 181 un 190, kas virzīs šo mārīti augšup un uz skatuves.
   
   
9. Noklikšķiniet uz rāmja 190 un pievienojiet rāmi statiskās detaļas un fona slāņiem, lai šo slāņu saturs atkal būtu redzams.
   
   

Pārbaudiet un saglabājiet blinkie kā blinkie3.fla. Pēc tam publicējiet savu blinkie kā .swf failu un izbaudiet jauno.

J3 modeļi

Autortiesības 2018 Adobe Systems Incorporated. Visas tiesības aizsargātas. Adobe produkta ekrānuzņēmums (-i) ir pārpublicēts ar Adobe Systems Incorporated atļauju. Adobe, Photoshop, Photoshop Album, Photoshop Elements, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere Elements, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, Fireworks, Contribute, Captivate, Flash Catalyst and Flash Paper ir / ir vai nu [a] reģistrēta preču zīme (-es), vai Adobe Systems Incorporated preču zīme (-es) Amerikas Savienotajās Valstīs un / vai citās valstīs.