Menambahkan Komponen Interaktif di Flash Catalyst

• Mungkin 17, 2024

Dalam tutorial ini, kita akan menyelesaikan slide-show portofolio dalam Adobe^R Flash^R Katalisator^R. Jika Anda telah mengikuti, kami telah membuat tombol kami dan siap untuk menambahkan efek khusus. Saat kami menavigasi melalui portofolio, kami ingin tombol untuk logo yang terlihat redup dan tombol lainnya terlihat. Karena itu, kita perlu memberi tahu Catalyst tombol mana untuk halaman mana dan kapan harus meredupkan tombol. Kemudian kita akan menambahkan efek transisi Fade antar halaman.

Pertama kita akan meredupkan tombol untuk logo saat ini. Saat logo 1 terlihat di Status Halaman1, kami ingin tombol yang cocok diredupkan. Kita perlu melakukan ini untuk ketiga Negara atau halaman portofolio kita.

1. Klik pada ikon Page1 di panel Pages / States untuk mengerjakan halaman itu. Klik pada gambar kecil yang sekarang menjadi tombol kami untuk logo 1. Pada panel Properties, atur Opacity menjadi 40. Karena bagian tengah mat di bawah tombol berwarna hitam, ini akan membuat tombol tampak redup.

2. Klik pada ikon Page2 di panel Pages / States. Ulangi langkah sebelumnya untuk Page2 dengan hanya meredupkan tombol yang cocok dengan logo 2. Klik ikon Page3 di panel Pages / States dan ulangi langkah ini.

Klik File - Jalankan Proyek untuk menguji efek baru kami. Saat Anda mengklik tombol, logo yang sesuai harus terlihat dan tombol itu harus diredupkan.

Hal terakhir yang akan kita tambahkan ke navigasi kita adalah Transisi Fade antar halaman, menggunakan Timeline. Kembali ke Page1 dengan mengklik ikon Page1. Lihatlah lapisan dalam Timeline dan Anda akan melihat kami memiliki layer untuk setiap kemungkinan transisi antara ketiga halaman.

Halaman1> Halaman2
Halaman1> Halaman3
Halaman2> Halaman1
Halaman3> Halaman1

3. Klik pada layer Page1> Page2. Anda akan melihat bahwa Catalyst telah memberi kami opsi transisi untuk logo 1 dan 2 (redup) dan tombol 1 dan 2. Karena kami akan menjauh dari logo 1, kami memiliki opsi Fade Out. Tetapi kami akan pindah ke logo 2. Kami memiliki opsi Fade In untuk logo ini.

Kami hanya akan menambahkan efek Fade Out ke logo 1 dan efek Fade In ke logo 2. Kami tidak perlu efek Fade diterapkan pada tombol kami. Namun, Anda mungkin ingin menggunakan efek ini di proyek lain.

Klik pada tombol Transisi Halus di bagian bawah Timeline. Anda akan melihat bahwa kontrol Fade Out / In telah diperpanjang hingga satu setengah detik pada semua lapisan. Masih pada layer Page1> Page2, kita perlu mematikan efek untuk dua tombol. Tekan kontrol slider ke kiri untuk setiap tombol.

Klik pada layer Page1> Page3. Ulangi langkah sebelumnya untuk dua tombol dan logo. Ulangi lagi untuk layer Page2> Page1 dan Page3> Page1.

Itu menangani semua transisi untuk kondisi Page1. Tetapi kami memiliki tiga negara dalam portofolio kami. Kita perlu melakukan ini lagi untuk dua negara bagian lainnya. Klik pada ikon Page2 di panel Pages / States.

Lihatlah lapisan-lapisan dalam Timeline. Anda akan melihat bahwa pengaturan yang baru saja kita tetapkan untuk kondisi Page1 dibawa ke status Page2 untuk transisi antara Page1> Page2 dan Page2> Page3. Kita hanya perlu menambahkan transisi antara Page2> Page3 dan Page3> Page2.

4. Ulangi langkah sebelumnya untuk menerapkan transisi ke logo untuk keadaan Page2. Anda harus melakukan ini untuk setiap lapisan di Timeline.

5. Klik ikon Page3 di panel Pages / States. Anda akan melihat bahwa pengaturan transisi telah terbawa dari dua negara bagian lainnya. Jika kami memiliki lebih banyak halaman, kami perlu mengerjakan lapisan untuk kondisi ini. Tetapi karena ini adalah yang terakhir dari tiga negara bagian, kita semua siap.

Uji kembali proyek Anda. Jika semua berfungsi, kami siap menyimpan file kami sebagai LogoPortfolio.fxp.

6. Kita perlu memberi tahu Catalyst untuk membuat file yang akan menampilkan portofolio Flash kita. Klik File - Publikasikan ke SWF. Telusuri ke lokasi yang benar di hard drive Anda dan simpan proyek Anda. Anda akan melihat bahwa Catalyst memberi Anda dua folder. Dalam folder deploy-to-web, kami memiliki file yang diperlukan untuk menjalankan portofolio pada server web. Dalam run-local, kami memiliki file untuk menjalankan portofolio di desktop kami.

Hak Cipta 2018 Adobe Systems Incorporated. Seluruh hak cipta. Tangkapan layar produk Adobe dicetak ulang dengan izin dari Adobe Systems Incorporated. Adobe, Photoshop, Album Photoshop, Photoshop Elements, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere Elements, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, Kembang Api, Berkontribusi, Memikat, Flash Catalyst dan Flash Paper adalah [adalah] merek dagang terdaftar [s] atau merek dagang [s] dari Adobe Systems Incorporated di Amerika Serikat dan / atau negara lain.

Petunjuk Video: Cara Membuat Video: Membuat Script dan Storyboard #1 (Mungkin 2024).