MENGGAMBAR OBJEK Menggambar objek sederhana dengan menggunakan Adobe Flash CS6. Objek yang akan kita gambar adalah Gajah. Tools yang akan digunakan diantaranya Oval Tool (O) dan Line Tool (N) untuk membuat objek. Untuk mewarnai objek kita menggunakan Paint Bucket Tool (K). 1.!Pertama tama kita aktifkan Oval Tool (O), perhatikan bagian Fill dan Stroke, klik Stroke ubah warnanya menjadi warna hitam dengan ukuran Stroke 1.00 lalu ubah Fill Color menjadi No Fill Color. Usahakan dalam menggambar objek Fill Color diubah menadi No Fill Color untuk memudahkan dalam membuat suatu objek. Gambar 1.1. Fill dan Stroke 2.!Selanjutnya kita mulai untuk membuat kepala Gajah dengan menggunakan Oval Tool (O). Caranya klik Oval Tool (O) lalu kita drag pada stage (lembar kerja). Apabila akan membuat lingkaran bulat sempurna pada saat di drag secara bersamaan kita tekan tombol Shift. Agar menyerupai kepala Gajah, kita lekukan objek Oval pada stage tersebut dengan menggunakan Selection Tool (V), selanjutnya buatlah telingga Gajah dengan menggunakan Line Tool (N) hingga tampak seperti gambar dibawah ini. Modul Adobe Flash Sari Setyaning Tyas pg. 1 Gambar 1.2. Oval Tool pada Kepala Gajah
3.!Setelah membuat kepala dan telingga Gajah, kita lanjutkan untuk membuat badan Gajah dengan menggunakan Oval Tool (O) perhatikan contoh gambar dibawah ini, selanjutnya hapus garis yang tidak digunakan dengan cara seleksi garis menggunakan Selection Tool (V) lalu klik Delete pada Keyboard. Gambar 1.3. Badan Gajah dengan Oval Tool 4.!Selanjutnya kita buat Mata, Hidung, Kuku jari seperti gambar berikut ini Gambar 1.4. Mata Hidung dan Kuku Gajah Modul Adobe Flash Sari Setyaning Tyas pg. 2
5.!Terakhir, warnai gajah dengan cara klik Fill Color, kita pilih warna abu-abu selanjutnya klik Paint Bucket Tool (K) dan kita klik Objek Gajah pada stage (lembar kerja). Gambar 1.5. Gajah setelah diberi warna Modul Adobe Flash Sari Setyaning Tyas pg. 3
MEMBUAT BOLA BASKET Membuat objek Bola Basket yang bergerak dengan menggunakan Motion Presets. Tools yang akan digunakan diantarannya Oval Tool (O) dan Line Tool (N) untuk membuat objek. Untuk mewarnai kita menggunakan Paint Bucket Tool (K) dan Gradient Transform Tool (F). 1.!Buatlah lingkaran berwarna merah, caranya klik Oval Tool (O) lalu kita drag pada stage (lembar kerja) sambil menekan tombol Shift secara bersamaan untuk mendapatkan lingkaran bulat sempurna. Gambar 2.1. Lingkaran Berwarna Merah 2.!Selanjutnya kita buat gradasi warna pada objek lingkaran tersebut. Klik objek lingkaran, lalu kita klik Color, ubah warna Solid Color menjadi Linear Gradient. Pada saat kita ubah menjadi Linear gradient, warna akan berubah menjadi hitam dan putih. Lalu kita ubah warnannya menjadi merah #ED462F dan putih #FFFFFF. Gambar 2.2. Linear Gradient Hitam Putih Modul Adobe Flash Sari Setyaning Tyas pg. 4
Gambar 2.3. Linear Gradient Merah Putih 3.!Klik Gradient Transform Tool (F) lalu kita seleksi objek lingkaran sehingga muncul garis biru seperti gambar dibawah ini. Kita putar warna gradasi tersebut sehingga warna putih diatas dan warna merah dibawah Gambar 2.4. Ubah warna Gradient Transform Tool Modul Adobe Flash Sari Setyaning Tyas pg. 5
4.!Objek lingkaran yang kita buat masih polos dan belum memiliki motif seperti bola basket, sekarang kita akan membuat motif pada objek lingkaran sehingga mirip sepeti bola basket dengan menggunakan Line Tool (N). Pertama buat garis siku seperti gambar dibawah ini, selanjutnya dengan menggunakan Selection Tool (V) kita lengkungan garis tersebut. Gambar 2.5. Garis siku pada objek oval Gambar 2.6. Garis siku dilengkungkan 5.!Sekarang kita membuat garis tengah pada bola basket dengan menggunakan Line Tool (N) dan dilengkungkan. 6.!Selanjutnya hapus garis yang tidak digunakan dengan cara klik Selection Tool (V) lalu klik Delete pada keyboard. Modul Adobe Flash Sari Setyaning Tyas pg. 6
Gambar 2.7. Membuat garis tengah pada Bola Basket 7.!Bola basket sudah jadi, sekarang kita akan membuat bola basket bergerak dengan menggunakan Motion Presets. Sebelumnya kita seleksi objek Bola Basket lalu kita tekan F8 pada keyboard Confert to Symbol. Ubah Name menjadi Bola Basket dengan Type Movie Clip lalu tekan OK. Gambar 2.8. Convert to Symbol pada Bola Basket Modul Adobe Flash Sari Setyaning Tyas pg. 7
8.!Setiap objek yang sudah di Convert to Symbol maka akan tampil kotak biru seperti gambar berikut ini Gambar 2.9. Movie Clip Bola Basket 9.!Bola basket yang judah menjadi Movie Clip akan kita buat animasi dengan cara klik Motion Presets (Window -> Motion Presets), lalu kita double klik Default Presets dan pilih bounce-in-3d dan kita klik tombol Apply. Gambar 2.10. Motion Presets 10.!Anda akan melihat perubahan pada bagian stage (lembar kerja), sudah terdapat jalur pergerakan Bola Basket berwarna hijau muda. Animasi Bola Basket sudah dapat dijalankan, tekan ctrl+enter untuk melihat hasilnnya. Modul Adobe Flash Sari Setyaning Tyas pg. 8
Modul Adobe Flash Sari Setyaning Tyas pg. 9 Gambar 2.11. Jalur pergerakan Bola Basket
MEMBUAT IKAN Membuat ikan dan akuarium dengan menggunakan Motion Tween. Kita akan membuat 3 layer, yang masing masing diberi nama layer ikan, layer rumput dan layer background. Tools yang akan digunakan diantarannya Oval Tool (O) dan Line Tool (N) untuk membuat objek. Untuk mewarnai kita menggunakan Paint Bucket Tool (K) dan Gradient Transform Tool (F). 1.! Pertama - tama kita akan menggambar pada layer background terlebih dahulu, dengan mengambil latar belakang didalam air. Buatlah gambar background seperti dibawah ini, atau sesuaikan dengan kreasi anda. Gambar 3.1. Background didalam air 2.! Setelah selesai, pada frame background akan kita tambahkan batu dan rumput, buatlah layer baru dengan nama rumput. Cara menggambar batu adalah dengan menggunakan Oval tool, selanjutnya dengan menggunakan selection tool kita ubah bentuknya seperti dibawah ini. Setelah batu jadi seperti pada gambar batu A selanjutnya batu di Group (ctrl + G). Apabila objek sudah di group akan tampak garis berwarna biru seperti gambar batu B. Batu tidak dapat kita edit warnannya apabila sudah di group. Apabila kita akan melakukan perubahan warna pada objek yang sudah di group, kita dapat meng Ungroup (ctrl + shift + G). Modul Adobe Flash Sari Setyaning Tyas pg. 10
Gambar 3.2. Batu A belum di group (sebelah kiri) dan batu B setelah di group (sebelah kanan) 3.! Selanjutnya kita akan membuat rumput menggunakan line tool dan diberi warna hijau, tampak seperti gambar berikut ini. Gambar 3.3. Rumput 4.! Sekarang kita membuat layer baru dan berinama layer ikan. Buatlah gambar ikan menggunakan line tool, selanjutnya diberi warna. Gambar 3.4. Ikan 5.! Selanjutnya kita seleksi gambar ikan lalu kita tekan F8 pada keyboard Confert to Symbol. Ubah Name menjadi ikan dengan Type Movie Clip lalu tekan OK. Modul Adobe Flash Sari Setyaning Tyas pg. 11
Gambar 3.5. Ikan convert to symbol 6.! Sekarang kita akan menggerakan ikan dengan Motion Tween. Posisikan layer ikan pada frame 1, ikan diletakan disebelah kanan, klik kanan pada frame1 Create Motion Tween. Timeline default motion tween sampai frame 25, dapat kita tarik hingga frame 40. Pada frame 40 klik kanan pilih insert keyframe. Selanjutnya letakan ikan disebe. ah kiri seperti gambar berikut. Gambar 3.6. posisi ikan frame 1 Modul Adobe Flash Sari Setyaning Tyas pg. 12
Gambar 3.7. posisi ikan frame 40 7.! Apabila motion tween bwerhasil maka akan muncul garis titik titik seperti gambar dibawah ini. Pada Layer background dan layer rumput di frame 40 klik kanan pilih insert frame. Selanjutnya untuk melihat hasilnya klik ctrl+enter Gambar 3.8. Posisi ikan motion tween Modul Adobe Flash Sari Setyaning Tyas pg. 13
Membuat Tombol Interaktif Membuat tombol interaktif. Kita akan membuat tombol intearktif sehingga bisa berpindah dari satu frame ke frame yang lain. 1.! Buatlah layer dengan nama konten. Pada frame 1 sampai frame 3 buatlah konten seperti dibawah ini Halaman 4.1 Timeline Konten Gambar 4.2. Halaman Home pada frame 1 Modul Adobe Flash Sari Setyaning Tyas pg. 14
Gambar 4.3. Halaman Produk pada frame 2 Gambar 4.4. Halaman Kontrak pada frame 3 2.! Pada halaman menu Home, Produk dan Kontrak masing masing diubah menjadi button. Untuh home, caranya klik kanan home pilih convert to symbol ubah name menjadi home_btn, type button lalu klik ok. Pada panel properties <instance name> ditulis home. Cara yang sama dilakukan pada tulisan Produk dan Kontrak. Produk, klik kanan produk pilih convert to symbol ubah name menjadi produk_btn, type button lalu klik ok. Pada panel properties <instance name> ditulis produk. Kontrak, klik kanan kontrak pilih convert to symbol ubah name menjadi kontrak_btn, type button lalu klik ok. Pada panel properties <instance name> ditulis kontrak. Modul Adobe Flash Sari Setyaning Tyas pg. 15
3.! Selanjutnya tekan F9 (window < Action < Code Snippets). Selanjutnya ketik script dibawah ini. 4.! Tekan ctrl + Enter untuk melihat hasilnya Modul Adobe Flash Sari Setyaning Tyas pg. 16