Rumah Media Sosial Bagaimana Membuat Butang dalam Flash - dummies

Bagaimana Membuat Butang dalam Flash - dummies

Isi kandungan:

Video: Cara Membuat Animasi Button Klik Menampilkan Kotak Text didalamnya Menggunakan Adobe Flash 2025

Video: Cara Membuat Animasi Button Klik Menampilkan Kotak Text didalamnya Menggunakan Adobe Flash 2025
Anonim

Butang navigasi memerlukan butang. Flash memberikan anda semua alat untuk membuat beberapa butang yang sangat keren. Sekiranya anda belum membuat butang Flash sebelum ini, pertimbangkan pembaptisan anda dengan api. Untuk membuat butang untuk menu anda, ikuti langkah berikut:

1Pilih Insert → Simbol Baru.

Buat kotak dialog Simbol Baru yang muncul.

2 Masukkan nama untuk simbol anda dan pilih tingkah laku Button dari menu lungsur Taip.

Anda membuat menu, dan tempat yang jelas untuk memulakan menu adalah dengan butang Laman Utama. Oleh itu, namakan butang Laman Utama .

3Click OK dan Flash memasuki mod simbol-pengeditan.

Anda mempunyai satu lapisan serta empat keadaan, masing-masing didorong oleh kedudukan kursor pengguna: Up, Over, Down, and Hit.

Keadaan ini menentukan kawasan sasaran butang. Anda menambah keadaan Hit jika anda mempunyai butang yang sangat istimewa yang mungkin sukar untuk dipilih.

4Jika tidak dibuka, pilih Window → Properties.

The Inspector Properties dibuka.

5Buat saiz bentuk untuk butang anda.

Apabila membuat butang, gunakan alat segi empat dengan jejari sudut 50 px untuk mendapatkan bentuk bujur. Sebelum membuat bentuk, tukar nilai Rectangle Options di Properties Inspector hingga 50, yang memberikan anda kelebihan bulat yang baik. Memilih View → Penguasa membolehkan anda membuat objek yang saiz anggarannya.

6Pilih butang butang, dan dalam Inspektor Hartanah, ketik dimensi yang dikehendaki untuk butang anda dalam medan lebar dan ketinggian.

Untuk mengetahui saiz saiz untuk membuat setiap butang, bahagikan lebar menu navigasi anda dengan bilangan butang. Dalam contoh ini, anda membuat enam butang untuk navigasi (nav) menu yang 600 piksel lebar dan 25 piksel tinggi. Oleh itu, setiap butang adalah 100 piksel dan 25 piksel tinggi.

7Pilih dan kemudian selaraskan butang ke tengah Peringkat.

Tekan Ctrl + K (Windows) atau Apple + K (Mac) untuk membuka panel Align. Pilih kotak semakan Untuk Tahap, dan kemudian klik ikon yang memusatkan butang secara menegak dan mendatar.

8Klik butang Lapisan Baharu di penjuru kiri bawah Garis Masa.

Flash mencipta lapisan baru. Apa yang perlu anda ketahui mengenai lapisan sekarang ialah lapisan yang membantu anda menyusun kerja anda. Untuk butang itu, anda membuat lapisan berasingan untuk teks butang.

9Tambah dua kali ganda tajuk lapisan teks butang.

Ini membuka kotak teks di mana anda boleh menaip nama baru untuk lapisan kedua. Ia tidak penting, tetapi membuat nama intuitif kini membantu anda menguraikan kemudian lapisan mana yang digunakan untuk apa yang anda buat dalam filem atau simbol yang kompleks.

10Masukkan nama untuk lapisan.

Teks adalah nama yang baik. Semasa anda berada di situ, menamakan semula lapisan di mana butang berada. Butang Bentuk adalah nama yang baik.

11Pilih alat Teks dan ketik nama yang dikehendaki.

Dalam kes ini, butang itu dipanggil Home. Apabila pengunjung mengklik butang ini, dia pergi ke laman utama.

Tutorial penuh pada alat Teks adalah di luar skop buku ini. Walau bagaimanapun, jika anda melihat Inspektor Hartanah, anda melihat betapa mudahnya menetapkan parameter untuk alat Teks.

12Press F5 di bingkai Bawah pada lapisan Teks.

Ini menyalin kandungan bingkai Up ke keadaan Over dan Down.

13Press F6 untuk membuat keyframes untuk Over dan Down menyatakan pada lapisan Bentuk Button.

Mencipta rangka utama membolehkan anda menukar atau mengubah suai kandungan bingkai ini, atau membuat beberapa perubahan lain yang akan memberitahu pengguna yang mereka telah menemui butang yang boleh diklik. Grafik di keadaan Down muncul apabila pengguna berjaya mengklik butang.

14Buat perubahan dalam keadaan Over dan Down untuk lapisan Bentuk Button.

Untuk contoh yang berjalan, kami menukar warna butang untuk merah di bingkai Lebih dan oren dalam bingkai Bawah.

15Klik butang Kembali (kelihatan seperti anak panah, dan kiri tajuk Pemandangan di atas lapisan paling atas).

Butang tersebut ditambah ke Perpustakaan dan sedia untuk digunakan.

Bagaimana Membuat Butang dalam Flash - dummies

Pilihan Editor

5 Perkara yang boleh dilakukan oleh GoPro Camera - dummies

5 Perkara yang boleh dilakukan oleh GoPro Camera - dummies

Apa yang boleh dilakukan oleh GoPro? Inilah soalan yang lebih relevan: Apa yang anda mahu lakukan? Meminta soalan ini lebih seperti menanyakan diri anda tentang keinginan dan hasrat anda sendiri untuk rakaman video yang unik. Apabila anda menentukan apa yang anda ingin tangkap, semua yang anda perlu lakukan ialah menyambungkan kamera ke gunung yang sesuai ...

Pengaturan & Pintasan dSLR Untuk Menipu Cheat Sheet - dummies

Pengaturan & Pintasan dSLR Untuk Menipu Cheat Sheet - dummies

Anda mempunyai refleks kanta tunggal digital yang besar (dSLR ) kamera dan mahu menangkap beberapa gambar indah masa-masa hidup anda. Untuk sepenuhnya menguasai dSLR anda dan membuat gambar yang menarik, anda mesti menceburkan diri ke dunia baru yang berani yang melibatkan membuat keputusan tentang mod penangkapan. Mengetahui panjang fokus apa yang digunakan dalam ...

Pilihan Editor

Bagaimana Menggunakan Lapisan Masker Gradient dan Brush Masker di Photoshop CS6 - lapisan masker

Bagaimana Menggunakan Lapisan Masker Gradient dan Brush Masker di Photoshop CS6 - lapisan masker

Lapisan lapisan di Photoshop CS6 membolehkan anda secara beransur-ansur berus dalam ketelusan dan kelegapan pada asas pixel selektif. Dua alat pelapis lapisan - Alat Gradien dan Brush - lebih kerap digunakan berbanding yang lain: Alat Gradien: Menetapkan alat ini kepada kecerunan linear hitam ke putih atau putih ke ...

Cara Menggunakan Kuler untuk Cari dan Kongsi Tema Warna di Photoshop CS6 - dummies

Cara Menggunakan Kuler untuk Cari dan Kongsi Tema Warna di Photoshop CS6 - dummies

Sumber yang tersedia untuk Adobe Photoshop Creative Suite 6 adalah luas. Kuler adalah komuniti dalam talian yang menyediakan tema warna untuk anda menyemak imbas, memuat turun, membuat, mengedit, dan memuat naik untuk berkongsi dengan orang lain. Gunakan tema ini apabila membuat projek cetak grafik atau laman web. Apa yang anda perlukan ialah sambungan Internet dan Adobe ID. Di sini ...

Cara Menggunakan Kata Kunci untuk Photoshop CS6 Files dalam Bridge - dummies

Cara Menggunakan Kata Kunci untuk Photoshop CS6 Files dalam Bridge - dummies

Kata kunci adalah label deskriptif yang anda lampirkan ke fail di Bridge. Mereka membantu untuk mengkategorikan imej Photoshop CS6 anda, membolehkan anda lebih cekap dan cepat mencari fail yang anda inginkan. Berikut adalah downside untuk membuat dan menggunakan kata kunci: Untuk membuat kata kunci baru (folder kategori yang mengandungi kata kunci): Klik ikon tanda tambah (+) ...

Pilihan Editor

Dengan Touch dengan Nota Reka bentuk - dummies

Dengan Touch dengan Nota Reka bentuk - dummies

Nota reka bentuk adalah sesuai untuk berkomunikasi dengan pemaju lain yang bekerja pada Laman web, tetapi tidak dalam jarak menjerit. Ciri Dreamweaver ini berfungsi seperti tag komen (kod HTML yang membolehkan anda memasukkan teks dalam halaman yang tidak akan dipaparkan dalam penyemak imbas) tetapi dengan privasi lebih banyak. Ramai pemaju menggunakan ...

Memenuhi Dreamweaver CS3 Common Insert Bar - dummies

Memenuhi Dreamweaver CS3 Common Insert Bar - dummies

Jangan berfikir bahawa toolbar Dreamweaver CS3 Common Insert biasa dan biasa. Ia hanya dipanggil "umum" kerana ia menawarkan perintah memasukkan yang paling kerap digunakan kerana ia adalah yang paling berguna. Dengan bilah alat yang ditunjukkan di sini, anda boleh memasukkan segala-galanya dari pautan e-mel kepada tarikh kepada mana-mana media yang ingin anda letakkan ...

Gambaran Keseluruhan Alignment Imej dalam Adobe CS5 Dreamweaver - dummies

Gambaran Keseluruhan Alignment Imej dalam Adobe CS5 Dreamweaver - dummies

Penjajaran imej dan teks bersebelahan mereka di Adobe Suite Creative 5 (Adobe CS5) Dreamweaver adalah mudah, tetapi pilihan yang ada mungkin membuat kelihatan terlalu rumit. Imej dan teks bersebelahan mereka duduk pada garis dasar yang sama sebagai lalai, memaksa teks berjalan dalam satu baris ke kanan imej. Untuk ...