Tutorial Flash akan menunjukkan cara untuk membuat drop down menu dasar.

Tutorial Flash akan menunjukkan cara untuk membuat drop down menu dasar.






Langkah 1.
Untuk memulai membuat dokumen Flash baru, pengaturan frame rate 30fps untuk dari panel properti. Untuk tutorial ini saya telah membuat sebuah layout yang sederhana (gambar) dengan menggunakan Rectangle Tool, yang drop-down menu akan melekat. Anda dapat men-download FLA untuk ini di sini . Saya telah membuat tata letak yang sederhana dalam sebuah MC (Clip Film Musikal) pada lapisan yang disebut "bg". Selanjutnya, kita akan membuat tombol utama untuk menu drop down. Jadi, klik dua kali pada Rectangle Tool (R), yang dilingkari merah (gambar b), dan masukkan 10 untuk untuk jari-jari sudut

a) b)



Langkah 2.
Buat abu-abu (# 898989) persegi panjang bulat dan mengubahnya menjadi simbol tombol (F8), yang disebut "mainButton".



Langkah 3.
Double klik pada mainButton dan membuat frame di negara atas (F6). Ubah persegi panjang negara ke nada gelap abu-abu (# 5D5D5D)



Langkah 4.
Pada lapisan atas, menciptakan lapangan teks untuk apapun topik yang Anda ingin tombol untuk menjadi.



Selanjutnya pergi ke bagian kedua dari tutorial ini flash.





Langkah 5.
Ini adalah bagian 2 dari tutorial ini Flash. Selanjutnya, kita akan membuat halaman beberapa konten untuk tombol menu untuk mengubah. Untuk tutorial ini, saya akan menggunakan beberapa gambar bergaris warna-warni dengan teks untuk setiap bagian. Tempatkan halaman 1 dari konten pada layer baru yang disebut "halaman" dan mengubahnya menjadi MC disebut "pagesMC.



Langkah 6.
Double klik pada "pagesMC" dan membuat layer baru yang disebut "label".



Langkah 7.
Buat bingkai kunci kosong (F7) pada frame 10 pada kedua lapisan dan menambahkan potongan kedua dari konten pada lapisan halaman. Buat label untuk bagian 1. Label akan teks yang sama yang akan muncul tombol yang sesuai untuk itu.



Langkah 8.
Tambahkan beberapa konten dan label untuk setiap bagian



Langkah 9.
Selanjutnya, kembali ke timeline utama dan memberikan "pagesMc" nama instance "halaman"






Langkah 10.
Ini adalah bagian 3 dari tutorial ini Flash. Selanjutnya, kita akan menciptakan tombol menu. Mengatur warna stroke untuk tidak mengisi warna dan putih. Pilih Rectangle tool dan menciptakan sebuah persegi panjang, dengan dimensi dan posisi yang ditunjukkan di bawah ini. Mengubahnya menjadi simbol Tombol (f8), yang disebut tombol.



Langkah 11.
Convert "tombol" menjadi simbol (Movie Clip) MC disebut menu.



Langkah 12.
Berikan nama instance "menu", dari panel properti.



Langkah 13.
Double klik pada MC "menu" dan nama layer "button1"






Langkah 14.
Ini adalah bagian 4 dari tutorial ini Flash. Selanjutnya, klik dua kali pada simbol "tombol", membuat bingkai kunci (F6) di negara atas, dan perubahan warna itu ke hijau cahaya (# DAE8E1).



Langkah 15.
Kembali ke menu MC dan Drage frame pertama dari lapisan atas ke frame 2, meninggalkan frame pertama sebagai kosong. Dari panel properti, memberikan tombol nama instance "button1". Kami nanti akan menggunakan nama istance untuk memberitahu halaman MC untuk pergi ke label tertentu.



Langkah 16.
Buat layer baru, bernama "button2", dan copy dan paste frame button1 pada frame 2 tombol. Berikan tombol 2 nama instance "button2"



Langkah 17.
Lakukan hal yang sama selama 3 tombol lain, memberi mereka nama instance juga.



Langkah 18.
Sorot frame 15 dari lapisan dan membuat bingkai kunci (F6) untuk masing-masing





Langkah 19.
Ini adalah bagian 5 dari tutorial ini Flash. Selanjutnya, pilih bingkai 15 dari button5 lapisan, klik pada tombol dan mengatur posisi Y itu untuk 75.



Langkah 20.
Lakukan hal yang sama dengan tombol 4, tapi mengatur posisi Y itu untuk 60



Langkah 21.
Lanjutkan untuk melakukan hal yang sama ke seluruh tombol, pada posisi Y dari 45, 30 dan 15, untuk tombol 3, 2 dan 1 masing-masing.



Langkah 22.
Pilih bingkai, setiap lapisan, di antara 2 dan 15, dan klik kanan. Pilih "tween membuat gerak".



Langkah 23.
Seorang tween harus dibuat, yang akan membuat tombol bergerak ke bawah ketika dimainkan.


Langkah 24.
Ini adalah bagian akhir dari tutorial Flash. Selanjutnya, membuat lapisan di atas lapisan tombol dan membuat bingkai kunci kosong (f7) pada frame 15. Tambahkan teks untuk button1, dengan menggunakan pengaturan ditampilkan di bawah.



Langkah 25.
Tambahkan sisa teks tombol di kolom teks yang sama.



Langkah 26.
Buat script lain yang disebut Laye dan menciptakan bingkai kunci kosong (f7) pada frame 15.



Langkah 27.
Tambahkan kode di bawah ini. Kode ini memiliki fungsi onPress untuk setiap nama instance tombol. Pertama semua ketika setiap tombol ditekan, menu ini disuruh kembali ke frame 1, di mana ada frame kunci hanya kosong. Maka halaman MC diperintahkan untuk pergi ke label itu corresonding. Hal ini disebut sebagai _parent karena pada tingkat bawah MC Menu.



Langkah 28.
Tambahkan kode berhenti pada frame 1.



Langkah 29.
Kembali ke timeline utama dan pastikan bahwa lapisan terorganisir seperti gambar di bawah ini. Berikan tombol tutorial nama instance "mainButton"



Langkah 30.
Tambahkan layer script dan masukkan kode di bawah ini. Ini akan memberitahu menu untuk mulai bergerak, dengan pergi ke frame 2.



Simpan file dan mempublikasikan film flash, membawa kita ke akhir tutorial ini Flash! Ambil Fla