Graafika muutmine välkkatalüsaatori nuppudeks

• Mai 19, 2024

Nüüd, kui oleme importinud oma PhotoshopLayout.psd portfelli projekti faili Adobe'i^R Välk^R Katalüsaator^TM ja oleme uurinud töökeskkonda Catalyst, oleme valmis oma portfelli navigeerimisega tegelema.

Praegu on meil meie projektil ainult üks leht või osariik. Peame looma veel kaks lehte, et saaksime igal lehel näidata erinevat logo.

1. Klõpsame paneelil Lehed / olekud kaks korda nuppu Duplicate States. See annab meile lehe 2 ja 3. Kuid nad on kõik sarnased. Hoolime selle eest.

2. Klõpsake ikooni Page1 ja minge paneelile Kihid. Avage kaust Logod. Soovime, et ainult logo 1 oleks sellel lehel nähtav. Lülitage logo 2 ja 3 nähtavus välja.

3. Klõpsake ikooni Page2 ja lülitage logo 1 ja 3 nähtavus välja. Lülitage sisse logo 2 nähtavus.

4. Klõpsake ikooni Page3 ja lülitage logo 1 ja 2 nähtavus välja. Lülitage sisse logo 3 nähtavus.

Järgmisena loome nupud oma portfelli jaoks. Iga logo jaoks on pisipilt. Need on nupud.

5. Minge tagasi lehele 1, klõpsates ikooni paneelil Pages / States. Kihtide paneelis avage kaust Pisipildid. Klõpsake Artboardil 1. logo pisipiltil. Selle tegemisel näete HUD-i ja atribuutide paneel muutub.

Töötame kõigepealt HUD-is. See on koht, kus me ütleme Catalyst, et tahame selle bitmap pildi nupuks muuta.

6. Klõpsake jaotises Teose teisendamine kunstiteose teisendamiseks komponendiks ja valige komponentide loendist Button. HUD muutub, et anda meile meie nupule uued juhtseadised. Laiendage kohandatud interaktsioonide loendit ja klõpsake siis plussikooni. Valige loendist Klõpsake nuppu Klõps. Saate veel ühe rippmenüü nimega Toiming. Sellest menüüst valige Mängi üleminekut osariigile. Valige rippmenüüst Vali olek Valige leht1, kuna soovime, et see nupp viiks vaataja lehele1.

7. Klõpsake logo 2 pisipildil ja korrake eelmist sammu. Valige vali olek Leht2.

8. Klõpsake logo 3 pisipildil ja korrake eelmist sammu. Valige Vali olek lehel3.

Proovime oma nuppe. Klõpsake menüüribal nuppu File - Run Project. See avaneb teie veebibrauseris. Igal nupul klõpsates peaks õige logo olema nähtav.

Järgmises õpetuses timmime nähtava logo nuppu ja lisame ülemineku lehtede vahel.

Autoriõigus 2018 Adobe Systems Incorporated. Kõik õigused kaitstud. Adobe toote ekraanipilt (ed) kordustrükis Adobe Systems Incorporated loal. 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 on / on kas [a] registreeritud kaubamärk (id) või Adobe Systems Incorporated'i kaubamärk (id) Ameerika Ühendriikides ja / või teistes riikides.

Video Juhiseid: How Would You Take Down North Korea? (The 7 Choices) (Mai 2024).