Legge til interaktive komponenter i Flash Catalyst

• Kan 2, 2024

I denne opplæringen vil vi fullføre porteføljens lysbildefremvisning i Adobe^R Blits^R Catalyst^R. Hvis du har fulgt med, har vi laget knappene våre og er klare til å legge til spesialeffektene. Når vi navigerer gjennom porteføljen, ønsker vi at knappen for den synlige logoen skal være nedtonet og de andre knappene synlige. Derfor må vi fortelle Catalyst hvilken knapp som er for hvilken side og når vi skal dempe knappene. Så vil vi legge til en Fade overgangseffekt mellom sider.

Først vil vi dimme knappen for gjeldende logo. Når logo 1 er synlig i Side1-tilstanden, vil vi at matchende knapp skal være nedtonet. Vi må gjøre dette for alle tre stater eller sider i porteføljen vår.

1. Klikk på ikonet Side1 i panelet Sider / stater for å arbeide på den siden. Klikk på miniatyrbildet som nå er knappen vår for logo 1. I Egenskaper-panelet setter du Opacity til 40. Fordi midten av matten under knappen er svart, vil dette gjøre at knappen ser ut til å være nedtonet.

2. Klikk på Side2-ikonet i sidene / statene-panelet. Gjenta forrige trinn for Side2 ved å dimme bare knappen som stemmer med logo 2. Klikk på Side3-ikonet i sidene / statene-panelet og gjenta dette trinnet.

Klikk på File - Run Project for å teste den nye effekten vår. Når du klikker på knappene, skal den tilhørende logoen være synlig og den knappen skal være nedtonet.

Det siste vi legger til navigasjonen vår er en Fade Overgang mellom sider ved hjelp av tidslinjen. Gå tilbake til Side1 ved å klikke på Side1-ikonet. Ta en titt på lagene i tidslinjen, så ser du at vi har et lag for hver overgang mellom alle tre sidene.

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

3. Klikk på Side1> Side2-laget. Du vil se at Catalyst har gitt oss overgangsalternativene for logoer 1 og 2 (nedtonet) og knappene 1 og 2. Fordi vi skal flytte bort fra logo 1, har vi et Fade Out-alternativ. Men vi flytter til logo 2. Vi har et Fade In-alternativ for denne logoen.

Vi vil bare legge Fade Out-effekten til logo 1 og Fade In effect til logoen 2. Vi trenger ikke Fade-effekten brukt på knappene våre. Imidlertid kan det være lurt å bruke denne effekten i et annet prosjekt.

Klikk på Glatt overgang-knappen nederst på tidslinjen. Du vil se at Fade Out / In-kontrollene er utvidet til et halvt sekund på alle lag. Fortsatt på Side1> Side2-laget, må vi slå av effekten for de to knappene. Trykk skyvekontrollen til venstre for hver knapp.

Klikk på Side1> Side3-laget. Gjenta forrige trinn for de to knappene og logoene. Gjenta igjen for Side2> Side1-laget og Side3> Side1-laget.

Som tar seg av alle overgangene for Page1-staten. Men vi har tre stater i porteføljen vår. Vi må gjøre dette igjen for de to andre statene. Klikk på Side2-ikonet i sidene / statene-panelet.

Ta en titt på lagene i tidslinjen. Du vil merke at innstillingene som vi nettopp angir for Page1-tilstanden blir overført til Page2-tilstanden for overgangene mellom Side1> Side2 og Side2> Side3. Vi trenger bare å legge til overgangen mellom Side2> Side3 og Side3> Side2.

4. Gjenta de foregående trinnene for å bruke overgangene til logoene for Page2-tilstanden. Du må gjøre dette for hvert lag på tidslinjen.

5. Klikk på Side3-ikonet i Pages / States-panelet. Du vil merke at overgangsinnstillingene har blitt overført fra de to andre statene. Hvis vi hadde flere sider, ville vi trenge å jobbe med lagene for denne tilstanden. Men siden dette er den siste av de tre statene, er vi klare.

Test prosjektet ditt igjen. Hvis alt fungerer, er vi klare til å lagre filen vår som LogoPortfolio.fxp.

6. Vi må be Catalyst om å generere filene som viser Flash-porteføljen vår. Klikk Fil - Publiser til SWF. Bla til riktig sted på harddisken din og lagre prosjektet ditt. Du vil se at Catalyst gir deg to mapper. I mappen distribusjon til web har vi filene som trengs for å kjøre porteføljen på en webserver. I run-local har vi filene for å kjøre porteføljen på skrivebordet vårt.

Copyright 2018 Adobe Systems Incorporated. Alle rettigheter forbeholdt. Adobes produktskjermbilder er skrevet ut på nytt med tillatelse 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, Fyrverkeri, Bidra, Captivate, Flash Catalyst og Flash Paper er / er enten [a] registrert varemerke [s] eller et varemerke [s] fra Adobe Systems Incorporated i USA og / eller andre land.

Video Instruksjoner: String Theory Explained – What is The True Nature of Reality? (Kan 2024).