Tilføjelse af interaktive komponenter i Flash Catalyst

• Kan 18, 2024

I denne tutorial afslutter vi porteføljeslideshowet i Adobe^R Blitz^R Katalysator^R. Hvis du har fulgt med, har vi lavet vores knapper og er klar til at tilføje specialeffekter. Når vi navigerer gennem porteføljen, ønsker vi, at knappen til det synlige logo skal dæmpes og de andre knapper synlige. Derfor er vi nødt til at fortælle Catalyst, hvilken knap der er til hvilken side, og hvornår knapperne skal dæmpes. Så tilføjer vi en Fade overgangseffekt mellem sider.

Først dæmper vi knappen til det aktuelle logo. Når logo 1 er synligt i Side1-tilstanden, ønsker vi, at den matchende knap skal dæmpes. Vi er nødt til at gøre dette for alle tre stater eller sider i vores portefølje.

1. Klik på ikonet Page1 i panelet Sider / stater for at arbejde på den side. Klik på det miniaturebillede, der nu er vores knap til logo 1. I panelet Egenskaber skal du indstille Opacity til 40. Da midten af ​​måtten under knappen er sort, vil dette få knappen til at være dæmpet.

2. Klik på ikonet Page2 i panelet Sider / stater. Gentag det forrige trin for Side2 ved kun at dæmpe den knap, der matcher logo 2. Klik på ikonet Page3 i panelet Sider / tilstande, og gentag dette trin.

Klik på File - Run Project for at teste vores nye effekt. Når du klikker på knapperne, skal det tilsvarende logo være synligt, og knappen skal være nedtonet.

Den sidste ting, som vi tilføjer til vores navigation, er en falme overgang mellem sider ved hjælp af tidslinjen. Gå tilbage til Side1 ved at klikke på ikonet Page1. Se på lagene i tidslinjen, så ser vi, at vi har et lag til hver mulig overgang mellem alle tre sider.

Side1> Side2
Side1> Side3
Side2> Side1
Side3> Side1

3. Klik på Page1> Page2-laget. Du vil se, at Catalyst har givet os overgangsindstillingerne for logoer 1 og 2 (nedtonet) og knapper 1 og 2. Fordi vi bevæger os væk fra logo 1, har vi en Fade Out-mulighed. Men vi flytter til logo 2. Vi har en Fade In-mulighed for dette logo.

Vi tilføjer kun Fade Out-effekten til logo 1 og Fade In effect til logo 2. Vi har ikke brug for Fade-effekten, der er anvendt på vores knapper. Det kan dog være nødvendigt, at du bruger denne effekt i et andet projekt.

Klik på knappen Glat overgang i bunden af ​​tidslinjen. Du vil se, at Fade Out / In-kontrollerne er blevet udvidet til et halvt sekund på alle lag. Stadig på Side1> Side2-laget er vi nødt til at deaktivere effekten for de to knapper. Skub skyderen til venstre for hver knap.

Klik på Page1> Page3-laget. Gentag det forrige trin for de to knapper og logoer. Gentag igen for Page2> Page1-laget og Page3> Page1-laget.

Det tager sig af alle overgange til Page1-staten. Men vi har tre stater i vores portefølje. Vi er nødt til at gøre dette igen for de to andre stater. Klik på ikonet Page2 i panelet Sider / stater.

Se på lagene på tidslinjen. Du vil bemærke, at de indstillinger, vi netop har indstillet til Page1-tilstanden, overføres til Page2-tilstanden for overgange mellem Page1> Page2 og Page2> Page3. Vi skal bare tilføje overgangen mellem Side2> Side3 og Side3> Side2.

4. Gentag de foregående trin for at anvende overgange til logoerne for Page2-tilstanden. Du skal gøre dette for hvert lag på tidslinjen.

5. Klik på ikonet Page3 i panelet Sider / stater. Du vil bemærke, at overgangsindstillingerne er overført fra de to andre tilstande. Hvis vi havde flere sider, ville vi have brug for lagene til denne tilstand. Men da dette er den sidste af de tre stater, er vi alle parate.

Test dit projekt igen. Hvis alt fungerer, er vi klar til at gemme vores fil som LogoPortfolio.fxp.

6. Vi er nødt til at bede Catalyst om at generere de filer, der viser vores Flash-portefølje. Klik på File - Publicer til SWF. Gennemse til det korrekte sted på din harddisk, og gem dit projekt. Du vil se, at Catalyst giver dig to mapper. I mappen deploy-to-web har vi de nødvendige filer til at køre porteføljen på en webserver. I run-local har vi filerne til at køre porteføljen på vores desktop.

Copyright 2018 Adobe Systems Incorporated. Alle rettigheder forbeholdes. Adobe-produktskærmbilleder (r) genudtrykt med tilladelse fra Adobe Systems Incorporated. Adobe, Photoshop, Photoshop Album, Photoshop Elements, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere Elements, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, fyrværkeri, Bidrage, Captivate, Flash Catalyst og Flash Paper er / er enten [a] registreret varemærke [er] eller et varemærke [s] fra Adobe Systems Incorporated i USA og / eller andre lande.

Video Instruktioner: Construye el PC de tu sueños y aprende a reparar computadoras | PC Building Simulator gameplay (Kan 2024).