7/30/2019 PTI_MOdul 4

1/14

LAPORAN PRAKTIKUM

PENGANTAR TEKNOLOGI INFORMASIMODUL 4

Disusun Oleh :

Nama : Yayan Sopyan

NIM : 2012091124

Kelas : SI2012 D

Program Studi : Sistem Informasi

LABORATORIUM KOMPUTER

FAKULTAS ILMU KOMPUTER

UNIVERSITAS KUNINGAN

2012

7/30/2019 PTI_MOdul 4

2/14

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. Symboladalah 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, dimanakita 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.

7/30/2019 PTI_MOdul 4

3/14

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.

7/30/2019 PTI_MOdul 4

4/14

4. Ketikan teks yang akan di animasikan contohnya UNIVERSITASKUNINGAN

7/30/2019 PTI_MOdul 4

5/14

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

7/30/2019 PTI_MOdul 4

6/14

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.

7/30/2019 PTI_MOdul 4

7/14

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 menggunakanukuran Default/Standar.

Kemudian klikOK

7/30/2019 PTI_MOdul 4

8/14

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.

7/30/2019 PTI_MOdul 4

9/14

7/30/2019 PTI_MOdul 4

10/14

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 ani-

masi orang bermain basket. Pertama buat terlebih dahulu gambar bun-

ga pada frame-1. Seperti pada gambar berikut ini.

c. Pada frame-2 buat kembali gambar bunga dengan bentuk yang berbe-

da. Seperti pada gambar berikut.

7/30/2019 PTI_MOdul 4

11/14

d. Ikuti langkah ke-2 sampai animasi menurut anda cukup/ selesai, hing-

ga 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.

7/30/2019 PTI_MOdul 4

12/14

Perbedaannya :

insert keyframe merupakan jenis kunci time line yang digunakan

untuk menampilkan gambar selama animasi berjalan. Sedangkan insertblank 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

7/30/2019 PTI_MOdul 4

13/14

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:

7/30/2019 PTI_MOdul 4

14/14

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, ifframe 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.