Tutorial Membuat Efek Masking dengan Adobe Flash CS6

Pada tutorial kali ini, saya mencoba membuat video tutorial tentang animasi dengan menggunakan Adobe Flash CS6. Tutorial ini bisa juga dibuat menggunakan Adobe versi dibawahnya, seperti Adobe Flash CS5, Adobe Flash CS4, Adobe Flash CS3, Adobe Flash CS2, maupun menggunakan Macromedia.

Tutorial membuat animasi efek masking pada teks ini, sebenarnya sudah pernah dibuat juga versi teksnya yang berjudul Efek Text Masking. Jadi selain dibuatkan video tutorialnya, teman-teman blogger juga bisa lihat video nya...
Langsung saja lihat disini..

Tutorial Adobe Flash Company Profile (part 1)

Video tutorial cara membuat company profile dengan Adobe Flash CS6 ini, dibuat pada saat memberikan materi tentang desain grafis 2 (dasar-dasar animasi flash). Tutorial membuat company profile dengan Adobe Flash CS6 ini, merupakan penggabungan materi sebelumnya. Mudah-mudahan dengan materi yang diberikan ini bisa bermanfaat bagi teman-teman semua.
Untuk lebih jelasnya silahkan langsung saja lihat dan download video tutorialnya...

Animasi Button (Bagian 2)

Tutorial kali ini saya akan membagikan bagaimana cara membuat animasi button dengan efek rotation. Video tutorial berikut saya buat pada saat memberikan materi tentang membuat animasi dasar. Mudah-mudahan apa yang saya bagikan bisa bermanfaat bagi temen-temen semua, khususnya bagi saya sendiri. Video tutorial animasi ini saya buat menggunakan Adobe Flash, semoga bermanfaat.... :D

Pengenalan sistem kordinat layar

Pada mata pelajaran matematika, kita mengenal sistem kordinat kartesian. Pengetahuan yang kuat akan matematika, akan sangat mendukung kita nantinya dalam memahami sistem korninat layar. Pada sistem kordinat kartesian sumbu utama dibagi menjadi sumbu x (horisontal) dan sumbu y (vertikal). Persimpangan antara sumbu tersebut merupakan kordinat (0,0). Pada sumbu x semakin ke kiri maka nilai x semakin kecil dan sebaliknya semakin ke kanan nilai x semakin besar. Pada sumbu y semakin ke bawah maka nilai y semakin kecil dan sebaliknya semakin ke atas nilai y semakin besar.

Pada sistem kordinat layar komputer, hampir sama dengan kordinat kartesian, sumbu utama dibagi menjadi sumbu x (horisontal) dan sumbu y (vertikal). Akan tetapi kordinat (0,0) adalah pojok kiri atas layar. Perbedaan selanjutnya adalah pada sumbu y. Pada sumbu y semakin ke bawah maka nilai y semakin besar dan sebaliknya semakin ke atas nilai y semakin kecil. Perhatikan gambar berikut:

Kordinat kartesian dan kordinat layar pada flash

Contoh penerapan dari sistem kordinat layar dalam flash adalah sebagai berikut :


untuk menyelesaikan soal tersebut, kita gambarkan dahulu secara visual sebagai
berikut :

Jadi untuk menggerakan bola secara diagonal, maka pada saat yang bersamaan sumbu x digerakkan ke kanan (ditambah) dan sumbu y digerakan ke bawah (ditambah).




Proses pembuatan aplikasinya adalah sebagai berikut :
1. Buatlah sebuah obyek lingkaran dengan menggunakan oval tool.

2. Seleksi obyek lingkaran tersebut kemudian convert menjadi symbol dengan menekan tombol F8 (pilih menu insert>convert to symbol). Pilih movieclip pada option behaviour dan ketikan bola pada name. Perhatikan bagian regristration, bagian tersebut menentukan posisi suatu movieclip.

Sebagai contoh, ketika kita memilih  regristration  pada  bagian  tengah,  maka  posisi  penghitungan  kordinat movieclip nantinya dihitung di  bagian tengah tidak seperti  yang terlihat  pada properties (karena pada properties hitungan posisi dimulai dari pojok kiri atas).

3. Klik movieclip  bola   ubah posisinya tau letakan di pojok kanan atas stage,  dan } dalam  kondisi  terseleksi  buka  panel  action  (  tekan  f9  atau  klik  menu windows>action apabila panel action belum terbuka dan pastikan mode penulisan adalah mode expert jika menggunakan flash MX atau Flash 8). Kemudian ketikan script sebagai berikut :

 

4. Jalankan movie dengan menekan tombol Ctrl+Enter.  Maka bola akan bergerak diagonal  dari kiri atas ke kanan bawah sampai  hilang dari layar.  Tekan tombol Ctrl+W untuk kembali ke stage

Penjelasan program
1. Baris  onClipEvent (enterFrame) { berarti bahwa perintah dalam blok  { } akan dijalankan sepanjang frame aktif artinya pada default seting frame rate : 12 fps (frame  per  secon),  maka  perintah  dalam  blok  {  }  akan  dijalankan  setiap seperduabelas detik sepanjang movie tersebut dijalankan.

2. Baris  // menggerakan bola diagonal merupakan baris komentar, baris ini tidak dijalankan oleh flash.

3. Baris _x += 10; berarti setiap seperduabelas detik kordinat x dari bola ditambah 10  pixel, sehingga  bola  bergerak  kekanan.  Tanda  += merupakan  bentuk penyedehanaan dari action _x = _x+10;

4. Baris _y += 10; berarti setiap seperduabelas detik kordinat y dari bola ditambah 10 pixel, sehingga bola bergerak kebawah.

5. Karena komputer mengitung dengan sangat cepat, perhitungan dalam satu blok { } dapat dikerjakan dengan sekaligus sehingga bola tampak bergerak diagonal.

Referensi: Wandah W "Dasar Pemograman Flash Game"

Cara Penulisan Action Script pada Frame

Selamat datang kembali teman-teman blogger pecinta desain grafis. Pada tutorial desain grafis ini khususnya pada kategori tutorial adobe flash, tutorial ini bisa juga dijalankan semua versi adobe flash, dari Adobe Flash Cs3, Cs4, Cs5, Cs6 maupun yang masih menggunakan macromedia flash.

Pada tutorial sebelumnya yaitu penulisan script di dalam button dan di dalam movieclip, dapat ditulis dalam bentuk lain yang mana penulisan scriptnya diletakan didalam sebuah frame. Hal utama yang harus diingat dalam penulisan action pada frame adalah instance name. Instance name merupakan salah satu identitas yang terpenting dalam flash yang membedakan antara obyek satu dengan obyek yang lain.

 

 Aturan pemberian nama instance name antara lain adalah :

1. Nama intansi boleh sama dengan nama symbol.
2. Tidak boleh menggunakan spasi, titik, dan tanda baca yang lain.
3. Tidak boleh menggunakan nama yang sama dengan suatu perintah dalam flash misalnya : obyek, level, break dan sebagainya.
4. Tidak boleh menggunakan angka saja untuk nama akan tetapi sebuah nama instansi boleh diikuti dengan angka. Contoh yang salah :12, 13, dan sebagainya, contoh yang benar : bola1, bola_2 dan sebagainya.
5. Tidak boleh ada nama instansi yang sama.
6. Untuk mempermudah proses penulisan script, dapat ditambahkan “_mc” untuk symbol bertipe movieclip dan “_btn” untuk symbol bertipe button. Contoh : “bola1_mc”, “tombol1_btn” dan sebagainya.
7. Dua atau lebih symbol yang sama boleh dipakai, tetapi harus memiliki nama instansi yang berbeda.

Berikut cara penulisan action pada movieclip:
1. Pilih oval  tool pada tool box, buatlah sebuah obyek lingkaran.  Seleksi  obyek lingkaran tersebut kemudian convert menjadi symbol dengan menekan tombol F8 (pilih menu insert>convert to symbol). Pilih movieclip pada option behaviour dan ketikan bola pada name.

 

2. Klik symbol pada objek bola tersebut, kemudian buka panel instance dan ketikan nama “bola”
pada instance name.

 

3. Buatlah sebuah layer baru dan ubah namanya menjadi layer action. Penambahan layer action akan mempermudah kita dalam penulisan action pada frame, sehingga tidak akan mengganggu obyek yang lain.

 

4. Klik frame 1 layer action, dan dalam kondisi frame 1 terseleksi buka panel action (tekan f9 atau klik menu windows>action apabila panel action belum terbuka dan pastikan mode penulisan adalah mode expert jika menggunakan flash MX atau Flash 8).

5. Jalankan Movie dengan menekan tombol Ctrl+Enter, maka kita akan melihat hasil yang sama dengan dengan cara penulisan action pada movieclip.

Penjelasan pola penulisan action script pada frame adalah sebagai berikut :
1. Sebuah penulisan script di frame memiliki 3 tipe penulisan yaitu penulisan di dalam suatu blok movie event atau mouse event, contoh onEnterframe = function(){} dan penulisan tanpa movie event atau mouse event, tipe penulisan yang ke tiga adalah kombinasi dari keduanya.

2. Pada dasarnya penulisan action pada frame sama dengan penulisan pada movieclip maupun pada button. Hanya saja pada frame terdapat script function() dan penggunaan nama instansi.

3. Perhatikan perbedaan antara penulisan pada frame dan penulisan pada moviclip berikut:

 

4. Apabila ingin menuliskan action button pada frame, maka yang harus di ubah adalah movie event diubah menjadi mouse event. contoh : tombol.onRelease =function(){}

Keuntungan penulisan script pada frame :
1. Dibandingkan  dengan  menulis  action  di  movieclip,  penulisan  script  di  dalam movieclip  cenderung  lebih  rumit,  akan  tetapi  bagi  programmer  yang  familiar dengan bahasa pemrograman seperti C++,  Java,  Delphi atau V basic,  penulisan pada frame akan menjadi lebih mudah.
2. Lebih mudah dalam menuliskan function tertentu atau perintah berulang yang sering dipakai.
3. Karena  seluruh  script  biasanya dituliskan pada  frame,  maka  mengecek  action
seluruh obyek yang ada akan lebih mudah, tanpa harus ke masing-masing obyek.

Pola Penulisan Action Script pada Button

Cara penulisan action script pada tombol adalah sebagai berikut :

1. Pilih  rectangle  tool pada toolbox kemudian buatlah sebuah kotal. Anda juga bisa membuat rounded rectangle dengan memilih option rounded rectangle radius atau bisa juga membuat dengan gaya button bulat dan elips (sesuai selera masing-masing).

 

2. Aturlah static text “tombol” tepat diatas kotak yang sebelumnya telah kita buat, caranya klik text tool, kemudian buka properties dan atur jenis huruf, ukuran dan warna. Buka panel properties (apabila belum terbuka pilih menu window>properties). Pastikan option static text pada text type.

 

3. Seleksi tombol tersebut, kemudian konvert menjadi symbol dengan dengan menekan tombol F8 (pilih menu insert>convert  to symbol). Pilih button pada option behaviour dan ketikan tombol pada name.

 

4. Double klik tombol tersebut sehingga masuk dalam pengaturan tombol. Perhatikan dalam symbol bertipe button terdapat 4 frame yaitu up, over, down dan hit. Up menunjukan kondisi normal suatu tombol. Over menunjukan kondisi tombol saat mouse berada tepat di atasnya. Down menunjukan kondisi tombol saat ditekan dan Hit merupakan area penekanan (sensor) tombol tersebut.

 

5. Klik frame over kemudian masukan keyframe dengan menekan tombol F6 (pilih menu insert>keyframe). Ubah warna dan ukuran tombol pada frame over tersebut Untuk frame Down dan Hit biasanya bisa kita abaikan.

Perbedaan warna antara frame up dan frame over

6. Tekan tombol  Ctrl-E untuk kembali  ke  Stage utama.  Klik tombol dan dalam kondisi  tombol  terpilih  buka  panel  action (  tekan  F9  atau  klik  menu windows>action apabila panel action belum terbuka dan pastikan mode penulisan adalah mode expert jika menggunakan flash MX atau Flash 8). Kemudian ketikan script sebagai berikut :

 

7. Tekan Ctrl+Enter untuk menjalankan movie. Tekan tombol Ctrl+W untuk kembali ke stage.

 

Cara membuat Animasi pada Button

1. Buka Adobe Flash > Pilih Action Script 2.0 2. Pilih Rectangle Tool > drag sehingga membentuk button persegi panjang

3. Klik objek button (persegi panjang), tekan f8 pada keryboard ( convert to symbol ) sehingga muncul jendela convert to symbol > pilih type button

4. Klik 2 kali pad button sehingga muncul halaman symbol button > tekan f6 pada bagian over > dan jadikan atau convert kembali button dengan menekan f8 kemudian pilih type Movie Clip

5. Klik 2 kali pada objek sehingga muncul halaman symbol 2, kemudian buat layer baru (layer 2) > buat objek misalnya segi lima > kemudian tempatkan layer 2 dibawah layer 1 ( sehingga objek segi lima berada dibawah objek button )

6. Klik objek segi lima > jadikan symbol movie clip ( seperti langkah ke 4 ) > kemudian berikan scrip pada objek segi lima dengan cara klik objek segilima ( harus sudah dijadikan movie clip dahulu ) kemudian tekan f9 (untuk memmunculkan jendela action ) kemudian tuliskan script rotation seperti pada tutorial membuat animasi putar

7. Jalankan animasi dengan menekan Ctrl+Enter, sentuh button sehingga akan muncul animasi putar saat di sentuh. DOWNLOAD

Cara Membuat Menu Pop Up pada Flash

Pop up menu merupakan tombol menu yang berisikan beberapa sub-menu lain. Flash tidak memiliki tool khusus untuk membuat menu seperti ini. Namun dengan sedikit trik, kita bisa membuatnya, bahkan untuk yang kompleks sekalipun. Untuk menggunakan tutorial ini, saya asumsikan anda telah mengenal konsep menggambar dalam Flash, serta penggunaan Symbol berbentuk Movie Clip dan Button. untuk mendownload tutorialnya langsung saja klik link berikut >> Cara Membuat Menu Pop Up pada Flash

by Anggi Prima Nadvi Lubis, ST

Efek Text Masking

1. Buka Adobe Flash >> pilih ( Action Script 2.0 )
2. Pilih Tex Tool > Tuliskan misalkan nama “Muryan Awaludin” dengan warna orange ( FF9900 )


3. Klik new layer ( buatlah 2 layer ) berarti ada layer 2 dan layer 3 , copy teks “Muryan Awaludin” pada layer 3 dan posisikan sama dengan text pada layer 1.


4. Klik layer 2 >> buat objek kotak dengan Rectangle Tool ( pilih warna gradient )


5. Aturlah pada Layer 1 dan layer 3 ( pilih frame 40 : Insert frame [tekan F5 pada keyboard]) ), pada Layer 2 ( pilih frame 40 : Insert Key Frame [tekan F6 pada keyboard] ). Kemudian pada layer 2 buatkan Motion Tween( jika menggunakan adobe cs3 ) , Classic Tween ( jika menggunakan adobe cs5 ).


6. Pindahkan objek ( pada layer 2 ) ke sebelah kanan


7. Kemudian pada layer 3 jadikan layer mask, caranya klik kanan pada layer 3 >> Pilih Mask >> Jika sudah selesai untuk menjalankan animasinya tekan Ctrl + Enter


DOWNLOAD Efek Text Masking
DEMO ANIMASI SWF
Password rar: www.ilmudesain.web.id

Animasi Spiral

Tutorial kali ini kita tidak membuat objek di halaman stage, karena objek akan langsung dibuat menggunakan script dimana nanti akan muncul sebuat garis di tengah stage, garis tersebut akan terus berputar sehingga membentuklah sebuah objek spiral. udah dulu ngobrolnya sekarang langsung kita ke TKP aja ya..


1. Bukalah Adobe Flash document, ukuran misalnya 500 x 500 px
2. Klik frame 1 kemudian tekan f9, pada panel actions ketikan script seperti berikut :

jarak = 0;
sudut = 0;
posX = 0;
posY = 0;
kecepatan = 0.2;
this.createEmptyMovieClip("spiral", this.getNextHighestDepth());
spiral._x = Stage.width/2;
spiral._y = Stage.height/2;
spiral.lineStyle(8, 0xea1a06);
onEnterFrame = function () {
 spiral._rotation += 20;
 if (jarak<150) {
  jarak += 0.7;
  sudut += kecepatan;
  posX = Math.cos(sudut)*jarak;
  posY = Math.sin(sudut)*jarak;
  spiral.lineTo(posX, posY);
 }
};

3. Tekan Ctrl Enter untuk menjalankan Animasinya

DEMO ANIMASI
DOWNLOAD TUTORIAL
Password : www.ilmudesain.web.id

Animasi Teks

Berikut ini adalah contoh animasi teks sederhana menggunakan Macromedia Flash, dimana terdapat 3 buah teks yang akan berjalan secara bersamaan namun dengan arah yang berlainan. Ditunjukkan juga kegunaan dari property change direction of text untuk mengubah arah penulisan teks. Untuk membuat animasi ini langkah-langkahnya adalah sebagai berikut :

1. Pada layer 1 ketiklah teks " Ilmu Desain Grafis " persis diatas batas stage, untuk mengubah arah penulisan teks pada bagian properties pilih change orientation of text pada saat kursor berada di akhir teks.


Agar teks tertulis secara vertikal, pilihlah Vertical, Left to Right seperti ditunjukkan dalam gambar berikut :


2. Tulisan "Ilmu Desain Grafis" pada layer 1 akan nampak seperti dalam gambar berikut ini :

Animasikan teks tersebut jalan dari atas ke bawah sampai frame 30.

3. Tambahkan layer baru, beri nama layer 2, kemudian ketik teks "TUTORIAL DESAIN" Tambahkan layer baru lagi (layer 3) dan ketik teks ketiga "ANIMASI FLASH" dengan arah teks horizontal di batas kiri stage, lalu animasikan jalan dari kiri ke kanan sampai frame 30.




Password PDF : www.ilmudesain.web.id

Membuat Kuis Pilihan Ganda

Langkah-Langkah:
1. Aktifkan program Macromedia Flash anda. Pada Creat New, pilih Flash Document.
2. Opsional: Pada Frame 1 Layer 1, buat background dengan rectangle tool. Klik kanan frame 7, pilh Insert Keyframe. Kunci Layer 1.
3. Klik Insert Layer (sudut kiri bawah timeline) untuk membuat Layer baru (layer 2).
4. Klik Frame 1 Layer 2, buat judul kuis dengan Static Text. Di bawah judul, buatlah kotak nama dengan Input Text (aktifkan ‘Show border around text’). Pada Var, ketik ‘nama’. Tambahkan petunjuk pengisian kotak nama di atas Input Text. Sejauh ini hasilnya seperti gambar di bawah.


5. Klik kanan Frame 2 Layer 2, pilih Insert Blank Keyframe. Buat soal beserta pilihan jawabannya dengan tipe teks Static.

6. Klik Frame 2 Layer 2, kemudian tekan F6 pada Keyboard untuk meng-copy frame sampai dengan Frame 6. Klik Frame 3, ganti soal beserta jawabannya. Demikian seterusnya sampai dengan soal nomor lima yang ada di Frame 6.

7. Klik kanan Frame 7 Layer 2, pilih Insert Blank Keyframe. Sampai di sini, kunci Layer 2 dan simpan dulu dengan nama file LATIHAN1.

8. Buat Layer baru (Layer 3). Klik Frame 1, Buat teks ‘MULAI’ dengan Static Text, letakkan di bawah kotak nama. Klik Selection Tool (tanda panah kanan atas pada Tools), Klik kanan pada teks ‘MULAI’ tersebut, Pilih Convert to Symbol, Type-nya pilih Button, lalu klik OK. Pastikan Panel Properties aktif, pada kotak Instance Name ketik ‘startbutton’.

9. Pastikan button kotak terseleksi, Ketik ‘button_a’ pada kotak Instance Name pada Panel properties.

10. copy button kotak tadi (klik kanan, Copy Paste 3 kali) dan masing-masing letakkan tepat di atas pilihan B, C, dan D. Seleksi button di atas pilihan jawaban B, Ubah Instance Name-nya menjadi ‘button_b’, di atas pilihan jawaban C menjadi ‘button_c’, dan di atas pilihan jawaban D menjadi ‘button_d’. Sampai di sini, simpan dulu (tekan Ctrl+S).

11. Klik Frame 2 Layer 3, tekan F6 4 kali untuk men-copy frame. Klik kanan Frame 7 Layer 3, pilih Insert Blank Keyframe. Kunci Layer 3.

12. Buat Layer baru (Layer 4). Klik Frame 1 . Tekan F7 6 kali. Masih di Layer 7, kembali klik Frame 1, lalu tekan F9 untuk menampilkan panel Action dan masukkan ActionScript berikut (bisa dengan Copy-Paste):
stop();
score = 0;
startbutton.onPress = function() {
nextFrame();
};
13. Klik Frame 2 Layer 4, masukkan ActionScript berikut:
stop();
onEnterFrame = function () { skor = +score;};
button_a.onPress = function() {
nextFrame();
};
button_b.onPress = function() {
score += 20;
nextFrame();
};
button_c.onPress = function() {
nextFrame();
};
button_d.onPress = function() {
nextFrame();
};

Keterangan: Soal no. 1 kunci jawabannya B. Jika button_b (pilihan jawaban B) diklik skor bertambah 20 dan menuju frame berikutnya yang berisi soal berikutnya.

14. Klik Frame 3 (masih di Layer 4), masukkan ActionScript berikut:
stop();
onEnterFrame = function () { skor = +score;};
button_a.onPress = function() {
score += 20;
nextFrame();
};
button_b.onPress = function() {
nextFrame();
};
button_c.onPress = function() {
nextFrame();
};
button_d.onPress = function() {
nextFrame();
};

Keterangan: Soal no. 2 kunci jawabannya A. Jika button_a (pilihan jawaban A) diklik skor bertambah 20 dan menuju frame berikutnya yang berisi soal berikutnya.

15. Klik Frame 4 (masih di Layer 4), masukkan ActionScript berikut:
stop();
onEnterFrame = function () { skor = +score;};
button_a.onPress = function() {
score += 20;
nextFrame();
};
button_b.onPress = function() {
nextFrame();
};
button_c.onPress = function() {
nextFrame();
};
button_d.onPress = function() {
nextFrame();
};

Keterangan: Soal no. 3 kunci jawabannya A. Jika button_a (pilihan jawaban A) diklik skor bertambah 20 dan menuju frame berikutnya yang berisi soal berikutnya.

16. Klik Frame 5 (masih di Layer 4), masukkan ActionScript berikut:
stop();
onEnterFrame = function () { skor = +score;};
button_a.onPress = function() {
nextFrame();
};
button_b.onPress = function() {
nextFrame();
};
button_c.onPress = function() {
score += 20;
nextFrame();
};
button_d.onPress = function() {
nextFrame();
};

Keterangan: Soal no. 4 kunci jawabannya C. Jika button_c (pilihan jawaban C) diklik skor bertambah 20 dan menuju frame berikutnya yang berisi soal berikutnya.

17. Klik Frame 6 (masih di Layer 4), masukkan ActionScript berikut:
stop();
onEnterFrame = function () { skor = +score;};
button_a.onPress = function() {
nextFrame();
};
button_b.onPress = function() {
score += 20;
nextFrame();
};
button_c.onPress = function() {
nextFrame();
};
button_d.onPress = function() {
nextFrame();
};

Keterangan: Soal no. 5 kunci jawabannya B. Jika button_b (pilihan jawaban B) diklik skor bertambah 20 dan menuju frame berikutnya.
Sampai di sini, simpan dulu (tekan Ctrl+S).

18. Selanjutnya, buka kunci Layer 2 dengan cara klik tanda gambar gembok di Layer tersebut. Klik kanan kotak Input Text yang telah dibuat di Frame 1 Layer 2, Copy dan Paste-kan di Frame 7 (masih di Layer 2). Klik ganda kotak Input Text dan ketik ‘tanpa nama’.

Di bawah kotak Input Text, ketik ‘Nilai anda:’ dengan ukuran Font 15 (Type Text-nya Static Text). Di bawah teks ‘Nilai anda:’, buat Dynamic Text kosong dengan cara klik Text Tool (A) pada panel Tools, pastikan panel Properties aktif, kemudian pilih Dynamic Text dengan ukuran font 50, klik di bawah teks ‘Nilai anda:’ dan drag ke kanan. Pada kotak ‘Var’, ketik ‘skor’.
Di bawah ‘Dynamic Text’ dengan nama Variable ‘skor’, ketik dengan tipe teks Static Text ‘Kriteria ketuntasan Minimal (KKM): 80’
Di bawah teks ‘Kriteria ketuntasan Minimal (KKM): 80’, buat lagi Dynamic Text kosong dengan nama variable ‘keterangan’. Kembali kunci Layer 2.
Tampilan Stage pada Frame 7 Layer 2 seperti Gambar di bawah.


19. Selanjutnya, buka kunci Layer 3. Klik Frame 7 Layer 3. Ketik ‘ULANGI’ dengan tipe teks Static. Klik kanan teks tersebut, pilih Convert to Symbol, tipenya Button. Pastikan panel Properties aktif dan pada kotak Instance Name ketik ‘restart_button’. Kembali kunci Layer 3.

20. Klik Frame 7 Layer 4 (pastikan Layer 4 tidak terkunci) kemudian tekan F9 untuk mengaktifkan panel Action dan masukkan ActionScript berikut:
if (score>=80) {
keterangan = "Bagus! Pertahankan Prestasi!";
}
if (score<=60) {
keterangan = "Anda belum tuntas. Belajar lagi, ya!";
}
restart_button.onPress = function() {
gotoAndStop(1);
};

21. Selesai dan tekan Ctrl+S untuk menyimpan. Di bawah adalah tampilan akhir jendela Flash Ducument frame terakhir (7).


22. Untuk melihat hasilnya, tekan Ctrl+Enter.

Salam Kreatif!

Sumber : M Mursyid PW

Menyisipkan sound pada Adobe Flash

1. Buka program Adobe Flash
2. Pilih File > Import > Import to Library


3. Setelah diklik import to library maka akan muncul jendela import to library > cari file suara dimana kamu simpan, jika sudah ketemu klik file suara yang akan dipilih > open > pada panel library akan muncul file sound yang kita ambil.


4. Klik pada Frame 1 kemudian pada sound pilih file suara yang sudah di import >pada jendela propertis pilih loop ( maksudnya agar efek suara selalu berulang ).


5. Untuk menjalankan animasi klik Ctrl + Enter pada Keyboard >>>> Good Luck!!!!

DOWNLOAD

Animasi Bola Pantul

1. Buka program Adobe Flash nya >>>>>pilih oval Tool > Drag


2. Insert New Layer (layer 2) > buatlah sebuah bola lagi dengan oval tool > letakan di bawah bola yang pertama.


3. Klik bola pada layer 2 > tekan f8 ( tujuanya untukmemunculkan jendela convert to symbol membuat objek menjadi graphic ) > Ok


4. Setelah objek ( bola pada layer bawah ) menjadi graphic > sekarang klik bola (bawah) > pada layer propertis ganti menjadi alpha misalnya 40%.


5. Insert Key Frame ( tekan f6 pd keyboard) pada Frame 15 dan 30


6. Klik pada Layer 1 dan 2 ( sehingga area frame terseleksi hitam ) klik kanan Create Motion Tween.


7. Pada Layer 1 > klik Frame 15 > kemudian tarik objek ke atas


8. Begitu juga pada layer 2 > klik frame 15 > tarik objek ( bawah ) ke bawah


9. Jalankan animasi dengan cara tekan Ctrl + Enter >>>>>Selamat mencoba!!!!!!!!!!!!!!!!!!!!!!!!!
DOWNLOAD