LAPORAN PRAKTIKUM

PENGANTAR TEKNOLOGI INFORMASI

MODUL 4

Disusun Oleh : Nama NIM Kelas Program Studi : Yayan Sopyan : 2012091124 : SI2012 D : Sistem Informasi

LABORATORIUM KOMPUTER

FAKULTAS ILMU KOMPUTER

UNIVERSITAS KUNINGAN
2012

Modul 4 Membuat Animasi Dengan Menggunakan Macromedia Flash MX Dasar Teori

Flash merupakan program grafis multimedia dan animasi yang dapat dipergunakan untuk membuat aplikasi web interaktif yang menarik. Selain digunakan sebagai media pembuat web interaktif. Flash dapat dimanfaatkan sebagai program pembuat game. Macromedia Flash adalah standard yang profesional untuk memproduksi high-impact Web . Apakah untuk menciptakan animasi logo, Kendali navigasi Web, Long-Form Animasi, Memasukkan Flash dalam Situs atau aplikasi Web, Anda akan temukan fleksibilitas dan kekuatan flash yang ideal untuk kreativitas anda. Sebelum mempelajari jenis-jenis dan teknik animasi dalam flash, terlebih dahulu harus memahami symbol, karena untuk membuat animasi objek harus di ubah dulu menjadi symbol. Symbol adalah objek yang ada pada dokumen Flash dan dapat diduflikasi sebanyak-banyaknya ke movie tanpa menambah ukuran movie tersebut. Secara umum pada Flash, dikenal tiga jenis symbol, yaitu Movie Clip, Button, Grafhic. Teknik animasi Frame by frame merupakan teknik paling dasar, dimana kita harus membuat secara manual setiap pergerakan objek di Stage. Teknik animasi ini banyak digunakan pada pembuatan film kartun karena pergerakannya yang sangat halus, namun membuatnya dibutuhkan kesabaran dan ketelitian sehingga memakan waktu yang cukup lama.

PRAKTIKUM A. Praktikum Membuat Animasi Dengan Motion Tween 1. Clik start, pilih All Programs, kemudian pilih Macromedia Flash. Seperti pada gambar dibawah ini.

2. Buat lembar kerja / Layout. Saya membuat seperti pada gambar dibawah ini:

3. Klik Teks Tool atau tekan hurup T untuk membuat Teks.

4. Ketikan teks yang akan di animasikan contohnya UNIVERSITAS KUNINGAN

5. Atur ukuran teks, warna, jenis huruf dan ukuran sesuai keinginan kita.

6. Buat layer baru. Dengan cara ke Menu Insert-Timeline lalu pilih layer.

7. Masukkan gambar dengan cara ke menu File-Import-Import to Stage, atau dengan menekan tombol keyboard CTRL+R.

8. Samakan ukuran gampar dengan ukuran pada layar. 9. Pada Frame 20 kemudian klik kanan dan pilih insert keyframe

10. Pada tengah-tengah frame klik Create Motion Tween.

11. Geser gambar pada frame pertama dan terakhir dengan arah yang berbeda. 12. Insert Keyframe pada layer 1 di frame 20. 13. Pindahkan layer 2 dibawah layer 1 dengan cara mendrag layer 2 ke bawah layer 1. 14. Klik kanan pada layer 1 lalu klik Mask

15. Jalankan animasi

16. Simpan animasi tersebut dengan cara masuk ke menu File lalu klik Save 17. Anda bisa membuat animasi sesuai jenis file yang di sediakan oleh Macromedia Flash dengan cara Pilih Menu File Publish Settings.

18. Pilih jenis file 19. Klik Publish 20. Klik OK

21. Hasilnya adalah sebagai berikut:

B. Membuat Animasi Frame By Frame 1. Atur terlebih dahulu ukuran layar, dengan cara pilih Properties yang berada di bawah area kerja kemudian pilih Size. Lihat pada gambar di bawah ini. Seingga akan muncul Document Properties 2. Isi Dimensionsnya dengan ukuran yang kita inginkan, disini kita menggunakan ukuran Default/Standar. Kemudian klik OK

3. Di area kerja tersebut kita bisa memulai membuat animasi. Pada frame-1 buatlah gambar orang yang sedang bermain bola dengan menggunakan oval tool dan line tool, seperti gambar berkut ini. 4. Klik kanan pada frame-2 lalu pilih insert keyframe. Setelah itu edit gambar senhingga menghasilkan yang berbeda. Seperti gambar berikut ini. 5. Ikuti langkah ke-2 sampai animasi menurut anda cukup/ selesai, hingga diperoleh gambar yang berbeda pada tiap framenya

TUGAS MANDIRI 1. Membuat animasi frame by frame orang yang sedang bermain basket dengan kreasi anda sendiri.

2. Membuat animasi bunga dari mulai kuncup hingga menjadi mekar (menggunakan teknik animasi frame by frame) a. Buka Document baru / lembar kerja baru dengan cara pilih Menu File, kemudian pilih Submenu New, atau bisa langsung dengan menekan tombol Ctrl+N pada keyboard. b. Langkah pembuatannya hanpir sama dengan langkah membuat animasi orang bermain basket. Pertama buat terlebih dahulu gambar bunga pada frame-1. Seperti pada gambar berikut ini.

c. Pada frame-2 buat kembali gambar bunga dengan bentuk yang berbeda. Seperti pada gambar berikut.

d. Ikuti langkah ke-2 sampai animasi menurut anda cukup/ selesai, hingga diperoleh gambar yang berbeda pada tiap framenya. Seperti gambar berikut ini.

3. Apa yang terjadi bila pada latihan 2 (langkah no-2), jika insert keyframe diganti dengan insert blank keyframe, jelaskan perbedaannya ! Jawaban.. Animasi bisa di jalankan tetapi gambar yang berada pada tampilan layer akan menghilang / tidak muncul karena insert blank keyframe bersifat untuk memasukan keyframe kosong jadi jika di animasi di jalankan gambar akan menjadi muncul kemudian tidak, seperti itu.

Perbedaannya : insert keyframe merupakan jenis kunci time line yang digunakan untuk menampilkan gambar selama animasi berjalan. Sedangkan insert blank keyframe merupakan jenis kunci time line yang fungsinya sebagai pemutus atau untuk mengakhiri dari sebuah animasi dan bisa di sebut sebagai kebalikan dari fungsi insert keyframe. 4. Membuat aplikasi sederhaa yang interaktif antara pembuatan text dan gambar a. Buat animasi motion tween, pada praktek kali ini saya membuat animasi bola.

b. Buat tombol play untuk menjalankan animasi tersebut. Dengan cara membuat kotak dan teks lalu kedua objek tersebut di convert to symbol menjadi botton

c. Klik pada layer 2 dan di frame 1 tambahkan action stop().

d. Klik pada tombol lalu tambahkan action seperti pada gambar dibawah ini:

e. Jalankan animasi, animasi akan berjalan ketika tombol play ditekan, hasilnya sebagai berikut:

KESIMPULAN Frame berarti adegan, berarti satu frame pada movie anda

melambangkan satu potongan adegan, yang akan menyusun keseluruhan animasi atau movie anda. Setiap frame memiliki properti, yang menentukan bagaimana frame tersebut menyusun movie. Keyframe berarti frame kunci anda dapat meletakkan obyek pada keyframe (berlambang titik hitam) Keyframe dengan actions, keyframe yang memiliki actions berarti keyframe tersebut akan memanggil sebuah kode yang kita tentukan dari modul yang tersedia. Beberapa diantaranya yakni, go to, play, get url, stop, tell target, if frame is loaded, dll. Pelan-pelan saja, semua istilah diatas akan dijelaskan di bagian lain...:) Frame dengan motion tween, jenis ini akan banyak anda jumpai. Ini berarti bahwa diantara dua keyframe, Flash dapat mengambil perhitungan otomatis secara gerak dan skala tentang isi dari frame yang ada di antaranya dan akan menciptakan sekuens gerak atau animasi. Perhatikan bahwa motion tween ini hanya bisa dilakukan untuk obyek yang berupa symbol atau grup dan hanya dapat berlaku pada satu obyek setiap layer. Pada Flash 4 dilambangkan dengan warna biru muda. Frame dengan shape tween, berarti bahwa tweening dilakukan untuk obyek diantara dua keyframe berupa morphing dari benda yang bukan symbol atau group. Shape tween hanya berlaku untuk obyek yang telah broken apart, ctrl + b shortcut. Frame kosong , kalau setelah sebuah keyframe terdapat rangkaian frame yang kosong, maka movie akan menampilkan image atau obyek terakhir pada keyframe sebelumnya. Hal ini dapat anda terapkan untuk membuat sebuah background yang statis dengan animasi pada layer bagian atasnya. Insert Blank Keyframe, kita menyelipkan sebuah keyframe kosong, berguna untuk menghentikan animasi pada layer tersebut. Sebagai contoh, bila anda ingin agar animasi pada suatu layar berhenti pada frame ke 25 maka anda klik kanan, dan pilih insert blank keyframe.