Menambah Komponen Interaktif dalam Pemangkas Flash

• Mungkin 7, 2024

Dalam tutorial ini, kami akan menamatkan portfolio persembahan slaid di Adobe^R Kilat^R Pemangkin^R. Jika anda telah mengikuti, kami telah membuat butang kami dan bersedia untuk menambah kesan khas. Semasa menavigasi portfolio, kami mahu butang untuk logo yang kelihatan akan dimalapkan dan butang lain kelihatan. Oleh itu, kita perlu memberitahu Catalyst bahawa butang adalah untuk halaman mana dan apabila meremukkan butang. Kemudian kami akan menambah kesan peralihan Fade antara halaman.

Mula-mula kita akan merasakan butang untuk logo semasa. Apabila logo 1 dapat dilihat pada State Page1, kami mahu butang sepadan menjadi redup. Kita perlu melakukan ini untuk ketiga-tiga Negeri atau halaman portfolio kami.

1. Klik pada ikon Page1 di panel Pages / States untuk berfungsi pada halaman tersebut. Klik pada imej lakaran yang kini menjadi butang kami untuk logo 1. Dalam panel Properties, tetapkan Opacity menjadi 40. Kerana pusat tikar di bawah butang berwarna hitam, ini akan menjadikan butang kelihatan redup.

2. Klik pada ikon Page2 di panel Pages / States. Ulangi langkah sebelumnya untuk Page2 dengan meredam hanya butang yang sepadan dengan logo 2. Klik pada ikon Page3 di panel Pages / States dan ulangi langkah ini.

Klik Fail - Run Project untuk menguji kesan baru kami. Ketika anda mengklik pada butang, logo sepadan harus terlihat dan butang itu harus dimalapkan.

Perkara terakhir yang kami akan tambahkan pada navigasi kami ialah Peralihan Pudar antara halaman, menggunakan Garis Masa. Kembali ke Page1 dengan mengklik ikon Page1. Lihatlah lapisan dalam Garis Masa dan anda akan melihat kami mempunyai lapisan untuk setiap peralihan yang mungkin antara tiga halaman.

Page1> Page2
Page1> Page3
Page2> Page1
Page3> Page1

3. Klik pada lapisan Page1> Page2. Anda akan melihat bahawa Catalyst telah memberikan kami pilihan peralihan untuk logo 1 dan 2 (dimedamkan) dan butang 1 dan 2. Oleh kerana kami akan bergerak dari logo 1, kami mempunyai pilihan Fade Out. Tetapi kami akan bergerak ke logo 2. Kami mempunyai pilihan Fade In untuk logo ini.

Kami hanya akan menambah kesan Fade Out kepada logo 1 dan Fade Berkuat kuasa kepada logo 2. Kami tidak memerlukan kesan Pudar yang digunakan untuk butang kami. Walau bagaimanapun, anda mungkin ingin menggunakan kesan ini dalam projek lain.

Klik pada butang Peralihan Smooth di bahagian bawah Garis Masa. Anda akan melihat bahawa kawalan Fade Out / In telah diperpanjang hingga separuh kedua pada semua lapisan. Masih pada lapisan Page1> Page2, kita perlu mematikan kesan untuk kedua-dua butang. Tolak kawalan slider ke kiri untuk setiap butang.

Klik pada lapisan Page1> Page3. Ulangi langkah sebelumnya untuk dua butang dan logo. Ulang sekali lagi untuk lapisan Page2> Page1 dan lapisan Page3> Page1.

Itu mengurus semua peralihan untuk negeri Page1. Tetapi kita mempunyai tiga negeri dalam portfolio kami. Kita perlu melakukan ini sekali lagi untuk dua negeri yang lain. Klik ikon Page2 di panel Pages / States.

Lihatlah lapisan dalam Garis Masa. Anda akan melihat bahawa tetapan yang kami tetapkan untuk negeri Page1 dibawa ke negeri Page2 untuk peralihan antara Page1> Page2 dan Page2> Page3. Kami hanya perlu menambah peralihan antara Page2> Page3 dan Page3> Page2.

4. Ulangi langkah-langkah sebelumnya untuk menerapkan peralihan kepada logo untuk keadaan Page2. Anda mesti melakukan ini untuk setiap lapisan dalam Garis Masa.

5. Klik pada ikon Page3 di panel Pages / States. Anda akan melihat bahawa tetapan peralihan telah dibawa dari dua negeri yang lain. Jika kita mempunyai lebih banyak halaman, kita perlu bekerja pada lapisan untuk keadaan ini. Tetapi sejak ini adalah yang terakhir dari tiga negeri, kita semua telah ditetapkan.

Uji semula projek anda sekali lagi. Jika semua sedang berfungsi, kami bersedia untuk menyelamatkan fail kami sebagai LogoPortfolio.fxp.

6. Kita perlu memberitahu Catalyst untuk menghasilkan fail yang akan memaparkan portfolio Flash kami. Klik Fail - Terbitkan ke SWF. Semak imbas lokasi yang betul pada pemacu keras anda dan simpan projek anda. Anda akan melihat bahawa Catalyst memberi anda dua folder. Dalam folder deploy-to-web, kami mempunyai fail yang diperlukan untuk menjalankan portfolio pada pelayan web. Dalam larian tempatan, kami mempunyai fail untuk menjalankan portfolio di desktop kami.

Hak Cipta 2018 Adobe Systems Incorporated. Hak cipta terpelihara. Pukulan skrin produk Adobe (s) dicetak semula dengan kebenaran daripada Adobe Systems Incorporated. Adobe Photoshop, Photoshop Elements, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Elemen Premiere, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, Fireworks, Contribute, Captivate, Flash Catalyst and Flash Paper adalah sama ada [a] tanda dagangan berdaftar atau tanda dagangan Adobe Systems Incorporated di Amerika Syarikat dan / atau negara lain.