Timun Emas

Embed Size (px)

DESCRIPTION

belajar membuat animasi dengan macromedia flash

Citation preview

TUGAS KULIAHMULTIMEDIA2014

DISUSUN OLEH :NI LUH MADE DEWI ASIH ASTITA(21120111120004)

MARLINDA RAHMAWATI(21120111120005)

PROGRAM STUDI TEKNIK SISTEM KOMPUTERFAKULTAS TEKNIKUNIVERSITAS DIPONEGOROSEMARANG2014

Animasi Timun Emas dengan Menggunakan Macromedia Flash 81. Keadaan 1Keadaan 1 ini berisi judul dari animasi dengan background pemandangan sawah dan karakter Timun Emas serta tulisan judul yang berjalan. Keadaan 1 terdiri dari 2 layer dimana layer 1 untuk background sedangkan layer 2 untuk objek tulisan judul. Berikut langkah-langkah pembuatannya :1) Pada frame 1 di layer 1 yang diberi nama back1 dibuat gambar background pemandangan sawah menggunakan tools yang ada di sebelah kiri. Hasil gambar background terlihat seperti gambar 1.

Gambar 1. Tampilan awal animasi2) Kursor diletakkan pada frame 60 di layer 1, kemudian klik kanan dan memilih Insert Keyframe agar background tidak bergerak saat objek tulisan judul dijalankan.3) Menambahkan layer 2 dan diberi nama judul dengan cara memilih menu Insert > Timeline > Layer. Kemudian menghapus semua frame yang ada di layer 2. Pada frame 1 di layer 2 mengklik kanan dan memilih Insert Blank Keyframe dan menulis huruf T. 4) Menambahkan keyframe di frame 5 di layer 2 dengan cara meletakkan kursor pada frame 5, lalu mengklik kanan mouse dan memilih Insert Keyframe. Kemudian mengetik huruf i pada lembar kerja. Selanjutnya memasukkan kembali huruf m pada frame 10 di layer 2 dengan cara yang sama.5) Menentukan jarak tiap-tiap keyframe sesuai selera untuk meletakkan huruf-huruf selanjutnya. 6) Menambahkan sisa huruf yaitu u, n, E, m, a, s pada lembar kerja dengan langkah yang sama seperti langkah sebelumnya. Setelah semua langkah-langkah dilakukan, maka dapat dilihat bagaimana hasilnya dengan menekan tombol Enter pada keyboard untuk menjalankan animasi tersebut, atau dengan memilih menu Control kemudian Play. Animasi yang ditampilkan yaitu tulisan Timun Emas yang muncul satu persatu huruf-hurufnya.

2. Keadaan 2Keadaan 2 ini berisi cerita awal dari animasi Timun Emas dimana seorang janda pergi ke suatu goa untuk menemui seorang Raksasa untuk meminta anak. Keadaan 2 terdiri dari 2 layer untuk menciptakan pergerakan objek. Berikut langkah-langkah pembuatannya :1) Menambahkan layer baru dan diberi judul back2 untuk membuat latar belakang lingkuangan goa dengan cara menekan ikon Insert Layer. Dapat juga dilakukan dengan memilih menu Insert > Timeline > Layer. 2) Menghapus semua frame yang ada dengan cara memblok semua frame lalu klik kanan pada mouse dan memilih Remove Frame.3) Mengklik pada frame 61 di layer back2, kemudian mengklik kanan pada mouse dan memilih Insert Blank Keyframe.4) Menggambar latar belakang pada lembar kerja.5) Menempatkan kursor di frame 300 di layer back2, lalu klik kanan pada mouse dan memilih Insert Keyframe untuk membuat background tetap tidak bergerak meskipun objek di atasnya bergerak.6) Menambahkan layer kembali seperti cara sebelumnya dan diberi judul ke gua untuk menempatkan objek janda.7) Meletakkan kursor di frame 61 di layer ke goa, lalu mengklik kanan mouse dan memilih Insert Blank Keyframe untuk membuat objek baru di atas background. 8) Menggambar objek di atas background seperti yang terlihat pada gambar 2

Gambar 2. Tampilan membuat objek janda9) Meletakkan kursor pada frame 90 di layer ke goa lalu klik kanan dan memilih Insert Keyframe, lalu memindahkan letak objek janda ke posisi yang terlihat pada gambar 3 dengan cara mengklik menu ikon Free Transform Tool di dalam toolbox Tool, lalu diletakkan ke posisi objek janda yang akan dipindah, lalu menggeser objek dengan men-drag.

Gambar 3. Tampilan memindah objek janda (1)10) Kembali pada frame 61 di layer ke goa, lalu klik kanan mouse dan memilih Create Motion Tween untuk menggerakkan objek dari posisi awal ke posisi akhir. 11) Memindahkan objek janda ke posisi selanjutnya seperti gambar 4 pada frame 103 di layer ke goa. Lalu kembali ke frame 61 untuk membuat Create Motion Tween.

Gambar 4. Tampilan memindah objek janda (2)12) Memindahkan objek janda ke posisi selanjutnya seperti gambar 5 pada frame 115 di layer ke goa. Lalu kembali ke frame 103 untuk membuat Create Motion Tween.

Gambar 5. Tampilan memindah objek janda (3)Setelah semua langkah-langkah dilakukan, maka dapat dilihat bagaimana hasilnya dengan menekan tombol Enter pada keyboard untuk menjalankan animasi tersebut. Animasi yang ditampilkan yaitu objek janda yang terlihat berjalan ke arah goa.

3. Keadaan 3Keadaan 3 ini berisi cerita selanjutnya dimana seorang janda sedang memohon untuk memanggil seorang Raksasa untuk meminta anak. Berikut langkah-langkah pembuatannya :1) Menambahkan layer baru dan diberi judul berdoa dengan cara menekan ikon Insert Layer.2) Menghapus semua frame yang ada dengan cara memblok semua frame lalu klik kanan pada mouse dan memilih Remove Frame3) Meletakkaan kursor di frame 115 di layer berdoa, lalu mengklik kanan pada mouse dan memilih Insert Blank Keyframe.4) Menggambar objek janda yang terlihat sedang berdoa, seperti yang terlihat pada gambar 6.

Gambar 6. Tampilan menggambar objek janda berdoa5) Meletakkan kursor di frame 179 di layer berdoa, kemudian mengklik kanan pada mouse dan memilih Insert Keyframe untuk membuat objek tidak bergerak.4. Keadaan 4Keadaan 4 ini berisi cerita dimana Raksasa telah datang menemui janda tersebut. Berikut langkah-langkah pembuatannya :1) Menambahkan layer baru dan diberi judul buto teka dengan cara menekan ikon Insert Layer.2) Menghapus semua frame yang ada dengan cara memblok semua frame lalu klik kanan pada mouse dan memilih Remove Frame.3) Meletakkaan kursor di frame 145 di layer buto teka, lalu mengklik kanan pada mouse dan memilih Insert Blank Keyframe.4) Menggambar objek Raksasa pada lembar kerja, seperti pada gambar 7.

Gambar 7. Tampilan menggambar objek raksasa5) Meletakkan kursor di frame 179 di layer buto teka, kemudian mengklik kanan pada mouse dan memilih Insert Keyframe.6) Kembali ke frame 145 di layer buto teka, lalu mengklik kanan mouse dan memilih Create Motion Tween untuk menggerakkan objek Raksasa.7) Meletakkan kursor di frame 300 di layer buto teka, kemudian mengklik kanan pada mouse dan memilih Insert Keyframe.

5. Keadaan 5Keadaan 5 ini berisi cerita dimana janda terkejut setelah kedatangan Raksasa, kemudian dia diberi sebuah timun. Berikut langkah-langkah pembuatannya :1) Menambahkan layer baru dan diberi judul terkejut dengan cara menekan ikon Insert Layer.2) Menghapus semua frame yang ada dengan cara memblok semua frame lalu klik kanan pada mouse dan memilih Remove Frame. 3) Meletakkaan kursor di frame 179 di layer terkejut, lalu mengklik kanan pada mouse dan memilih Insert Blank Keyframe.4) Menggambar objek janda terkejut pada lembar kerja, seperti gambar 8.

Gambar 8. Tampilan menggambar objek janda terkejut5) Meletakkan kursor di frame 205 di layer terkejut, kemudian mengklik kanan pada mouse dan memilih Insert Keyframe. 6) Meletakkan kursor di frame 221 di layer terkejut, kemudian mengklik kanan pada mouse dan memilih Insert Keyframe.7) Menggambar objek janda pada lembar kerja seperti gambar 9. Lalu kembali ke frame 205 lalu klik kanan pada mouse dan memilih Create Motion Tween.

Gambar 9. Tampilan menggambar objek janda kedua8) Meletakkan kursor di frame 255 di layer terkejut, kemudian mengklik kanan pada mouse dan memilih Insert Keyframe. 9) Meletakkan kursor di frame 275 di layer terkejut, kemudian mengklik kanan pada mouse dan memilih Insert Keyframe dan memindah objek janda dengan menggunakan Free Transform Tool, seperti gambar 10.

Gambar 10. Tampilan memindah objek janda10) Kembali ke frame 255 lalu klik kanan pada mouse dan memilih Create Motion Tween untuk menggerakkan objek janda.11) Meletakkan kursor di frame 290 di layer terkejut, kemudian mengklik kanan pada mouse dan memilih Insert Keyframe dan memindah objek janda dengan menggunakan Free Transform Tool, seperti gambar 11.

Gambar 11. Tampilan memindah objek janda kedua12) Kembali ke frame 275 lalu klik kanan pada mouse dan memilih Create Motion Tween untuk menggerakkan objek janda.13) Meletakkan kursor di frame 300 di layer terkejut, kemudian mengklik kanan pada mouse dan memilih Insert Keyframe dan memindah objek janda dengan menggunakan Free Transform Tool, seperti gambar 12.

Gambar 12. Tampilan memindah objek janda ketiga14) Kembali ke frame 290 lalu klik kanan pada mouse dan memilih Create Motion Tween untuk menggerakkan objek janda.

6. Keadaan 6Keadaan 6 ini berisi cerita dimana janda diberi sebuah timun oleh Raksasa. Berikut langkah-langkah pembuatannya :1) Menambahkan layer baru dan diberi judul timun datang dengan cara menekan ikon Insert Layer.2) Menghapus semua frame yang ada dengan cara memblok semua frame lalu klik kanan pada mouse dan memilih Remove Frame.3) Meletakkaan kursor di frame 226 di layer terkejut, lalu mengklik kanan pada mouse dan memilih Insert Blank Keyframe dan menggambar objek timun seperti gambar 13.

Gambar 13. Tampilan menggambar objek timun4) Meletakkan kursor di frame 300 di layer terkejut, kemudian mengklik kanan pada mouse dan memilih Insert Keyframe.

7. Keadaan 7Keadaan 7 ini berisi cerita dimana janda telah sampai di rumah dengan membawa timun dan mempunyai anak Timun Emas. Keadaan 7 terdiri dari 4 layer untuk menciptakan pergerakan objek. Berikut langkah-langkah pembuatannya :1) Menambahkan layer baru dan diberi judul back3 dengan cara menekan ikon Insert Layer. 2) Menghapus semua frame yang ada dengan cara memblok semua frame lalu klik kanan pada mouse dan memilih Remove Frame.3) Meletakkaan kursor di frame 300 di layer back3, lalu mengklik kanan pada mouse dan memilih Insert Blank Keyframe dan menggambar background rumah seperti gambar 14.

Gambar 14. Tampilan menggambar background rumah4) Meletakkaan kursor di frame 535 di layer back3, lalu mengklik kanan pada mouse dan memilih Insert Keyframe.5) Menambahkan layer baru dan diberi judul sampai rumah dengan cara menekan ikon Insert Layer.6) Meletakkaan kursor di frame 300 di layer sampai rumah, lalu mengklik kanan pada mouse dan memilih Insert Blank Keyframe dan menggambar janda membawa timun seperti gambar 15.

Gambar 15. Tampilan menggambar objek janda membawa timun7) Meletakkaan kursor di frame 315 di layer sampai rumah, lalu mengklik kanan pada mouse dan memilih Insert Keyframe dan memindah objek janda membawa timun seperti gambar 16.

Gambar 16. Tampilan menggeser objek janda membawa timun pertama8) Kembali ke frame 301 di layer back3 dan mengklik kanan pada mouse dan memilih Create Motion Tween.9) Meletakkaan kursor di frame 330 di layer sampai rumah, lalu mengklik kanan pada mouse dan memilih Insert Keyframe dan memindah objek janda membawa timun seperti gambar 17.

Gambar 17. Tampilan menggeser objek janda membawa timun kedua10) Kembali ke frame 315 di layer sampai rumah dan mengklik kanan pada mouse dan memilih Create Motion Tween. 11) Meletakkaan kursor di frame 345 di layer sampai rumah, lalu mengklik kanan pada mouse dan memilih Insert Keyframe dan menggambar objek seperti pada gambar 18.

Gambar 18. Tampilan menggambar objek janda meletakkan timun 12) Kembali ke frame 330 di layer sampai rumah dan mengklik kanan pada mouse dan memilih Create Motion Tween.13) Meletakkaan kursor di frame 355 di layer sampai rumah, lalu mengklik kanan pada mouse dan memilih Insert Blank Keyframe dan membuat objek seperti gambar 19.

Gambar 19. Tampilan menggambar objek timun terbuka14) Meletakkaan kursor di frame 366 di layer sampai rumah, lalu mengklik kanan pada mouse dan memilih Insert Keyframe lalu membuat gambar seperti pada gambar 20.

Gambar 20. Tampilan menggambar objek janda menggendong bayi15) Kembali ke frame 355 di layer sampai rumah dan mengklik kanan pada mouse dan memilih Create Motion Tween.16) Meletakkaan kursor di frame 381 di layer sampai rumah, lalu mengklik kanan pada mouse dan memilih Insert Keyframe.17) Menambahkan layer baru dan diberi judul 17 tahun kemudian dengan cara menekan ikon Insert Layer. Pada layer ini dibuat tampilan tulisan bergerak membentuk kalimat 17 tahun kemudian.18) Menghapus semua frame yang ada dengan cara memblok semua frame lalu klik kanan pada mouse dan memilih Remove Frame.19) Meletakkaan kursor di frame 381 di layer 17 tahun kemudian, lalu mengklik kanan pada mouse dan memilih Insert Blank Keyframe dan membuat objek seperti gambar 21.

Gambar 21. Tampilan menggambar angka 1 20) Membuat angka dan huruf selanjutnya pada frame-frame berikutnya setelah frame 381 dengan jarak sesuai selera. Lalu menciptakan pergerakan munculnya tiap-tiap karakter dengan menggunakan pilihan Create Motion Tween. 21) Tampilan kalimat akan terlihat seperti gambar 22.

Gambar 22. Tampilan kalimat 17 tahun kemudian22) Meletakkaan kursor di frame 450 di layer 17 tahun kemudian, lalu mengklik kanan pada mouse dan memilih Insert Blank Keyframe dan membuat Raksasa seperti gambar 23.

Gambar 23. Membuat gambar Raksasa di depan background rumah23) Membuat objek Raksasa terlihat bergerak seperti langkah-langkah sebelumnya dengan menggunakan fasilitas Create Motion Tween, sampai dengan frame 535.24) Menambahkan layer baru dan diberi judul buto datang dengan cara menekan ikon Insert Layer.25) Menghapus semua frame, lalu pada frame 490 meng-insert Keyframe dan membuat objek janda seperti gambar 24.

Gambar 24. Membuat gambar Raksasa di depan background rumah26) Menggerakkan objek janda dengan fasilitas Create Motion Tween sampai pada frame 520.27) Pada frame 521 membuat tulisan seperti gambar 25 dan menambahkan keyframe pada frame 535.

Gambar 25. Membuat tulisan di depan background rumah

8. Keadaan 8Keadaan 8 ini berisi cerita dimana janda memberikan bekal untuk Timun Emas untuk melawan Raksasa. Keadaan 8 terdiri dari 2 layer untuk menciptakan pergerakan objek. Berikut langkah-langkah pembuatannya :1) Menambahkan layer baru dan diberi judul back dapur dengan cara menekan ikon Insert Layer. 2) Menghapus semua frame yang ada, lalu menambah Insert Blank Keyframe pada frame 535 dan menggambar background dapur seperti gambar 26.

Gambar 26. Menggambar background rumah3) Pada frame 570 meng-insert keyframe.4) Menambahkan layer baru dengan nama ibu dan anak, lalu menghapus semua frame yang ada.5) Meletakkan kursor pada frame 535 dan meng-insert Blank Keyframe untuk membuat objek seperti gambar 27.

Gambar 27. Menggambar onjek janda dan Timun Emas6) Pada frame 545 menambahkan tulisan seperti gambar 28.

Gambar 28. Menambahkan tulisan 7) Meng-insert keyframe pada frame 570.9. Keadaan 9Keadaan 9 ini berisi cerita dimana Timun Emas melawan Raksasa. Keadaan 9 terdiri dari 4 layer untuk menciptakan pergerakan objek. Berikut langkah-langkah pembuatannya :1) Menambahkan layer baru dengan nama back hutan.2) Mengahpus semua frame, kemudian meng-insert Blank Keyframe pada frame 570 dan menggambar background hutan seperti gambar 29.

Gambar 29. Menggambar background hutan3) Meng-insert keyframe pada frame 800 di layer back hutan.4) Menambahkan layer lagi dengan nama buto mengejar dan menghapus semua frame.5) Meng-insert Blank Keyframe pada frame 571 dan menggambar objek Raksasa seperti gambar 30.

Gambar 30. Menggambar objek Raksasa di depan hutan6) Menggerakkan objek Raksasa seperti cara sebelumnya dengan fasilitas Create Motion Tween sampai pada frame 766 dengan jarak sesuai selera.7) Menambahkan layer dengan nama gadis lari dan menghapus semua frame yang ada.8) Meng-insert Blank Keyframe pada frame 571, lalu pada frame 578 meng-insert keyframe dan menggambar objek Timun Emas seperti gambar 31.

Gambar 31. Menggambar objek Timun Emas di depan hutan9) Menggerakkan objek Timun Emas dengan menggunakan fasilitas Create Motion Tween dengan jarak tertentu sesui selera sampai frame 620.10) Menambahkan frame baru dengan nama sebar terasi lalu menghapus frame yang ada.11) Meng-insert Blank Keyframe pada frame 620, kemudian membuat gambar seperti pada gambar 32.

Gambar 32. Menggambar objek di frame 62012) Meng-insert keyframe di frame 630 kemudian menambahkan gambar trasi seperti terlihat pada gambar 33.

Gambar 33. Menggambar objek di frame 62013) Mengulang langkah nomor 12 pada frame-frame selanjutnya dengan jarak tertentu sampai dengan frame 649.14) Pada frame 659 kembali meng-insert keyframe dan membuat gambar seperti gambar 34.

Gambar 34. Menggambar gambar lumpur15) Melakukan hal yang sama seperti langkah nomor 14 di frame 669. 16) Pada frame 710 membuat tampilan seperti gambar 35.

Gambar 35. Menghilangkan gambar lumpur17) Pada frame 721 meng-insert keyframe dan membuat gambar seperti gambar 36.

Gambar 36. Menggambar gambar titik biru sebagai garam18) Melakukan hal yang sama seperti langkah nomor 17 pada frame-frame selanjutnya dengan jarak tertentu sesui selera, sampai pada frame 742. 19) Meng-insert keyframe pada frame 754 dan menggambar seperti gambar 37, kemudian meng-insert keyframe lagi pada frame 766.

Gambar 37. Menggambar gambar lautan 20) Pada frame 775 membuat gambar seperti gambar 38.

Gambar 38. Menghilangkan gambar lautan

10. Keadaan 10Keadaan 10 menggambarkan akhir cerita Timun Emas dan terdapat tulisan Tamat. Berikut ini langkah-langkah pembuatannya :1) Menambahkan layer baru dengan nama tamat dan menghapus semua frame yang ada.2) Insert Blank Keyframe pada frame 775 dan membuat tampilan seperti gambar 39 dan pada frame 788 meng-insert keyframe.

Gambar 39. Menggambar tampilan akhir cerita Timun Emas3) Pada frame 800 membuat tulisan tambahan seperti gambar 39.

Gambar 40. Menambahkan tulisan nama pembuat animasi