Membuat Tombol "Artikel SEO"

Sebelumnya saya pernah membahas tentang bagaimana cara membuat tombol di flash cs, yaitu membuat Tombol Link Eksternal dan tombol Animasi. Kini saya akan membagikan tutorial tentang bagaimana cara membuat tombol "Artikel SEO" penuh dengan animasi.

Klik disini untuk Pesan/Order Artikel SEO
Klik disini untuk Pesan/Order Artikel SEO


Tombol Artikel SEO
Tombol Artikel SEO

Tombol Artikel SEO

Apa fungsi tombol artikel SEO tersebut ?
Sebenarnya tombol Artikel SEO ini adalah tombol link eksternal yang mengarahkan keluar dari laman. Artinya, tombol ini akan mengarahkan Anda ke laman yang berbeda.

Tombol Artikel SEO dijadikan sebagai contoh untuk Anda yang ingin membuka Jasa SEO, maka tombol ini diperlukan.

Oke, saya tidak akan membahas tentang SEO. Di blogku29 ini saya akan membahas tentang bagaimana cara membuat tombol Artikel SEO ini.

Banyak layer dan frame yang akan digunakan
Banyak layer dan frame yang akan digunakan
Pembuatan tombol ini memerlukan 3 (tiga) layer, diantaranya Layer 2, Layer 4, dan Layer 3. Pada layer tombol yaitu layer 2, terdapat tombol dengan nama instansi (instance name) btn_seo, lihat pada panel properties berikut ini :

gambar panel properties - btn_seo
gambar panel properties - btn_seo

Perhatikan Layer 4, klik bagian icon gembok Layer 4.

Layer 4 setelah di gembok
Layer 4 setelah di gembok
Jika bagian tersebut sudah digembok klik 2x objek yang ada di Layer 2 maka Anda akan memasuki mode Edit.

Mode edit Layer 2
Mode Edit layer 2
Pada tampilan mode edit diatas dapat Anda lihat layer dan frame yang tidak sama seperti yang ada pada bagian scene awal.

Frame yang menunjukkan tanda panah tersebut adalah mode Motion Tween yang biasa digunakan untuk membuat animasi. Teknik ini banyak digunakan sebagai teknik dasar dalam pembuatan animasi. 

Jika kita lihat pada frame 6, maka bentuk tombol bertransformasi seperti pada berikut ini :

Frame 6 menunjukkan objek bertransformasi
Frame 6 menunjukkan objek bertransformasi

Pada frame 10 menunjukkan kondisi awal tombol.

Frame 10 menunjukkan kondisi awal tombol
Frame 10 menunjukkan kondisi awal tombol

Jika di Running, maka akan terlihat animasi pada tombol "Artikel SEO".

Oiya, tidak lupa pada frame 10 diberikan script stop();, hal ini dilakukan untuk menghentikan animasi agar tidak kembali berjalan ke frame 1.

Kembali ke Scene awal (Ctrl+E), dan arahkan kursor ke Layer 3. Pada Layer 3 tekan F9 untuk menampilkan Frame-Actions

Berikut penggalan script (Actionscript 2.0) yang Anda ketikkan :

artikel_seo_mc.stop();

btn_seo.onRollOver = function(){
    artikel_seo_mc.play();
}
btn_seo.onRollOut = function(){
    artikel_seo_mc.play();

Penjelasan :

btn_seo.onRollOver, --> Artinya ketika kursor mouse menyentuh tombol maka animasi ini akan aktif.
btn_seo.onRollOut, --> Artinya ketika kursor mouse tidak menyentuh tombol maka animasi ini tidak aktif.

Tutorial lengkapnya bisa Anda unduh disini.

Flash tutorial || Belajar dasar flash actionscript || mengenal lebih dalam flash cs

Membuat Tombol "Artikel SEO" Membuat Tombol "Artikel SEO" Reviewed by Ardy S on January 21, 2016 Rating: 5

No comments:

Powered by Blogger.