Mengubah Grafik menjadi Tombol di Flash Catalyst

• Mungkin 5, 2024

Sekarang kami telah mengimpor file proyek portofolio PhotoshopLayout.psd kami ke Adobe^R Flash^R Katalisator^TM dan telah menjelajahi ruang kerja Catalyst, kami siap bekerja pada navigasi untuk portofolio kami.

Saat ini, kami hanya memiliki satu halaman, atau menyatakan, untuk proyek kami. Kita perlu membuat dua halaman lagi sehingga kita dapat menampilkan logo yang berbeda pada setiap halaman.

1. Pada panel Pages / States, kita akan mengklik tombol Duplicate States dua kali. Ini akan memberi kita Page2 dan Page3. Tapi, mereka semua sama. Mari kita urus itu.

2. Klik pada ikon Page1 dan pergi ke panel Layers. Buka folder Logo. Kami hanya ingin logo 1 terlihat di halaman ini. Matikan visibilitas untuk logo 2 dan 3.

3. Klik pada ikon Page2 dan matikan visibilitas untuk logo 1 dan 3. Nyalakan visibilitas untuk logo 2.

4. Klik pada ikon Page3 dan matikan visibilitas untuk logo 1 dan 2. Nyalakan visibilitas untuk logo 3.

Selanjutnya, kita akan membuat tombol untuk portofolio kita. Kami memiliki thumbnail untuk setiap logo. Ini akan menjadi tombol.

5. Kembali ke Page1 dengan mengklik ikon di panel Pages / States. Di panel Layers, buka folder Thumbnail. Pada Artboard, klik pada thumbnail untuk logo 1. Ketika Anda melakukan ini, Anda akan melihat HUD terbuka dan panel Properties akan berubah.

Mari kita bekerja di HUD dulu. Di sinilah kami akan memberi tahu Catalyst bahwa kami ingin membuat gambar bitmap ini menjadi sebuah tombol.

6. Di bawah Konversi Karya Seni, klik Konversi Karya Seni ke Komponen dan pilih Tombol dari daftar komponen. HUD akan berubah untuk memberi kami kontrol baru untuk tombol kami. Luaskan daftar Interaksi Kustom dan kemudian klik ikon Plus. Pilih On Click dari daftar. Anda akan mendapatkan menu drop-down lain yang disebut Lakukan Tindakan. Dari menu ini, pilih Play Transition to State. Dari menu tarik-turun Choose State, pilih Page1 karena kami ingin tombol ini membawa pengunjung ke Page1.

7. Klik pada thumbnail untuk logo 2 dan ulangi langkah sebelumnya. Setel Pilih Status ke Halaman2.

8. Klik pada thumbnail untuk logo 3 dan ulangi langkah sebelumnya. Setel Pilih Status ke Halaman3.

Mari kita coba tombol kita. Dari menubar, klik File - Jalankan Proyek. Ini akan terbuka di browser web Anda. Saat Anda mengklik pada setiap tombol, logo yang benar akan terlihat.

Dalam tutorial berikutnya, kita akan meredupkan tombol untuk logo yang terlihat dan menambahkan transisi antar halaman.

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 UBAH GRAFIS PUBG MENJADI FULL HD!!! HP KENTANG AUTO HDR - PAKAI APLIKASI FLASH DOG!! (Mungkin 2024).