Förvandla grafik till knappar i Flash Catalyst

• Maj 9, 2024

Nu när vi har importerat vår PhotoshopLayout.psd-portföljprojektfil till Adobe^R Blixt^R Katalysator^TM och har utforskat Catalyst-arbetsområdet, är vi redo att arbeta med navigeringen för vår portfölj.

Just nu har vi bara en sida, eller status, till vårt projekt. Vi måste skapa ytterligare två sidor så att vi kan visa en annan logotyp på varje sida.

1. I panelen Sidor / stater klickar vi två gånger på knappen Duplicera stater. Detta ger oss Page2 och Page3. Men de är alla lika. Låt oss ta hand om det.

2. Klicka på ikonen Sida 1 och gå till panelen Lager. Öppna Logos-mappen. Vi vill bara att logotyp 1 ska vara synlig på den här sidan. Stäng av synligheten för logotyp 2 och 3.

3. Klicka på sidan2 och stäng av synligheten för logotyp 1 och 3. Slå på synligheten för logotyp 2.

4. Klicka på Page3-ikonen och stäng av synligheten för logotyp 1 och 2. Slå på synligheten för logotyp 3.

Därefter skapar vi knapparna för vår portfölj. Vi har en miniatyrbild för varje logotyp. Det här är knapparna.

5. Gå tillbaka till Sida1 genom att klicka på ikonen i panelen Sidor / stater. Öppna mappen Miniatyrer på panelen Lager. På tavlan klickar du på miniatyren för logotyp 1. När du gör detta ser du HUD öppet och Egenskapspanelen kommer att ändras.

Låt oss arbeta i HUD först. Det är här vi kommer att säga Catalyst att vi vill göra denna bitmappsbild till en knapp.

6. Klicka på Konvertera konstverk till komponent under Konvertera konstverk och välj Knapp i komponentlistan. HUD kommer att ändras för att ge oss nya kontroller för vår knapp. Expandera listan med anpassade interaktioner och klicka sedan på Plus-ikonen. Välj På Klicka från listan. Du får en annan rullgardinsmeny som heter Gör handling. Välj Spela övergång till stat från den här menyn. Från rullgardinsmenyn Välj tillstånd väljer du Sida 1 eftersom vi vill att den här knappen ska ta visningen till Sida1.

7. Klicka på miniatyren för logotyp 2 och upprepa föregående steg. Ställ in Välj stat till sida2.

8. Klicka på miniatyren för logotyp 3 och upprepa föregående steg. Ställ in Välj stat till sida3.

Låt oss testa våra knappar. Klicka på Arkiv - Kör projekt i menyraden. Det öppnas i din webbläsare. När du klickar på varje knapp ska rätt logotyp vara synlig.

I nästa handledning kommer vi att dimma ned knappen för den synliga logotypen och lägga till en övergång mellan sidor.

Copyright 2018 Adobe Systems Incorporated. Alla rättigheter förbehållna. Adobes produktskärmbild (ar) tryckta om med tillstånd från 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, Fireworks, Contribute, Captivate, Flash Catalyst och Flash Paper är / är antingen [a] registrerat varumärke [s] eller ett varumärke [s] från Adobe Systems Incorporated i USA och / eller andra länder.

Video Instruktioner: Why Chernobyl Exploded - The Real Physics Behind The Reactor (Maj 2024).