P. 1
Modul 05 Proyek Animasi.pdf

Modul 05 Proyek Animasi.pdf

|Views: 145|Likes:
Dipublikasikan oleh Sofyan Amri

More info:

Published by: Sofyan Amri on May 25, 2012
Hak Cipta:Attribution Non-commercial

Availability:

Read on Scribd mobile: iPhone, iPad and Android.
download as PDF, TXT or read online from Scribd
See more
See less

11/02/2012

pdf

text

original

Modul Animasi Flash

MODUL V PROYEK ANIMASI

A. TUJUAN Memahami teknik pembuatan proyek animasi. Mampu memanfaatkan dan memadukan teknik-teknik multimedia ke dalam animasi. Memahami tahap publikasi hasil animasi.

B. PETUNJUK Awali setiap aktivitas dengan do'a, semoga diberikan kemudahan dan berkah. Pahami tujuan, dasar teori, dan latihan-latihan dengan baik dan benar. Tanyakan kepada instruktur apabila ada hal-hal yang kurang jelas.

C. DASAR TEORI 1. Proyek Animasi Untuk mengerjakan proyek animasi, ada banyak perangkat lunak bantu yang bisa dipergunakan. Masing-masing perangkat lunak tentunya memiliki kelebihan dan kekurangan. Adapun strategi dalam pemilihan perangkat lunak adalah dengan menyesuaikan sesuai kebutuhan. Salah satu perangkat lunak bantu yang dapat dimanfaatkan untuk menghasilkan aplikasi animasi adalah Adobe Flash. Bagian ini secara khusus akan menguraikan tahap-tahap pembuatan proyek animasi menggunakan Flash CS 3 (atau bisa juga Flash 8). Pada prinsipnya, pembuatan proyek animasi ini melibatkan sejumlah teknik yang telah dibahas di materi-materi sebelumnya, meliputi gambar, teks, animasi, dan suara. Bagaimanapun, kasus yang diulas masih sangat sederhana, namun demikian diharapkan dapat dikembangkan lebih lanjut. Untuk melengkapi materi proyek animasi ini, juga diuraikan mengenai teknik pengelolaan hasil animasi. Beberapa langkah yang lazim dilakukan saat proyek akhir misalnya konversi ke format tertentu (swf, avi, gif) dan pendistribusian ke CD.

PROJASTE Jurusan Teknik Elektro FT UM

56

Untuk memberi gambaran dalam pembuatan proyek. Proyek Animasi Pada pembahasan ini. spesifikasi proyek animasi mencakup: • • • Halaman awal yang menyajikan informasi deskriptif mengenai proyek. proyek animasi ini dibuat sangat sederhana. Gambar 1. proyek animasi yang akan dihasilkan adalah pembelajaran mengenai cara kerja mesin 4 tak. di mana hanya mencakup halaman awal. Halaman isi berisi animasi utama yang menjelaskan cara kerja mesin. PROJASTE Jurusan Teknik Elektro FT UM 57 . kira-kira hasil yang diharapkan adalah seperti pada Gambar 1. LATIHAN 1.Modul Animasi Flash D. Agar terkesan lebih menarik di awal akan diberikan halaman pengantar sebelum masuk ke animasi utama. dan penutup yang masing-masing terdiri dari satu halaman. isi. Halaman penutup menampilkan informasi pembuat. Secara garis besar. Desain hasil proyek animasi Untuk membatasi materi.

Susunan layer di dalam folder PROJASTE Jurusan Teknik Elektro FT UM 58 . kemudian klik OK. Tekan Ctrl+J. pastikan Align/Distribute to Stage di panel Align sudah aktif.Modul Animasi Flash 2. Klik juga Align horizontal center dan Align vertical center. Pilih fill color dari palet warna dengan nilai #999999 dan Stroke color didisable. Klik ganda Folder 1 dan rename menjadi Background. 7. buat kotak menggunakan Rectangle Tool. gambar akan diposisikan di tengah stage. 4. ubah dimensi menjadi 800 x 600. Impor file gambar background dengan menekan Ctrl+R. Drag Layer 1 ke layer folder Background sehingga akan terlihat sedikit menjorok. Tambahkan layer baru dengan mengklik kanan Layer 1 dan memilih Insert Layer. Susunan layer di dalam folder 5. 6. Untuk memudahkan pengorganisasian layer.jpg. tekan Ctrl+K. Dalam posisi gambar masih terpilih. klik Open. Buat dokumen Flash baru. 3. Gambar 2. Langkah-langkah pembuatan halaman awal adalah sebagai berikut: 1. Dalam kondisi Layer 2 aktif. Sampai di sini. Membuat Halaman Awal Halaman awal merepresentasikan tampilan pertama yang menyajikan informasi deskriptif terkait animasi. tambahkan layer folder dari menu Insert > Timeline > Layer Folder. Perhatikan contohnya seperti Gambar 2. 8. Apabila panel Align belum aktif. Gambar 3. kemudian pilih file background. 2.

Gunakan Text Tool (T) untuk membuat teks “Mesin 4 Tak” dan letakkan di sebelah kanan stage. Buat kotak di stage dengan posisi sembarang. Susunan layer di dalam folder PROJASTE Jurusan Teknik Elektro FT UM 59 . Atur jaraknya ke stage agar seimbang dengan teks Cara Kerja. kemudian tekan F6 di frame 40 (Layer 4). Klik kanan Layer 2 dan pilih Insert Layer untuk menambahkan Layer 3. Buat kotak berukuran 800 x 400 pixel dan beri warna sedikit lebih terang dari background. 10. Ubah nilai width dan height kotak menjadi 800 dan 600.Modul Animasi Flash 9. 15. Gunakan Text Tool (T) untuk membuat teks “Cara Kerja” dan letakkan di sebelah kiri stage. Geser kotak hingga menempati 2/3 bagian stage dengan posisi rata atas. klik OK. 18. Tekan F8 dan pilih Movie clip. Ubah nilai Color di panel Properties menjadi Alpha dan isikan nilai 95%. 19. Klik kanan Layer 3 dan pilih Insert Layer. kemudian letakkan agak jauh di sebelah atas stage. Klik frame 80 (Layer 4) dan tekan F6. 11. 14. Klik frame 40 (Layer 3) dan tekan F6. 13. 16. 12. Tekan F8 untuk mengonversi kotak ke Movie clip. Klik kanan frame 40-80 (Layer 4) dan pilih Create Motion Tween. Klik kanan frame 1-40 (Layer 3) kemudian pilih Create Motion Tween. 21. kemudian beri nilai Alpha 90%. 17. kemudian klik Selection Tool dan klik kotak untuk menyeleksi. Klik kanan Layer 4 dan pilih Insert Layer. kemudian klik Align horizontal center di panel Align. Gambar 4. Sampai di sini kita sudah memiliki background transparan untuk animasi. kemudian klik Align horizontal center dan Align vertical center. 20. kemudian tekan F6 di frame 40 (Layer 5). 22.

kemudian seret file romantic.mp3 ke library. Klik kanan frame 40-80 (Layer 4) dan pilih Create Motion Tween. Klik kanan Layer 5 dan pilih Insert Layer. Tekan F8 dan konversi teks ke Movie clip. klik teks. 29. 30. 32. Hasil pembuatan halaman awal PROJASTE Jurusan Teknik Elektro FT UM 60 . 27. Klik frame 110 (Layer 6) dan tekan F6. Gambar 5. 31. Klik frame 1 (Layer 1). 33. di bawah teks “Oleh: Tim”. kemudian seret teks “Oleh: Tim” ke dalam stage bagian bawah (sesuaikan posisinya). 34. 28.Modul Animasi Flash 23. kemudian klik Align horizontal center. kemudian tekan F6 di frame 120 (Layer 7). Klik kanan Layer 6 dan pilih Insert Layer. Berturut-turut klik frame 120 dari Layer 1 s/d 6 kemudian tekan F5 untuk menambahkan frame. Buat teks “Oleh: Tim” dan letakkan persis di bawah stage. kemudian klik Align horizontal center di panel Align. Klik frame 80 (Layer 5) dan tekan F6. Klik frame 120 (Layer 7) kemudian tekan F9 dan isikan kode berikut: stop(). 25. 26. Tekan Ctrl+Enter untuk melihat hasilnya. Letakkan di stage bagian tengah bawah. 36. 24. 35. kemudian tekan F6 di frame 80 (Layer 6). Aktifkan Selection Tool. Klik kanan frame 80-110 (Layer 6) kemudian pilih Create Motion Tween. Impor file romantic.mp3 ke stage. Tambahkan button play dari menu Window > Common Libraries > Button.

8. 2. Klik frame 150 (Layer 8). Gambar 6. PROJASTE Jurusan Teknik Elektro FT UM 61 . Aktifkan Selection Tool. Perhatikan contohnya seperti Gambar 6. Klik kanan Layer 8 dan pilih Insert Layer. Berikut langkah-langkah untuk mempersiapkan halaman isi: 1. Klik frame 150 (Layer 8) dan tekan F6. 7. kemudian letakkan di sebelah kiri luar stage bagian atas. Klik frame 121 (Layer 8) dan tekan F6. Klik tombol play untuk melihat reaksinya. 5.Modul Animasi Flash 3. kemudian klik kotak dan tekan F8 untuk mengonversi ke Movie clip. Tekan Ctrl+Enter untuk melihat hasilnya. Gunakan Text Tool untuk membuat teks “Mesin 4 Tak”. Tambahkan layer baru (Layer 8) di dalam layer folder Content. Pindahkan kotak ke luar stage sebelah atas. yakni pembelajaran mengenai mesin 4 tak. 6. 2. Menambah layer folder Content 3. 9. Pembuatan halaman ini akan digabung dengan halaman utama karena merupakan satu kesatuan proyek. Klik kanan frame antara 121-150 dan pilih Create Motion Tween. Klik frame 150 (Layer 8) dan tekan F6. Terlebih dahulu Insert Layer Folder dan beri nama Content. Membuat Halaman Animasi 1. 4. 3. kemudian buat kotak ukuran 800 x 400 dan letakkan untuk menutupi kotak berwarna agak terang. Klik frame 150 dari Layer 1 dan 2. Membuat Halaman Isi Halaman isi menyajikan materi utama animasi. 10. kemudian tekan F5.

tekan F5. Tekan F8 pilih Movie clip. Impor file animasi 4 tak. Lakukan dan selesaikan seperti pertemuan sebelumnya. Tambahkan layer baru (Layer 10) kemudian klik frame 170 dan tekan F6.Modul Animasi Flash Gambar 7. Power 14 265 4. Klik frame 170 (Layer 9) kemudian tekan F6. Klik frame 190 (layer 10) kemudian tekan F6. 8. PROJASTE Jurusan Teknik Elektro FT UM 62 .gif ke library. Ulangi langkah 12-13 untuk Layer 12 s/d Layer 14 dengan ketentuan sebagai berikut: Layer Keyframe Keterangan 12 215 2. Intake or Induction” dan letakkan di stage bagian pojok kanan atas. Exhaust 15. Seret teks ke sebelah pojok kiri atas stage. Seret gambar ke dalam stage bagian kiri. 9. Compression 13 240 3. 16. Gunakan Text Tool untuk membuat teks “1. Klik frame 190 (Layer 11) kemudian tekan F6. 14. klik frame 290 untuk Layer 9 s/d Layer 14. 11. Klik kanan frame antara 170-190 (Layer 10) kemudian pilih Create Motion Tween. 6. Membuat label judul 4. Ubah nilai Color menjadi Alpha dan isikan 20%. Seret file animasi ke bagian kanan luar stage. 10. Ubah nilai Alpha menjadi 100%. 7. Buat layer baru sebanyak 4 buah (Layer 11 s/d Layer 14) 12. kemudian OK. 13. 5. Setelah selesai memberikan teks keterangan.

4. buat layer folder dan beri nama Penutup. Klik Align horizontal center di panel Align untuk mengatur teks rata tengah. 4. Seleksi semua teks dan letakkan di bawah luar stage. 6. kemudian tekan F5. animasi yang akan dihasilkan mengadopsi teks berjalan pada setiap akhir film. Gambar 8. PROJASTE Jurusan Teknik Elektro FT UM 63 . Menambahkan folder penutup 3. Gunakan Text Tool untuk membuat teks berikut satu per satu (misal ada empat teks): Pengarah Cerita Tim Copyright 2010 Universitas Negeri Malang 5. Berikut langkah-langkah pembuatannya: 1. Agar background dan suara juga ikut ditampilkan. Membuat Halaman Penutup Tahap ketiga dari proyek animasi sederhana ini adalah membuat halaman penutup. Tekan Ctrl+Enter untuk melihat hasilnya. klik frame 290 pada Layer 1 dan Layer 2. Tambahkan layer baru di folder Penutup. Sebagai gambaran. 2. Halaman ini nantinya berisi informasi-informasi penutup yang diiringi animasi. Klik frame 320 (layer 15) kemudian tekan F6.Modul Animasi Flash 17. Masih melanjutkan proyek sebelumnya. 18.

tekan F8 dan pilih Movie clip. 20. Klik kanan Layer 15 kemudian pilih Insert Layer. Klik kanan frame antara 400-440 (Layer 16) pilih Create Motion Tween. tekan F6. 11. Pada frame 400 (Layer 16). 18. Klik Tool Selection. 19. 14. Aktifkan Selection Tool. Klik frame 400 kemudian tekan F6. kemudian berikan nilai Alpha pada bagian Color dan tetapkan 0%. Tekan Ctrl+Enter untuk melihat hasilnya. kemudian klik teks. 15. Pada panel Align. Pindahkan teks secara vertikal ke atas luar stage. Dalam keadaan teks masih terseleksi. 17. 12. 10. klik Align horizontal center dan Align vertical center. 9. 8. Tambahkan teks “Terima Kasih” menggunakan Text Tool.Modul Animasi Flash Gambar 9. Klik frame 440 pada Layer 1 dan Layer 2 kemudian tekan F5. Tekan F8 untuk mengonversi ke Movie clip. PROJASTE Jurusan Teknik Elektro FT UM 64 . 13. Teks penutup 7. Klik frame 440 (layer 16) kemudian tekan F6. 16.

Klik OK jika sudah mempublikasikan. Hasil publikasi pada aplikasi web diperlihatkan seperti Gambar 11. Mem-publish Animasi Tahap akhir dari proyek animasi sederhana ini adalah mempublikasikan hasil ke beberapa format media. lokasi penyimpanan hasil akan diletakkan satu folder dengan proyek. 1. 2.Modul Animasi Flash 5. pilih menu File > Publish Settings. 5. Mengatur publikasi 3. Normalnya. Pada kotak dialog Publish Settings. kita bisa melakukannya dari menu File > Publish. Dari proyek yang sudah jadi. PROJASTE Jurusan Teknik Elektro FT UM 65 . pastikan pengaturan sudah disesuaikan dengan format luaran produk. Gambar 10. selesai atau Publish untuk langsung 4. Jika kita belum mengklik Publish. Sebelum melakukan publikasi. tentukan format keluaran yang akan dihasilkan.

Publikasi ke aplikasi web PROJASTE Jurusan Teknik Elektro FT UM 66 .Modul Animasi Flash Gambar 11.

Publikasikan hasil animasi ke dalam CD autorun PROJASTE Jurusan Teknik Elektro FT UM 67 . 2.Modul Animasi Flash E. Buat proyek animasi sesuai dengan bidang keilmuan (matakuliah) yang akan diampu. dan animasi) dan menggunakan struktur direktori layer. Animasi harus melibatkan semua media (gambar. teks. TUGAS 1. suara.

You're Reading a Free Preview

Mengunduh
scribd
/*********** DO NOT ALTER ANYTHING BELOW THIS LINE ! ************/ var s_code=s.t();if(s_code)document.write(s_code)//-->