SlideShare a Scribd company logo
1 of 11
Download to read offline
TUTORIAL ANIMASI FLASH 
“TEKNIK LAYER MASKING” 
 
 
 

  
 

 
 
 
 

DISUSUN OLEH 
DEKA MUKHAMAD WILDAN 
SKS 12.2 
410391290015 
 
 

SEKOLAH TINGGI ELEKTRONIKA DAN KOMPUTER 
( STEKOM ) 
TAHUN AKADEMIK 2013 
G.   LAYER MASKING  MENGGAMBAR DAN MENGHAPUS 
Masking merupakan sebuah teknik dasar dalam pembuatan animasi dengan Macromedia Flash. Dengan 
teknik ini kita bisa membuat cara menampilkan object flash sesuai dengan keinginan kita. Contoh 
penggunaan layer masking menggambar dan menghapus objek, seperti di bawah ini : 
1. Buka aplikasi macromedia flash 8 dan klik Flash Document pada menu Create New. 

 
2. Setelah itu masukkan gambar dengan cara klik menu file – pilih import – lalu pilih Import to 
stage. 

 
3. Kemudian sesuaikan gambarnya dengan stage animasinya lalu buat layer baru dengan nama 
MASK. 

 
 
 
4. Selanjutnya buat frame baru pada layer 1 atau layer objek gambar tersebut pada time line 
nomor 20. 

 
5. Setelah itu ubah layer yang bernama mask menjadi masking layer dan hilangkan tanda gembok 
pada kedua layer tersebut, kemudian buat objek brush dengan warna bebas dan letakkan di 
ujung kiri atas seperti gambar di bawah ini : 

 
6. Kemudian buat keyframe baru pada layer masking pada time line nomor 2 dengan cara 
menekan tombol F6 untuk shortcut keyboard membuat keyframe baru, setelah itu buat lagi 
brushnya letakkan di bawah brush pertama seperti gambar di bawah ini : 

 
7. Selanjutnya buat keyframe berurutan dengan cara yang sama seperti tadi dan buat brush warna 
yang sama seperti tadi, buat seperti contoh gambar di bawah ini : 

 

 
8. Kemudian buat objek pensil untuk membuat efek menggambar objeknya dengan terlebih 
dahulu membuat simbol baru dengan nama pensil dan tipe movie clip. 

 
9. Setelah itu ganti nama layer 1 menjadi tengah, lalu buat objek persegi panjang dengan warna fill 
biru seperti gambar di bawah ini : 

 
10. Kemudian kunci layer tengah tersebut setelah itu buat layer baru dengan nama kanan, lalu buat 
objek persegi panjang lagi dengan warna fill gradasi tipe linear pada menu Color yang terdapat 
di samping kanan atas stage. 

 
 

 
 
11. Setelah itu ganti warna gradasi hitam menjadi biru dengan mengklik ikon 
pada menu color di bawah menu alpha. 

 
12. Dan hasilnya akan terlihat seperti gambar di bawah ini : 

 yang terdapat 

 

 
13. Selanjutnya buat layer baru dengan nama kiri, lalu buat objek yang sama seperti objek sebelah 
kanan dengan warna gradasi yang sebaliknya, dan hasilnya akan terlihat seperti gambar di 
bawah ini : 
 

 
14. Setelah itu klik menu Free Transform Tool lalu ubah bentuk objek persegi panjang sebelah kanan 
dan kiri dan objek persegi panjang bagian tengah seperti gambar di bawah ini : 

 
15. Kemudian buat layer baru dengan nama atas dan letakkan di paling atas layer, lalu buat 2 
lingkaran seperti gambar di bawah ini : 

 
16. Setelah itu buat layer baru lagi dengan nama bawah dan letakkan paling bawah layer, lalu buat 
objek segitiga dengan menggunakan menu  polystar yang terdapat satu tool dengan Rectangle 
Tool, kemudian klik option pada menu properties, kemudian pada Number Of Sides yang tadinya 
5 ubah menjadi 3 lalu klik ok. 

 
 

 
17. Kemudian buat objek segitiga, letakkan di bawah objek lain seperti gambar di bawah ini : 

 
18. Selanjutnya buat lagi objek segitiga pada layer baru yang bernama ujung dengan posisi di atas 
layer bawah, seperti contoh gambar di bawah ini : 

 
19. Setelah itu kembali ke stage animasi utama, kemudian buat layer baru dengan nama alat tulis, 
letakkan di atas layer mask dan masukkan objek symbol pensilnya ke dalam stage utama dan 
letakkan objeknya seperti gambar di bawah ini : 

 
20. Kemudian buat keyframe baru pada layer alat tulis pada time line nomor 2 dan letakkan objek 
pensilnya seperti gambar di bawah ini : 

 
21. Selanjutnya buat lagi keyframe baru sampai dengan keyframe nomor 20 pada layer alat tulis dan 
sesuaikan posisi objek pensil seperti langkah tadi dan hasilnya akan terlihat seperti gambar di 
bawah ini : 

 
22. Setelah itu buat frame baru pada layer 1 pada time line nomor 40. 

 
23. Kemudian buat keyframe baru pada layer mask pada time line nomor 21, setelah itu hapus 
brushnya dari bawah dengan menggunakan menu Erase Tool seperti gambar di bawah ini : 

 
 

 
24. Selanjutnya lakukan hal yang sama seperti tadi pada keyframe selanjutnya sampai pada 
keyframe nomor 40 sehingga objeknya akan kembali seperti semula dan hasilnya akan terlihat 
seperti gambar di bawah ini : 

 
25. Setelah itu buat symbol baru dengan nama penghapus dan tipe movie clip , lalu buat gambar 
penghapus dengan menggunakan menu Rectangle Tool, seperti contoh gambar di bawah ini : 

 

 
26. Selanjutnya kembali ke stage utama, setelah itu buat keyframe baru pada layer alat tulis pada 
time line nomor 21, kemudian ganti objek pensil menjadi penghapus yang sudah di buat tadi 
dan sesuaikan ukuran dan posisinya seperti pada pensil tadi. 

 
27. Setelah itu lakukan hal yang sama pada keyframe‐keyframe lainnya seperti tadi, hingga hasilnya 
akan terlihat seperti contoh gambar di bawah ini : 

 
 
 
28. Selanjutnya buat keyframe baru pada layer 1 pada time line nomor 41, setelah itu ganti objek 
gambar layer 1 dengan yang lain dengan cara import file dari computer dengan menu import to 
stage dengan ukuran dan posisi yang sama pada objek gambar yang pertama. 

 
29. Setelah itu buat bentuk efek animasi layer mask masknya seperti gambar pertama tadi, 
kemudian simpan projectnya dan jalankan animasinya, sehingga hasilnya akan terlihat seperti 
contoh gambar di bawah ini : 

 
 

 
  

 

BIODATA PENULIS 

Penulis yang bernama asli Deka Mukhamad Wildan ini menamatkan dirinya dari SMK Bhakti 
Nusantara Boja Kendal tahun 2011 jurusan Teknik Komputer dan Jaringan (TKJ), yang beralamat 
di Boja juga. Sekarang ini penulis bekerja di SMK Bhakti Nusantara sebagai staff Tata Usaha 
sekaligus admin dari website www.smkbhinus.net  sejak bulan Agustus 2011, sambil mengajar 
juga di kelas 1 program keahlian Rekayasa Perangkat Lunak (RPL) tentang pemrograman web.  
Penulis juga masih aktif sebagai mahasiswa STEKOM Semarang angkatan 2012, mengambil 
Program studi D3 jurusan Teknik Komputer. Hobi penulis yaitu belajar ilmu komputer apa aja 
yang penting tentang komputer, lalu Bermain bola Voly, Nonton TV, Facebookan, dan surfing di 
internet. 
 

More Related Content

More from Deka M Wildan

Tutorial sistem informasi perpustakaan
Tutorial sistem informasi perpustakaanTutorial sistem informasi perpustakaan
Tutorial sistem informasi perpustakaanDeka M Wildan
 
Tutorial membuat system login database
Tutorial membuat system login databaseTutorial membuat system login database
Tutorial membuat system login databaseDeka M Wildan
 
Tutorial aplikasi toko online berbasis web dengan PHP
Tutorial aplikasi toko online berbasis web dengan PHPTutorial aplikasi toko online berbasis web dengan PHP
Tutorial aplikasi toko online berbasis web dengan PHPDeka M Wildan
 
Fungsi fungsi pada php - pemrograman php my sql
Fungsi fungsi pada php - pemrograman php my sqlFungsi fungsi pada php - pemrograman php my sql
Fungsi fungsi pada php - pemrograman php my sqlDeka M Wildan
 
Tutorial aplikasi bioskop berbasis web PHP
Tutorial aplikasi bioskop berbasis web PHP Tutorial aplikasi bioskop berbasis web PHP
Tutorial aplikasi bioskop berbasis web PHP Deka M Wildan
 
Project lanjutan database bioskop
Project lanjutan database bioskopProject lanjutan database bioskop
Project lanjutan database bioskopDeka M Wildan
 
Bab 2 php - Memasukkan Data
Bab 2 php  - Memasukkan DataBab 2 php  - Memasukkan Data
Bab 2 php - Memasukkan DataDeka M Wildan
 
Bab 2 php - memasukkan data ke tabel
Bab 2 php - memasukkan data ke tabelBab 2 php - memasukkan data ke tabel
Bab 2 php - memasukkan data ke tabelDeka M Wildan
 
Bab 1 php koneksi php ke mysql
Bab 1 php   koneksi php ke mysqlBab 1 php   koneksi php ke mysql
Bab 1 php koneksi php ke mysqlDeka M Wildan
 
Tutorial sistem informasi eksekutif web php
Tutorial sistem informasi eksekutif web phpTutorial sistem informasi eksekutif web php
Tutorial sistem informasi eksekutif web phpDeka M Wildan
 
Buku pemrograman web html-css-javascript
Buku pemrograman web html-css-javascriptBuku pemrograman web html-css-javascript
Buku pemrograman web html-css-javascriptDeka M Wildan
 
Variabel dan Operator PHP
Variabel dan Operator PHPVariabel dan Operator PHP
Variabel dan Operator PHPDeka M Wildan
 
Pemrograman visual - tipe data variabel dan operator
Pemrograman visual - tipe data variabel dan operatorPemrograman visual - tipe data variabel dan operator
Pemrograman visual - tipe data variabel dan operatorDeka M Wildan
 
Pengenalan ER-Diagram
Pengenalan ER-DiagramPengenalan ER-Diagram
Pengenalan ER-DiagramDeka M Wildan
 
Pengenalan pemrograman aplikasi visual desktop
Pengenalan pemrograman aplikasi visual desktopPengenalan pemrograman aplikasi visual desktop
Pengenalan pemrograman aplikasi visual desktopDeka M Wildan
 
Praktikum Pemrograman visual desktop
Praktikum Pemrograman visual desktopPraktikum Pemrograman visual desktop
Praktikum Pemrograman visual desktopDeka M Wildan
 
Pengantar Pemrograman WEB PHP
Pengantar Pemrograman WEB PHPPengantar Pemrograman WEB PHP
Pengantar Pemrograman WEB PHPDeka M Wildan
 
Modul Dbms mysql dan perintah dasar SQL
Modul Dbms mysql dan perintah dasar SQLModul Dbms mysql dan perintah dasar SQL
Modul Dbms mysql dan perintah dasar SQLDeka M Wildan
 
Modul basis data (database)
Modul basis data (database)Modul basis data (database)
Modul basis data (database)Deka M Wildan
 
Perintah bahasa Query (SQL)
Perintah bahasa Query (SQL)Perintah bahasa Query (SQL)
Perintah bahasa Query (SQL)Deka M Wildan
 

More from Deka M Wildan (20)

Tutorial sistem informasi perpustakaan
Tutorial sistem informasi perpustakaanTutorial sistem informasi perpustakaan
Tutorial sistem informasi perpustakaan
 
Tutorial membuat system login database
Tutorial membuat system login databaseTutorial membuat system login database
Tutorial membuat system login database
 
Tutorial aplikasi toko online berbasis web dengan PHP
Tutorial aplikasi toko online berbasis web dengan PHPTutorial aplikasi toko online berbasis web dengan PHP
Tutorial aplikasi toko online berbasis web dengan PHP
 
Fungsi fungsi pada php - pemrograman php my sql
Fungsi fungsi pada php - pemrograman php my sqlFungsi fungsi pada php - pemrograman php my sql
Fungsi fungsi pada php - pemrograman php my sql
 
Tutorial aplikasi bioskop berbasis web PHP
Tutorial aplikasi bioskop berbasis web PHP Tutorial aplikasi bioskop berbasis web PHP
Tutorial aplikasi bioskop berbasis web PHP
 
Project lanjutan database bioskop
Project lanjutan database bioskopProject lanjutan database bioskop
Project lanjutan database bioskop
 
Bab 2 php - Memasukkan Data
Bab 2 php  - Memasukkan DataBab 2 php  - Memasukkan Data
Bab 2 php - Memasukkan Data
 
Bab 2 php - memasukkan data ke tabel
Bab 2 php - memasukkan data ke tabelBab 2 php - memasukkan data ke tabel
Bab 2 php - memasukkan data ke tabel
 
Bab 1 php koneksi php ke mysql
Bab 1 php   koneksi php ke mysqlBab 1 php   koneksi php ke mysql
Bab 1 php koneksi php ke mysql
 
Tutorial sistem informasi eksekutif web php
Tutorial sistem informasi eksekutif web phpTutorial sistem informasi eksekutif web php
Tutorial sistem informasi eksekutif web php
 
Buku pemrograman web html-css-javascript
Buku pemrograman web html-css-javascriptBuku pemrograman web html-css-javascript
Buku pemrograman web html-css-javascript
 
Variabel dan Operator PHP
Variabel dan Operator PHPVariabel dan Operator PHP
Variabel dan Operator PHP
 
Pemrograman visual - tipe data variabel dan operator
Pemrograman visual - tipe data variabel dan operatorPemrograman visual - tipe data variabel dan operator
Pemrograman visual - tipe data variabel dan operator
 
Pengenalan ER-Diagram
Pengenalan ER-DiagramPengenalan ER-Diagram
Pengenalan ER-Diagram
 
Pengenalan pemrograman aplikasi visual desktop
Pengenalan pemrograman aplikasi visual desktopPengenalan pemrograman aplikasi visual desktop
Pengenalan pemrograman aplikasi visual desktop
 
Praktikum Pemrograman visual desktop
Praktikum Pemrograman visual desktopPraktikum Pemrograman visual desktop
Praktikum Pemrograman visual desktop
 
Pengantar Pemrograman WEB PHP
Pengantar Pemrograman WEB PHPPengantar Pemrograman WEB PHP
Pengantar Pemrograman WEB PHP
 
Modul Dbms mysql dan perintah dasar SQL
Modul Dbms mysql dan perintah dasar SQLModul Dbms mysql dan perintah dasar SQL
Modul Dbms mysql dan perintah dasar SQL
 
Modul basis data (database)
Modul basis data (database)Modul basis data (database)
Modul basis data (database)
 
Perintah bahasa Query (SQL)
Perintah bahasa Query (SQL)Perintah bahasa Query (SQL)
Perintah bahasa Query (SQL)
 

ANIMASI MASKING