Tutorial Flash | Membuat Aplikasi Paint Draw

Pada tutorial Menggambar bentuk dengan Action Script 3.0, anda sudah mengenal Drawing API untuk membuat objek dasar seperti gambar garis, kotak, lingkaran dan sebagainya. Disini kita aka mencoba membuat program paint sederhana dengan memanfaatkan drawing api.
Pertama, kita buat Toolbox sederhana seperti gambar berikut:

Toolbox

Toolbox

  1. Aktifkan Rectangle Tool. Setting Properti dengan, stroke color :No, Fill Color: #EDEDED, Round: 5px. Buat kotak persegi panjang.Toolbox BackgroundToolbox Background
  2. Tambahkan objek lain seperti menambahkan label “Fl” dengan warna border merah dan area putih pada bagian tengah kotak.Pembuatan ToolboxPembuatan Toolbox
  3. Seleksi semua objek di atas kemudian Konversi menjadi symbol Movieclip. Beri nama “Toolbox”.Convert To SymbolConvert To Symbol
  4. Percantik tampilan toolbox dengan menambahkan filter Drop Shadow. Dengan memilih menu Window > Propertise > Filter. Klik tanda ‘+’ kemudian pilih Drop Shadow.Drop ShadowDrop Shadow
  5. Buat gambar pencil kemudian ubah menjadi movie clip. Pada instance name beri nama “pencil_mc”.Panel PropertiesPanel Properties
  6. Masuk menu edit symbol movie clip pencil. Buat keyframe baru pada frame 2. Buat tampilan yang berbeda pada pencil seperti gambar berikut:Frame 1 dan 2Frame 1 dan 2
  7. Pada frame 1 buka panel action kemudian beri perintah stop();
  8. Kembali ke scene utama dengan menekan Scene 1.
  9. Buat objek garis tipis kemudian konversi menjadi movie clip. Pada instance name beri nama “line1_mc”.
  10. Masuk menu edit symbol movieclip “line1_mc”. Pada frame dua buat gambar yang berbeda seperti berikutFrame 1 dan 2Frame 1 dan 2
  11. Pada frame 1, beri action stop(); lalu kembali ke scene utama.
  12. Lakukan langkah 9-11 untuk membuat objek garis lainnya dengan ketebalan yang berbeda.
  13. Yang terakhir kita buat palet warna, untuk membuatnya kita cukup memanfaatkan komponen ColorPicker yang sudah tersedia pada flash. Lakukan dengan memilih menu Windows > Components. Pada bagian User Interfaces, drag ColorPicker ke dalam stage.Color PickerColor Picker

     

  14. Pada instance name, beri nama “paletColor”.
  15. Setelah semua objek selesai dibuat, atur hingga tampak seperti gambar berikut:Hasil

Segera Hub :
Jogja Multimedia
Jl. Magelang KM 7,5 Yogyakarta
HP : 0877.3887.5400
WA : 0877.3887.5400

Pin BB : 5229B9B9
website : www.jogjacourse.com
website : www.jogjacourse.net
website : www.jogjalearn.com
website : www.jogjalearn.net

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s