Interaktīvo komponentu pievienošana Flash Catalyst

• Maijs 14, 2024

Šajā apmācībā mēs pabeigsim portfeļa slaidrādi Adobe^R Zibspuldze^R Katalizators^R. Ja esat sekojis līdzi, mēs esam izveidojuši savas pogas un esam gatavi pievienot specefektus. Pārvietojoties portfelī, mēs vēlamies, lai redzamā logotipa poga būtu aptumšota un pārējās pogas būtu redzamas. Tāpēc mums ir jāinformē Catalyst, kura poga ir paredzēta kādai lapai un kad aptumšot pogas. Tad mēs pievienosim izzušanas pārejas efektu starp lapām.

Vispirms aptumšosim pašreizējā logotipa pogu. Kad 1. lappusē ir redzams 1. logotips, mēs vēlamies, lai atbilstības poga būtu aptumšota. Tas jādara visām trim valstīm vai mūsu portfeļa lapām.

1. Lai strādātu ar šo lapu, panelī Lapas / stāvokļi noklikšķiniet uz ikonas1. Noklikšķiniet uz sīktēla, kas tagad ir mūsu logotipa 1. poga. Rekvizītu panelī iestatiet Necaurredzamību uz 40. Tā kā paklāja centrs zem pogas ir melns, tas nozīmē, ka poga šķiet aptumšota.

2. Noklikšķiniet uz ikonas Lapa 2 panelī Lapas / stāvokļi. Atkārtojiet iepriekšējo darbību 2. lappusei, aptumšojot tikai to pogu, kas atbilst 2. logotipam. Noklikšķiniet uz ikonas Lapa3 panelī Lapas / stāvokļi un atkārtojiet šo darbību.

Noklikšķiniet uz File - Run Project, lai pārbaudītu mūsu jauno efektu. Noklikšķinot uz pogām, attiecīgajam logotipam jābūt redzamam un šai pogai jābūt aptumšotai.

Pēdējā lieta, ko mēs pievienosim savai navigācijai, ir pārejas posms starp lapām, izmantojot laika skalu. Atgriezieties 1. lappusē, noklikšķinot uz ikonas Lapa1. Apskatiet slāņus laika skalā, un jūs redzēsit, ka mums ir slānis katrai iespējamai pārejai no visām trim lapām.

1. lapa> 2. lapa
1. lapa> 3. lapa
2. lapa> 1. lapa
3. lapa> 1. lapa

3. Noklikšķiniet uz slāņa Lapa1> Lapa2. Jūs redzēsit, ka Catalyst mums ir devis pārejas iespējas 1. un 2. logotipam (aptumšots) un 1. un 2. pogai. Tā kā mēs atkāpsimies no 1. logotipa, mums ir opcija Fade Out. Bet mēs pāriesim pie 2. logotipa. Šim logotipam ir pieejama Fade In opcija.

Fade Out efektu pievienosim tikai 1. logotipam un Fade In Effect logotipam 2. Mums nav nepieciešams Fade efekts, kas tiek piemērots mūsu pogām. Tomēr jūs varētu vēlēties izmantot šo efektu citā projektā.

Laika skalas apakšā noklikšķiniet uz pogas Vienmērīga pāreja. Jūs redzēsit, ka izkliedes / ieslīdēšanas vadīklas visos slāņos ir pagarinātas līdz pusei sekundes. Joprojām slānī Lapa1> Lapa 2 mums ir jāizslēdz abu pogu efekts. Katrai pogai nospiediet slīdņa vadības ierīci pa kreisi.

Noklikšķiniet uz slāņa Lapa1> Lapa3. Atkārtojiet iepriekšējo darbību abām pogām un logotipiem. Atkārtojiet vēlreiz ar slāni Lapa2> Lapa1 un Lapa3> Lapa1.

Tas rūpējas par visām pārejām uz valsti. Bet mūsu portfolio ir trīs štati. Mums tas jādara vēlreiz attiecībā uz abām pārējām valstīm. Noklikšķiniet uz ikonas Lapa 2 panelī Lapas / stāvokļi.

Apskatiet slāņus laika skalā. Jūs pamanīsit, ka iestatījumi, kurus mēs tikko iestatījām 1. lappuses stāvoklim, tiek pārnesti uz 2. lappuses stāvokli pārejām no 1. lappuses uz 2. lappusi uz 2. lappusi uz 3. lappusi. Mums vienkārši jāpievieno pāreja starp 2. lappusi> 3. lappusi uz 3. lappusi un 2. lappusi.

4. Atkārtojiet iepriekšējās darbības, lai pārejas uz logotipiem izmantotu Page2 stāvoklī. Tas jādara katram Timeline slānim.

5. Noklikšķiniet uz ikonas Lapa3 panelī Lapas / stāvokļi. Jūs pamanīsit, ka pārejas iestatījumi ir pārņemti no pārējiem diviem stāvokļiem. Ja mums būtu vairāk lapu, mums būtu jāstrādā pie šī stāvokļa slāņiem. Bet, tā kā šis ir pēdējais no trim stāvokļiem, mēs visi esam gatavi.

Pārbaudiet savu projektu vēlreiz. Ja viss darbojas, mēs esam gatavi saglabāt failu kā LogoPortfolio.fxp.

6. Mums jāpasaka Catalyst, lai ģenerētu failus, kas parādīs mūsu Flash portfeli. Noklikšķiniet uz File - Publicēt SWF. Atrodiet pareizo vietu cietajā diskā un saglabājiet projektu. Jūs redzēsit, ka Catalyst dod jums divas mapes. Mapē izvietošana Web ir faili, kas nepieciešami portfeļa palaišanai tīmekļa serverī. Vietējā versijā mums ir faili portfeļa palaišanai uz mūsu darbvirsmas.

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.