9
LAPORAN AKHIR PRAKTIKUM Flash Intro Nama : Dhawy Arkan NPM : 31112984 Kelas : 3DB01 Materi Praktikum : Intro PraktikumTanggal : 10 November 2014 Ketua Asisten : Reka D Paraf Asisten (………………….)

dhawyscientist.files.wordpress.com …  · Web viewObjeck akan bergerak mengikuti lintasan yang pada saat animasi di jalankan , jalur lintasannya tidak terlihat. Membuat Animasi

  • Upload
    others

  • View
    5

  • Download
    0

Embed Size (px)

Citation preview

Page 1: dhawyscientist.files.wordpress.com …  · Web viewObjeck akan bergerak mengikuti lintasan yang pada saat animasi di jalankan , jalur lintasannya tidak terlihat. Membuat Animasi

LAPORAN AKHIR PRAKTIKUMFlashIntro

Nama : Dhawy Arkan

NPM : 31112984

Kelas : 3DB01

Materi Praktikum : Intro

PraktikumTanggal : 10 November 2014

Ketua Asisten : Reka D

Paraf Asisten

(………………….)

UNIVERSITAS GUNADARMALABORATORIUM SISTEM INFORMASI

2014

Page 2: dhawyscientist.files.wordpress.com …  · Web viewObjeck akan bergerak mengikuti lintasan yang pada saat animasi di jalankan , jalur lintasannya tidak terlihat. Membuat Animasi

Laporan Akhir Flash

Intro

Motion Tween

Langkah-langkah dalam membuat Animasi Flash :

Animasi Lingkaran Melintasi Garis Lurus

1. Dari menu start pilih allprogram kemudian pilih folder Adobe Master Collection CS3 dan klik Adobe Flash CS3 Professional.

2. Maka tampilan awal Adobe Flash CS3 Professional akan keluar seperti ini. Kemudian doble klik flash file action script2.0.

Page 3: dhawyscientist.files.wordpress.com …  · Web viewObjeck akan bergerak mengikuti lintasan yang pada saat animasi di jalankan , jalur lintasannya tidak terlihat. Membuat Animasi

3. Ganti nama layer 1 menjadi lingkaran dengan cara doble klik kiri layer 1 dan ketikkan lingkaran.

4. Gunakan oval tool pada tollbox sebelah kiri untuk membuat lingkaran. Caranya klik oval tool kemudian Tekan Shift + klik kiri tahan atur hingga ukuran lingkaran yang di inginkan.

5. Setelah itu klik pada layer lingkaran dan pada bagian bawah layer lingkaran pilih dan klik tombol add motion guide.

6. Klik frame 1 layer guide. Kemudian tambahkan garis dengan menggunakan line tool

Page 4: dhawyscientist.files.wordpress.com …  · Web viewObjeck akan bergerak mengikuti lintasan yang pada saat animasi di jalankan , jalur lintasannya tidak terlihat. Membuat Animasi

7. Klik kiri tahan kemudian atur panjang garisnya.

8. Kemudian pada frame 60 layer guide klik kiri tahan dan tarik ke bawah hingga di layer lingkaran. Kemudian klik kanan dan pilih insert keyframe. Setelah itu klik kanan pada frame 1 layer lingkaran, pilih create motion tween. Maka layer lingkaran akan memiliki garis motion tween. Motion tween yaitu garis panah animasi dan background framenya akan berwarna biru.

9. Kemudian pada frame 60 pindahkan lingkaran tadi ke ujung garis lintasan, seperti pada gambar di bawah ini.

Page 5: dhawyscientist.files.wordpress.com …  · Web viewObjeck akan bergerak mengikuti lintasan yang pada saat animasi di jalankan , jalur lintasannya tidak terlihat. Membuat Animasi

10. Setelah itu tekan ctrl + enter untuk menjalankan animasi flash. Maka animasi lingkaran akan bergerak lurus, tanpa harus terlihat garis lintasannya.

Membuat Lingkaran Melewati Lintasan Melengkung

Setelah berhasil membuat motion tween mengikuti garis lurus, pada tutorial selanjutnya akan membahas mengenai lingkaran mengikuti lintasan melengkung. Caranya :

1. Tekan ctrl + N untuk memulai animasi baru. Kemudian doble klik flash file AS 2.0. 2. Ikuti langkah ke 3 sampai langkah ke 6 dari pembuatan lingkaran mengikuti

lintasan lurus seperti pada tutorial sebelumnya. Maka hasilnya akan seperti pada gambar ini :

3. Pada layer guide, buat garis lurus dengan menggunakan line tool, kemudian pilih selection tool untuk melengkungkan garis tersebut.

Page 6: dhawyscientist.files.wordpress.com …  · Web viewObjeck akan bergerak mengikuti lintasan yang pada saat animasi di jalankan , jalur lintasannya tidak terlihat. Membuat Animasi

4. Buat lintasan melengkung hingga seperti pada gambar di bawah ini .

5. Setelah itu pada layer lingkaran frame 40 insert keyframe. Pada frame 1 klik motion tween. Dan pada frame 40 pindahkan lingkaran ke ujung sisi yang lain dari lintasan.

6. Kemudian tekan ctrl + enter untuk melihat hasil animasinya. Objeck akan bergerak mengikuti lintasan yang pada saat animasi di jalankan , jalur lintasannya tidak terlihat.

Membuat Animasi Kipas

1. Tekan ctrl + N untuk memulai flash file baru.2. Pilih Flash file Action script 2.0 kemudian klik ok.

3. Gunakan Rectangle tool untuk membuat objeck baling-baling kipas.

Page 7: dhawyscientist.files.wordpress.com …  · Web viewObjeck akan bergerak mengikuti lintasan yang pada saat animasi di jalankan , jalur lintasannya tidak terlihat. Membuat Animasi

4. Kemudian duplikat objeck tersebut dengan cara ctrl + C kemudian ctrl + V. Selanjutnya Free transform objeck hasil duplikat hingga menjadi seperti pada gambar di bawah ini.

5. Kemudian satukan kedua objeck tersebut. Pada frame 50 klik kanan dan pilih insert keyframe. Dan pada frame 1 klik kanan dan pilih create motion tween. Maka hasilnya akan seperti gambar ini.

6. Selanjutnya klik frame 1, dan lihat pada bagian properties pilih fitur rotate. Ubah rotate menjadi CW agar objeck dapat berputar ke kanan.

Page 8: dhawyscientist.files.wordpress.com …  · Web viewObjeck akan bergerak mengikuti lintasan yang pada saat animasi di jalankan , jalur lintasannya tidak terlihat. Membuat Animasi

7. Ctrl + enter untuk menjalankan animasi rotate yang telah selesai di buat. Animasi tersebut akan berputar ke arah kanan terus menurus.