Grafikas pārvēršana par zibspuldzes katalizatora pogām

• Maijs 10, 2024

Tagad, kad mēs esam importējuši mūsu PhotoshopLayout.psd portfeļa projekta failu Adobe^R Zibspuldze^R Katalizators^TM un esam izpētījuši Catalyst darbvietu, mēs esam gatavi strādāt pie sava portfeļa navigācijas.

Pašlaik mūsu projektam ir tikai viena lapa vai štats. Mums jāizveido vēl divas lapas, lai katrā lapā varētu attēlot atšķirīgu logotipu.

1. Lapā / stāvokļi panelī mēs divreiz noklikšķiniet uz pogas Kopēt stāvokļus. Tas mums dos 2. un 3. lapu. Bet viņi visi ir līdzīgi. Parūpēsimies par to.

2. Noklikšķiniet uz ikonas Page1 un dodieties uz slāni paneli. Atveriet mapi Logos. Mēs vēlamies, lai tikai 1. logotips būtu redzams šajā lapā. Izslēdziet 2. un 3. logotipa redzamību.

3. Noklikšķiniet uz ikonas Page2 un izslēdziet 1. un 3. logotipa redzamību. Ieslēdziet 2. logotipa redzamību.

4. Noklikšķiniet uz ikonas Page3 un izslēdziet 1. un 2. logotipa redzamību. Ieslēdziet 3. logotipa redzamību.

Tālāk mēs izveidosim pogas savam portfelim. Katram logotipam ir sīktēls. Tās būs pogas.

5. Atgriezieties 1. lappusē, panelī Lapas / stāvokļi noklikšķinot uz ikonas. Slāņu panelī atveriet mapi Sīktēli. Artboard noklikšķiniet uz 1. logotipa sīktēla. Kad jūs to izdarīsit, redzēsit HUD atvērtu un Properties panelis mainīsies.

Vispirms strādāsim HUD. Šeit mēs teiksim Catalyst, ka mēs vēlamies padarīt šo bitkartes attēlu par pogu.

6. Zem Konvertēt mākslas darbu noklikšķiniet uz Konvertēt mākslas darbu uz komponentu un komponentu sarakstā izvēlieties pogu Poga. HUD mainīsies, dodot mums jaunas pogas vadības ierīces. Izvērsiet pielāgoto mijiedarbību sarakstu un pēc tam noklikšķiniet uz ikonas Plus. Sarakstā izvēlieties Uzklikšķināt. Jūs iegūsit vēl vienu nolaižamo izvēlni ar nosaukumu Veikt darbību. Šajā izvēlnē izvēlieties Spēlēt pāreju uz valsti. Nolaižamajā izvēlnē Izvēlēties valsti izvēlieties 1. lapu, jo mēs vēlamies, lai šī poga skatītāju novirzītu uz 1. lapu.

7. Noklikšķiniet uz 2. logotipa sīktēla un atkārtojiet iepriekšējo darbību. Iestatiet Izvēlēties štatu uz Lapu2.

8. Noklikšķiniet uz 3. logotipa sīktēla un atkārtojiet iepriekšējo darbību. Iestatiet Izvēlēties štatu uz Lapa3.

Pārbaudīsim savas pogas. Izvēlnes joslā noklikšķiniet uz File - Run Project. Tas tiks atvērts jūsu tīmekļa pārlūkprogrammā. Noklikšķinot uz katras pogas, ir jābūt redzamam pareizajam logotipam.

Nākamajā apmācībā mēs aptumšosim redzamā logotipa pogu un pievienosim pāreju starp lapām.

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.