8
Program Studi Teknik Informatika Fakultas Teknik Universitas Katolik De La Salle Kairagi I Kombos Manado 95000 Dosen : Yori Montolalu, ST Mata Kuliah : Praktikum Sistem Multimedia Kode MK : IF3256 Tahun Ajaran : 2014/2015 Kontak Dosen: Tugas (lingkari): a. Individual b. Kelompok Mahasiswa: Marvel Rondonuwu 12013091 [email protected] TUGAS Tutorial bola-bola

Tutorial Animasi Bola dengan Adobe Flash CS6

Embed Size (px)

DESCRIPTION

tugas MK praktikum sistem multimedia.

Citation preview

Page 1: Tutorial Animasi Bola dengan Adobe Flash CS6

Program Studi Teknik Informatika Fakultas Teknik Universitas Katolik De La Salle Kairagi I Kombos Manado 95000

Dosen : Yori Montolalu, ST Mata Kuliah : Praktikum Sistem Multimedia

Kode MK : IF3256 Tahun Ajaran : 2014/2015

Kontak Dosen: Tugas (lingkari): a. Individual b. Kelompok

Mahasiswa: Marvel Rondonuwu 12013091 [email protected]

TUGAS Tutorial bola-bola

Page 2: Tutorial Animasi Bola dengan Adobe Flash CS6
Page 3: Tutorial Animasi Bola dengan Adobe Flash CS6

12013091 http://rondonuwumarvel.blogspot.com/

1

Tutorial Animasi Bola

Dengan Adobe Flash Professional CS6

1. Buka Adobe Flash ⇒ ActionScript 2.0.

2. Pada Properties. Atur ukuran stage menjadi 800 x 600 piksel (px) dan FPS: 24.

3. Import gambar yang diperlukan untuk ke library Adobe Flash dengan cara men-

drag gambar dari file.

Page 4: Tutorial Animasi Bola dengan Adobe Flash CS6

2

Jika langkah berhasil dilakukan, berikut adalah tampilan pada library.

4. Layer 1. Drag gambar yang ada di library ke dalam stage. Kemudian sesuaikan

ukuran dengan free transform tool (Q) dan sesuaikan posisi gambar dengan

selection tool (V). Berikut adalah tampilan stage jika langkah berhasil dilakukan.

Pada gambar ⇒ klik kanan ⇒ convert to symbol ⇒ name: basket, type: movie

clip, registration: titik paling tengah ⇒ klik tombol OK.

5. Layer 1. Klik kanan ⇒ Add Classic Motion Guide.

Page 5: Tutorial Animasi Bola dengan Adobe Flash CS6

3

Jika langkah berhasil dilakukan, berikut tampilan pada timeline.

6. Pada layer guide. Buat suatu garis menggunakan pencil tool (Y) tapi bisa juga

menggunakan brush tool (B). Garis ini nanti akan berfungsi sebagai lintasan dari

gambar bola akan bergerak.

Buat garis lintasan menjadi seperti pola pantulan dari bola basket.

7. Klik pada gambar bola basket dan posisikan tepat diujung garis. Pada gambar bola

terdapat bulatan putih. Posisikan itu tepat pada garis.

8. Layer 1 & guide layer, klik kanan pada frame 50 ⇒ insert frame.

Page 6: Tutorial Animasi Bola dengan Adobe Flash CS6

4

Berikut tampilan pada timeline jika langkah berhasil dilakukan.

9. Layer 1. Frame 50 ⇒ klik kanan ⇒ insert keyframe.

Berikut tampilan timeline jika langkah berhasil dilakukan.

10. Layer 1 ⇒ klik frame 50 kemudian pindahkan bola ke ujung yang lain dari garis

lintasan. Jangan lupa untuk memposisikan bulatan putih tepat pada ujung garis.

Page 7: Tutorial Animasi Bola dengan Adobe Flash CS6

5

11. Layer 1 ⇒ klik kanan diantara frame 1 – 49 ⇒ create classic tween.

Jika langkah berhasil dilakukan, berikut tampilan timeline.

12. Perhatikan pada pola garis yang membuat seolah ada efek pantulan pada bola

terhadap lantai. Berikat keyframe pada bagian tersebut pada layer 1. Pada gambar

ditutorial, pola tersebut terdapat pada frame 19, 29, 37.

13. Pada layer 1, frame 19, 29, 37, ubah bentuk simbol basket dengan free transform

tool (Q).

Page 8: Tutorial Animasi Bola dengan Adobe Flash CS6

6

Langkah tersebut akan menimbulkan efek pantulan dari sebuah bola elastis.

14. Layer 1 ⇒ klik antara frame 1 – 18 ⇒ pada tweening, masukan nilai ease: -50

(ease in). Berfungsi untuk membuat bola jatuh dengan gerakan lambat kemudian

seolah jatuh dengan gerakan dipercepat.

15. Layer 1 ⇒ klik antara frame 37 – 50 ⇒ tweening: ease=50, rotate=CW x 5

(sesuaikan dengan kebutuhan).

16. Pada keyboard ⇒ tekan ctrl + enter untuk menjalankan file .swf. Untuk

melengkapi pembuatan animasi, bisa ditambahkan beberapa jenis bola yang lain

dan tinggal disesuaikan dipola lintasan dari tiap-tiap bola akan memantul.