Premena grafiky na tlačidlá v nástroji Flash Catalyst

• Smieť 5, 2024

Teraz, keď sme importovali náš súbor projektu portfólia PhotoshopLayout.psd do Adobe^R blesk^R katalyzátor^TM a preskúmali sme pracovný priestor Catalyst, sme pripravení pracovať na navigácii pre naše portfólio.

Momentálne máme k projektu iba jednu stránku alebo štát. Potrebujeme vytvoriť ďalšie dve stránky, aby sme mohli na každej stránke zobraziť odlišné logo.

1. Na paneli Stránky / štáty dvakrát klikneme na tlačidlo Duplikovať štáty. Toto nám poskytne Page2 a Page3. Ale všetci sú si podobní. Postarajme sa o to.

2. Kliknite na ikonu Page1 a prejdite na panel Vrstvy. Otvorte priečinok Logos. Chceme, aby bolo na tejto stránke viditeľné iba logo 1. Vypnite viditeľnosť loga 2 a 3.

3. Kliknite na ikonu Page2 a vypnite viditeľnosť loga 1 a 3. Zapnite viditeľnosť loga 2.

4. Kliknite na ikonu Page3 a vypnite viditeľnosť loga 1 a 2. Zapnite viditeľnosť loga 3.

Ďalej vytvoríme tlačidlá pre naše portfólio. Pre každé logo máme miniatúru. Toto budú tlačidlá.

5. Prejdite späť na stránku Page1 kliknutím na ikonu na paneli Stránky / štáty. Na paneli Vrstvy otvorte priečinok Miniatúry. Na Artboard kliknite na miniatúru loga 1. Keď to urobíte, uvidíte HUD otvorené a panel Vlastnosti sa zmení.

Poďme najprv pracovať v HUD. Na tomto mieste povieme Catalyst, že chceme urobiť tento bitmapový obrázok do jedného tlačidla.

6. V časti Previesť kresbu kliknite na Konvertovať kresbu na komponent a v zozname komponentov vyberte tlačidlo. HUD sa zmení a poskytne nám nové ovládacie prvky pre naše tlačidlo. Rozviňte zoznam Vlastné interakcie a potom kliknite na ikonu Plus. Zo zoznamu vyberte možnosť On Click. Dostanete ďalšiu rozbaľovaciu ponuku s názvom Do Action. Z tejto ponuky vyberte Prehrať prechod do stavu. Z rozbaľovacej ponuky Vybrať štát vyberte možnosť Stránka1, pretože chceme, aby toto tlačidlo priviedlo diváka na stránku Page1.

7. Kliknite na miniatúru loga 2 a zopakujte predchádzajúci krok. Nastavte Choose State na Page2.

8. Kliknite na miniatúru loga 3 a zopakujte predchádzajúci krok. Nastavte Choose State na Page3.

Vyskúšajte naše gombíky. V ponuke kliknite na položku File - Run Project. Otvorí sa vo vašom webovom prehliadači. Po kliknutí na každé tlačidlo by malo byť viditeľné správne logo.

V nasledujúcom návode stlmíme tlačidlo pre viditeľné logo a pridáme prechod medzi stránkami.

Copyright 2018 Adobe Systems Incorporated. Všetky práva vyhradené. Snímky obrazovky produktov spoločnosti Adobe znova vytlačené so súhlasom spoločnosti 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 a Flash Paper je / sú [a] registrované ochranné známky alebo ochranné známky spoločnosti Adobe Systems Incorporated v USA a / alebo iných krajinách.

Video Návody: От атеиста к Святости (18+) (Smieť 2024).