Kamis, 15 Januari 2015

A. MENGGUNAKAN KEYFRAME DAN FRAME

  • Keyframe adalah frame dimana Anda menentukan perubahan pada tombol atau animasi.
  • Animasi frame by frame adalah animasi yang di buat hanya dengan menggunakan berbagai frame dalam satu layer ataupun antar layer. Lama tidaknya sebuah animasi dijalankan sangat bergantung dari jumlah frame. Pembuatan animasi frame by frame lebih membutuhkan waktu yang lama. Hal itu disebabkan karena terlalu banyak objek yang harus ditempatkan pada frame yang berbeda.
1. Membuat animasi Frame By Frame
  • Ketik teks “Belajar Animasi” dengan menggunakan Text Tool atau tekan tombol T di keyboard pada frame 1
Gambar 1
  • Lalu copy frame satu ke frame 15 dengan menekan tombol F6 atau klik kanan pada frame 15 lalu klik insert keyframe
Gambar 2
  • Lalu ganti teks " Belaja Animasi" dengan tulisan "dengan" lakukan hal yang sama pada frame 30

Gambar 3
  •  Beri durasi waktu untuk pergerakan animasi tersebut dengan menekan tombol F5 di keyboard atau klik kanan pada frame 45 lalu klik insert frame

Gambar 4
  •  Setelah selesai jalankan animasi tersebut dengan menekan tombol Ctrl+Enter
 2. Membuat Animasi Huruf Berjalan
  • Ketik teks "SMANCO" dengan menggunakan Text Tool atau tekan tombol T di keyboard pada frame 1 lalu kita pecah teks tersebut dengan klik kanan pada teks tersebut lalu pilih Break Apart
Gambar 1
  • Tekan tombol F6 pada frame 8 pindahkan huruf “S” ke bawah ganti jenis huruf dan warna huruf
Gambar 2
  •  Lakukan hal yang sama pada frame-frame berikutnya beri durasi waktu pada akhir animasi tersebut
  • Setelah selesai jalankan animasi tersebut dengan menekan tombol Ctrl+Enter
3.  Membuat Huruf Terbang
  • Ketik teks “MANCOS” dengan menggunakan Text Tool atau tekan tombol T di keyboard pada frame 1
Gambar 1
  • Pada properties isikan letter spacing untuk memberi jarak huruf dengan angka 10 
  • Tekan F5 pada frame 3 lalu pada frame 4 tekan F6 lalu kurangi letter spacing dengan angka 8 
  • Lakukan hal yang sama pada frame berikutnya sampai letter spacing menjadi 0 dan teks “MANCOS” dekat seperti tampak pada gambar dibawah ini
Gambar 2
  • Pada frame 20 tekan F5 pada frame 21 tekan tombol F6 lalu klik kanan pada teks tersebut pilih Break Apart untuk memecah teks tersebut

Gambar 3
  •  Lalu pindahkan dan putar huruf S keatas
Gambar 4
  • Lakukan hal yang sama sampai huruf S berpindah kedepan dan teks menjadi “SMANCO”
Gambar 5

  • Tekan tombol F5 pada frame 50 untuk memberi durasi waktu pada animasi tersebut
  • Setelah selesai jalankan animasi tersebut dengan menekan tombol Crtl+Enter
  4. Menulis Angka 3
  • Ketik angka “3” dengan menggunakan Text Tool atau tekan tombol T di keyboard pada frame 1 

Gambar 1
  • Klik Kanan pada angka 3 lalu klik pilh “Break Apart” untuk mengubah angka menjadi gambar angka 3 

Gambar 2
  • Copy Frame 1 sampai Frame 15 dengan menenkan tombol F6 kemudian kembali ke Frame 1 hapus sedikit demi sedikit angka 3 tersebut dengan menggunakan “Eraser Tool” sampai Frame 15

Gambar 3
  • Tambahkan layer baru dengan mengklik ikon “Insert Layer”

Gambar 4
  • Gambar Pensil pada Frame 1 lalu pindahkan gambar pensil tersebut ke potongan angka 3 yang tadi dihapus di setiap Frame  

Gambar 5
  • Copy Frame 1 ke Frame berikutnya dengan menekan tombol F6 lalu pindahkan gambar pensil tersebut ke setiap Frame sampai Frame ke 15

Gambar 6
  • Setelah selesai jalankan animasi tersebut dengan menekan tombol Crtl+Enter
5. Animasi Palu dan Paku

  • Buka program aplikasi Flash. Pada kotak dialog New Document , klik OK. Untuk membuat Dokumen baru
Gambar 1

  • Lihat pada kotak timeline. Terlihat layer 1, kemudian kita ganti tulisan “layer 1” menjadi “Tembok”, dengan cara double klik pada tulisan layer 1, kemudian tulis “Tembok” 
Gambar 2

  • Kemudian kita gambar objek tembok. Menggunakan kombinasi tools yaitu Rectangle Tool dan Oval Tool
Gambar 3

  • Dengan pengaturan warna pada Stroke color and Fill Color Sbb : 
Gambar 4

  • Sehingga didapatkan hasil tembok sebagai berikut :
Gambar 5
  • Lalu buat objek paku , dengan menggunakan berbagai pilihan di tool box, dan menjadi paku seperti ini :
Gambar 6

  • Selanjutnya kita insert keyframe sampai ke frame 20 atau dengan menekan tombol F6. Buatlah perubahan posisi paku pada setiap frame
Gambar 7

  • Kemudian kita buat Layer baru dg Klik ikon insert layer, dan rename layer menjadi “palu”  
Gambar 8

  • Setelah itu , buatlah objek palu, dengan menggunakan berbagai pilihan di tool box agar menjadi palu seperti ini : 
Gambar 9

  • Lalu insert key frame dengan panjang frame sama dengan layer 1 atau tekan tombol F6. Buat perubahan kemiringan palu pada setiap frame,agar sesuai dengan pergerakan paku  sepert ini  :
Gambar 10

  • Lalu setelah semuanya sesuai , tekan ctrl + Enter untuk melihat hasilnya
  • bY : Hamdan Amrullah and M. Danil Ilhan (Siswa SMA N 1 Comal tahun 2013-2014).