Membuat Tombol dalam Macromedia Flash Mx

13
Membuat Tombol dalam Macromedia Flash Mx Menggunakan tombol dalam Flash merupakan salah satu basic knowledge yang harus di miliki oleh seorang flash designer. Dengan tombol kta bisa mengatur, dan mendesain animasi-animasi dalam Movie kita, Nah.. artikel ini akakn membahas mengenai cara membuat tombol dengan Macromedia Flash Mx. berikut ini contoh tombol dan penggunaanya yang sederhana untuk mengatur background animasi. Contoh di atas merupakan contoh sederhana dalam menggunakan tombol dalam animasi Flash. Berikut ini pembahasan mengenai cara pembuatan tombolnya, mengenai pengontrolan warna background bisa di baca pada artikel ini, sedangkan cara membuatnya adalah sbb : Buatlah sebuah object yang akan dijadikan tombol, lalu convert menjadi symbol (tekan F8) dan jangan lupa untuk memilih Button pada pilihan menu convert (gambar disamping). Double klik pada symbol tadi untuk melakukan edit, dan akan tampil menu editing tombol seperti gambar disamping. Posisi- posisi dalam menu editing tersebut adalah sbb :

Transcript of Membuat Tombol dalam Macromedia Flash Mx

Page 1: Membuat Tombol dalam Macromedia Flash Mx

Membuat Tombol dalam Macromedia Flash Mx

Menggunakan tombol dalam Flash merupakan salah satu basic knowledge yang harus di miliki oleh seorang flash designer. Dengan tombol kta bisa mengatur, dan mendesain animasi-animasi dalam Movie kita, Nah.. artikel ini akakn membahas mengenai cara membuat tombol dengan Macromedia Flash Mx. berikut ini contoh tombol dan penggunaanya yang sederhana untuk mengatur background animasi.

Contoh di atas merupakan contoh sederhana dalam menggunakan tombol dalam animasi Flash. Berikut ini pembahasan mengenai cara pembuatan tombolnya, mengenai pengontrolan warna background bisa di baca pada artikel ini, sedangkan cara membuatnya adalah sbb :

Buatlah sebuah object yang akan dijadikan tombol, lalu convert menjadi symbol (tekan F8) dan jangan lupa untuk memilih Button pada pilihan menu convert (gambar disamping).

Double klik pada symbol tadi untuk melakukan edit, dan akan tampil menu editing tombol seperti gambar disamping. Posisi-posisi dalam menu editing tersebut adalah sbb :

Up adalah posisi tampilan tombol pada saat crusor tidak berada di atas area Hit dari tombol Over adalah posisi saat Crusor berada di area Hit Tombol 

Page 2: Membuat Tombol dalam Macromedia Flash Mx

Down adalah posisi saat mouse di klik di atas Hit area Tombol.Hit adalah area aktif tombol yang bisa di klik dan tidak ditampilkan di Movie.

Insert Keyframe (tekan F6) pada Timeline Over dan atur properties dari Text dan Background tombol sehingga memberikan efek ketika Crusor berada di area Hit tombol.Dalam contoh ini ukuranya di ubah menjadi 90% dari asli

Insert Keyframe (tekan F6) pada Timeline Down dan atur properties dari Text dan Background tombol sehingga memberikan efek ketika tombol do klik. Dalam contoh ini ukurannya diubah menjadi 80%

Insert Keyframe (tekan F6) pada Timeline Hit dan atur luasan area aktif tombol. Area inilah yang menentukan luasan yang bisa di klik dari tombol.tetapi tidak ditampilkan dalam Movie.

Page 3: Membuat Tombol dalam Macromedia Flash Mx

Nah tombol sudah jadi sekarang, tinggal tekan CTRL dan Enter atau test Movie. Untuk lebih jelasnya bisa dilihat pada contoh di bawah ini :

Page 4: Membuat Tombol dalam Macromedia Flash Mx

Animasi dengan Guide Layer

Berikut ini pembahasan mengenai Movie tersebut :Langkah pertama adalah buatlah sebuah file flash baru dengan 2 layer dan beri nama layer 1 dengan animasi dan layer 2 dengan jalan. buatlah sebuah object lalu convert menjadi symbol (tekan F8) dan letakkan pada layer animasi. Kemudian buat sebuah object jalan sesuai dengan keinginan dan lettakkan pada layer Jalan. pastikan Layer animasi berada di atas layer Jalan. gambarnya kurang lebih seperti berikut :

Setelah itu pastikan design kamu seperti gambar disamping klik layer animasi dan tekan tombol yang ditunjuk oleh panah pada gambar disamping. ini akan menambahkan guide layer atau yang kita sebut layer pemandu untuk layer animasi.

Setelah menambahkan guide layer, buatlah sebuah garis pemandu yang akan dijadikan panduan berjalannya object. perhatikan gambar disamping.

Pastikan draft animasi seperti gambar disamping, kemudian klik kanan pada time line 60 layer satu dan pilih menu insert frame (atau tekan F5). lakukan hal yang sama untuk layer jalan. tetapi tidak dilakukan pada layer animasi.

Page 5: Membuat Tombol dalam Macromedia Flash Mx

Pada layer animasi, klik kanan time line pada angka 60 dan pilih menu insert keyframe (atau tekan F6).

Selanjutnya klik keyframe pada time line 60, dan geser object pada ujung garis pemandu kita.

Untuk membuat object mengikuti garis pemandu, pastikan poros putar object yang berupa lingkaran kecil pada object tepat berada di garis pemandu seperti gambar disamping.

Setelah langkah-langkah di atas selesai, lanjutkan dengan membuat tween pada layer animasi. Jika belum tahu bagaimana membuat Motion Tween, kamu bisa membacanya dengan klik ini,       

Page 6: Membuat Tombol dalam Macromedia Flash Mx

Selanjutnya Test Movie dan jika langkah-langkah di atas diikuti secara benar, maka object kita akan berjalan mengikuti garis pemandu.

Page 7: Membuat Tombol dalam Macromedia Flash Mx

Upload swf files ke Web

Berikut ini adalah script sederhana yang digunakan untuk upload file swf / flash ke dalam blog atau web diantara berbagai macam cara upload yang lainnya. Salah satu caranya adalah sebagai berikut :

Upload file swf kamu ke internet, bagi yang tidak punya web pribadi bisa menggunakan web gratis yang banyak banget di dunia maya, salah satunya adalah google site, kamu bisa klik disini untuk mendaftar. selanjutnya  buat sebuah account.

Ikuti langkah-langkah pembuatan account sampai dengan selesai dan upload files kamu ke sites kamu sekarang. Jangan lupa masuk ke menu sharing dan contreng kotak anyone in the world may view this site (make a public).

Langkah selanjutnya adalah mengambil Link alamat dari files kita. Klik menu attachment dan klik kanan pada files kita lalu pilih menu Copy Link Location. Link ini nantinya akan digunakan sebagai url pada script upload kita.

Langkah terakhir adalah memasukkan scritp upload ini ke dalam blog / web :

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-4445535codebase="http://dow nload.macromedia.com/pub/sh/sw flash.cab#version=6,0,29,0" height="tinggi"

Page 8: Membuat Tombol dalam Macromedia Flash Mx

Nah gunakan Script di atas untuk upload file swf ke Blog/web setelah mengganti panjang dan lebar sesuai dengan ukuran object dan mengganti link dengan link file swf.

Buat Blog…………

Bagi anda yang tertarik untuk menuangkan isi pikiran anda melalui sebuah blog tapi masih terkandas dengan cara pembuatan blog berbayar, anda bisa juga memulainya dari blog gratis pada situs WordPress. Sebenarnya selain situs WordPress, banyak juga situs-situs lain yang menyediakan jasa penyediaan blog berbasis WordPress seperti blogdetik.com atau blog.com. Tapi untuk lebih mudahnya, tutor ini saya spesifikasikan untuk wordpress.com saja.

Langkah-langkah pembuatannya mudah saja. Baca dan terapkan poin di bawah:

Buka wordpress.com, atau bila anda masih saja bermasalah dengan bahasa Inggris di era pasar bebas ini, ya silahkan masuk ke id.wordpress.com untuk halaman wordpress dengan bahasa Indonesia.Isi form pada halaman tersebut dengan benar:

Nama Pengguna : Kolom ini adalah nama blog anda yang tidak boleh diisi kurang dari 4 huruf. Contohnya: nunijablay, achmadalay82, sultanlunglai01, atau apa saja. (jangan diisi dengan spasi, hanya boleh huruf atau angka saja)

Kata Sandi : kolom ini adalah kata sandi alias pin bin password akun anda. Kolom ini harus diisi dengan kata sandi yang paling sedikit 6 huruf. Untuk kekuatan kata sandi yang baik, sangat disarankan anda juga menggunakan angka dan simbol pada kata sandi anda, bukan hanya huruf.

Konfirmasi : ketik kembali kata sandi yang anda masukkan di atas. Email Address : Masukkan alamat email anda. Pastikan anda memasukkan alamat email yang

aktif (valid). Legal flotsam : Berikan tanda centang pada kolom yang disediakan sebagai tanda bahwa anda

setuju pada kebijakan, syarat dan ketentuan wordpress. Centang sajalah, karena kalau anda tidak centang, akun anda tidak bakal dibuat.

Lalu pada bagian bawah, beri tanda centang pada kolom: “Berikan aku blog! (Seperti namauser.wordpress.com)”

Selanjutnya, klik Berikutnya pada bagian kiri bawah halaman.Anda akan diarahkan ke halaman pembuatan domain. Isi kolomnya seperti di bawah:

Nama Domain : o Username yang anda masukkan pada halaman sebelumnya akan menjadi nama blog

anda (bila username tersebut masih tersedia). Contohnya jika tadi anda memasukkan nama susisusatpam, maka nama blognya akan menjadi susisusatpam.wordpress.com. Tapi bila username yang anda masukkan ternyata sudah digunakan orang lain, akan muncul peringatan “Maaf, blog tersebut telah ada,” Maka coba gunakan username yang lain.

Page 9: Membuat Tombol dalam Macromedia Flash Mx

Judul Blog : Kolom ini akan menjadi judul blog anda. Tuliskan saja sebuah kalimat pendek yang mendeskripsikan blog anda, contohnya: susisusatpam.wordpress.com – Pengalaman-Pengalaman Saya Ketika Menjabat Satpam Kompleks. (Ini misal loh ya..)

Bahasa : Pilih bahasa Indonesia jika anda akan menulis dengan bahasa Indonesia. Tentunya anda harus sudah menguasai bahasa Indonesia karena pada pilihan ini tidak terdapat bahasa daerah ataupun bahasa tubuh.

Privasi : Pastikan ada tanda centang pada kolom ini (secara default, biasanya sudah ada).

Klik Sign Up

Anda kemudian akan di arahkan ke halaman berikutnya. Di halaman tersebut akan tampil pesan: “Check Your Email to Complete Registration,” silahkan buka email anda dan temukan email dari wordpress.com (biasanya sudah ada beberapa detik setelah sign up). Dengan mengklik link berwarna biru pada email tersebut, maka blog anda telah aktif dan siap digunakan. Selamat ya..

Lalu bagaimana cara menggunakan wordpress tersebut? Anda bisa baca postingan saya yang terdahulu tentang ‘Panduan WordPress Untuk Pemula‘, karena pada dasarnya penggunaan blog berbasis wordpress yang berbayar dan yang gratis tidak begitu berbeda. Akhir kata, makasih sudah mampir di blognya Erwin Miradi. Wassalam.

Topik terkait:cara membuat blog, membuat blog, cara membuat blog gratis di wordpress, cara bikin blog yang simpel, buat blog gratis, wordpress, membuat blog gratis, SIMPEL BLOG, situs simpel membuat blog, membuat blog di wordpress miradi, get over a break up, cara membuat blog simpel, apa saja yang diisi di blog, cara membuat blog di wordpress gratis, CARA membuat blog berbasis gmail, blog gratis wordpress, Blog gratis di wordpress, blog erwin, bagaimana cara membuat blog gratis, wordpress itu simpel

Bagikan ke Jaringan Sosial Anda:

More About : membuat blog di gmail  Yang harus dilakukan pertama-tama adalah membuat account Gmail, masuk ke Gmail.com, pilih Sign Up atau Buat aku. Stelah itu isikan semua data2 yang diperlukan dan anda akan segera memiliki akun Gmail.Setelah anda memiliki akun Gmail, berikutnya buka Blogger.com untuk membuat blog anda sendiri. Pilih Ciptakan Blog Anda. Setelah itu, isikan data2 yang diperlukan,(isikan alamat email dengan alamat email Gmail anda), isikan nama tampilan blog yang anda inginkan, dan juga alamat untuk blog anda. Jalankan semua prosesnya, sampai mucul Tampilkan Blog Saya. Setelah tahap itu, anda akan diarahkan ke lokasi penginputan blog(Posting). Isikan kata2 apa saja yang ada inginkan, setelah itu pilih Publish.

Setelah itu akan mucul pilihan View Blog/Lihat blog. klik tulisan tersebut dan anda akan melihat hasil blog yang anda ciptakan sendiri. Berikutnay ada banyak modifikasi2 yang bisa anda lakukan, yaitu pada menu Layout, di sana tersedia menu2 untuk merubah template blog dan juga memodifikasi posisi blog tsb.

Page 10: Membuat Tombol dalam Macromedia Flash Mx

Diterbitkan di: April 03, 2009   Diperbarui: Oktober 03, 2010Mohon Resensi ini dinilai : 12345     More About : membuat blog di gmail Creative Commons Attribution 3.0 License

Use this Review Copy to Clipboard

<div dir='ltr'><font size='6'><b>MembBlogger</b></font><br /><br

Page 11: Membuat Tombol dalam Macromedia Flash Mx

Membuat Animasi Tata Surya dengan Macromedia Flash

Salah satu cara untuk membuat animasi tersebut di atas adalah sebagai berikut :

Siapkan sebuah file flash, lengkap dengan matahari dan orbit untuk masing-maing palnet yang mengelilinginya.

Setelah orbit dan matahari selesai dipasang, siapkan object sebagai planetnya dan jangan lupa untuk mengconvert object planet kita tadi menjadi symbol (tekan F8), dan letakkan masing-masing planet pada orbitnya. Pastikan titik tengah dari symbol planet berada pada titik putaran matahasi.

Langkah terakhir adalah dengan memberinya script putaran yang sangat sederhana, yaitu rotation. klik symbol lalu Klik jendela action script atau tekan F9, lalu masukkan script berikut ini

onClipEvent (enterFrame) {    _rotation += 0.09;}

Atur nilai kecepatannya sesuai dengan kecepatan masing-masing planet mengelilingi matahari, misalnya planet Merkurius mengelilingi matahari 4x lebih cepat dari bumi, berarti nilai rotation untuk Merkurius harus diisi dengan nilai yang besarnya 4x nilai yang di isikan di bumi.

Page 12: Membuat Tombol dalam Macromedia Flash Mx

Langkah terakhir adalah melakukan pengetesan Movie dengan menekan CTRL dan enter secara bersama-sama.