Animasi Dora – Background Bergerak

Halo Sahabat Pintar,

Jumpa lagi di kolom tutorial IT. Kali ini saya akan berbagi cara untuk membuat animasi background bergerak. Kenapa dalam hal ini saya namakan animasi dora? Karena saya menggunakan Dora sebagai salah satu objeknya :D

Pertama, buka dulu software Flash nya. Kemudian lakukan langkah berikut:

1. Buat sebuah dokumen Flash dengan ukuran 550 x 400 pixel dan kecepatan 29 fps. Untuk mengatur kecepatan, ada di bagian properties.

properties flash

2. Siapkan sebuah file gambar yang akan menjadi background/latar belakang. Dalam hal ini, saya menggunakan salah satu hasil karya Sahabat Pintar di Rumah Pintar Kembar yang masih duduk di bangku SD. Import (CTRL+R) ke dalam stage dan sesuaikan agar ukuran gambarnya seukuran penuh stage.

import to stage

3. Minimize dulu ukuran stage hingga 25%

minimize stage

4. Duplicate gambar background (CTRL+D) kemudian atur agar susunannya rapi. Kemudian pilih kedua gambar background tersebut

dengan menekan CTRL+SHIFT agar kedua objek terseleksi atau klik kanan – Select All, kemudian klik kanan – Convert to Symbol

convert to symbol

5. Kemudian klik kanan di bagian timeline, tepatnya di frame ke 100, lalu Insert Key frame

insert key frame

6. Geser / pindahkan gambar background (sesuai selera, boleh ke kanan/kiri), dalam hal ini saya pilih kiri

geser

7. Klik kanan di timeline antara fram 1-100, lalu Create Motion Tween

create motion tween

8. Lalu buat layer 1 lagi, di frame pertama, import (CTRL+R) gambar Dora, kemudian insert key frame di frame ke 200.

dora berlari

9. Tekan CTRL+R untuk mengetes movie yang sudah kita buat. Hasilnya seperti ini:

Sorry, either Adobe flash is not installed or you do not have it enabled

Bagi Sahabat Pintar yang ingin belajar Flash Animator ,  segera daftarkan diri Anda ke :

Rumah Pintar Kembar

Jl. Solo-Yogya km.30 Jombor Ceper Klaten
(0272) 3154777

Kursus Komputer Terlengkap di Klaten – Rumah Pintar Kembar:

  • Pengajar yang ramah dan berpengalaman
  • Sertifikat berizin resmi Dinas Pendidikan
  • Waktu yang fleksibel
  • Training kit lengkap: modul, handout, notes

Suka dengan Artikel ini? Dapatkan Update Artikel Terbaru dari Rumah Pintar Kembar, Masukkan Alamat Email Anda. Data Anda Aman. Kami membenci SPAM, seperti juga Anda. :

Delivered by FeedBurner

1 Comment

  1. [...] Sahabat Pintar! Jumpa lagi di kolom tutorial IT. Kali ini kita akan lanjut belajar animasi dengan Flash. Bagi Anda yang pernah menggunakan Flash, apa sih perbedaan Frame dan Key Frame? Dan [...]

Leave A Reply