#navbar-iframe {height:0px;visibility:hidden;display:none}

Sabtu, 30 Januari 2016

Tutorial Animasi Teks

Nah.... Sekarang di entri pertama edisi pertama (Asseekkk...). Azis bakalan kasih tau cara buat animasi teks pakai aplikasi Macromedia Flash 8 Profesional. Kalo belum, nih sekalian azis kasih link download aplikasinya :


Download Macromedia Flash 8

Tutorial ini cocok banget bagi kamu yang mau belajar buat animasi sederhana. Materi ini kalau disekolah azis sih, masuknya pelajaran TIK (Ya iyalah......) .

Ok.... Let's go!


1.      Buka Flash Macromedia 8 dan Pilih Flash Document pada saat pertama kali tampil
2.      Ubah View zoom menjadi 50%
3.      Tambah 2 Layer dengan mengklik Insert Layer sebanyak 2 kali sehingga muncul layer 1, 2 dan 3.
4.      Pilih Text Tool dan Ketik sebuah teks di luar stage, misalnya Selamat Datang. Ulangi untuk layer 2 dan 3 di beberapa tempat luar stage yang berbeda dengan teks yang berbeda pula, misalnya untuk layer 2 Teks nya Di SMAN 1 Semesta di kiri luar stage.
5.      Klik kanan Timeline 15 sejajar dengan layer 1, pilih Insert Keyframe.
6.      Pilih Selection Tools, ubah posisi teks di layer 1 di tengah stage agak ke atas.
7.      Ulangi Langkah (5) dan (6) untuk layer 2 dan 3 dengan Angka Timeline yang sama dan posisinya berurut. Misalnya teks layer 2 ditempatkan dibawah teks layer 1 dan seterusnya,
8.      Klik dan tahan di sembarang angka interval 1 – 15, blok ke kiri bawah sehingga beberapa timeline dari ketiga layer bewarna hitam.
9.      Klik kanan timeline yang bewarna hitam tersebut dan pilih Create Tween Motion.
10.  Klik dan tahan di sembarang angka di atas 15, misalnya di 20, blok kebawah sehingga 1 sel timeline yang terletak di angka yang sama bewarna biru.
11.  Klik kanan dan pilih Insert Keyframe.
12.  Tekan Ctrl+Enter untuk cek animasi.
13.  Untuk menambahkan logo pada animasi, tambahkan layer baru dengan mengklik Insert Layer sehingga Layer 4 muncul.
14.  Klik dan tahan layer 4 lalu drag sehingga posisinya berada dibawah Layer 1
15.  Klik dan tahan sel Timeline di angka 1 sejajar dengan layer 4, lalu drag ke posisi angka 20 sehingga stage memunculkan teks yang sudah sejajar/ selesai.
16.  Tekan Ctrl+R atau Pilih File>Import>Import to stage untuk memasukkan gambar logo yang akan dimasukkan
17.  Pada kotak dialog Insert, pilih gambar/ logo yang akan dimasukan, lalu pilih OK
18.  Setelah Logo muncul di stage, pindahkan logo ke atas luar stage. Untuk memudahkan, ‘sembunyikan’ layer 1 – 3 dengan mengklik bulatan kecil sejajar dengan layer dan tanda mata.
19.  Klik kanan sel timeline di angka di atas 20, misalnya 30. Lalu pilih Insert Keyframe.
20.  Pindahkan logo dari atas luar stage ke dalam stage hingga dirasa menindih teks dari ke 3 layer pertama
21.  Klik kanan di antara keyframe 20 dan 30 tadi dan pilih Create Motion Tween. Sehingga muncul animasi gambar / logo yang masuk dari atas dan menjadi background teks.
22.  Blok sel timeline 30 pada ketiga layer pertama yang dibuat dan klik kanan, pilih Insert Keyframe.
23.  Untuk membuat animasi gambar / logo menindih teks, carilah waktu saat gambar / logo bersentuhan dengan teks dengan mengklik sel sel timeline diantara kedua keyframe, biasanya terjadi pada timeline 23-26.
24.  Jika sudah ditemukan, misalnya di timeline 26, blok sel Timeline 26 di ketiga layer pertama kali dibuat dan klik kanan, pilih Insert Keyframe
25.  Blok sel – sel Timeline diantara timeline 26 – 30 dan klik kanan blok, pilih Create Tween Motion
26.  Di Timeline diatas 30, missal 35 blok Sel Timeline 35 di 4 layer dan klik kanan, pilih Insert Keyframe.
27.  Tekan Ctrl+Enter untuk cek animasi.
28.  Untuk menghilangkan teks sebagai akhir dari animasi, pada Layer pertama (yang kita buat) klik kanan sel Timeline diatas 35, missal 40, pilih Insert Keyframe.
29.  Pindahkan Teks pada Layer 1 ke arah luar stage.
30.  Diantara keyframe 40 dan 35, klik kanan dan pilih Create Motion Tween.
31.  Ulangi langkah (28) – (30) untuk layer 2 (awalnya diakhir Animasi Layer 1, caranya drag keyframe 35 ke angka 40) dan layer 3 (sama seperti layer 2 namun awalnya di akhir Animasi Layer 2) serta layer 4 (Awalnya di akhir Animasi layer 3).
32.  Tekan Ctrl+Enter untuk cek animasi.
33.  Kalian bisa mengvariasikan gerakan animasi dengan skill kalian yang sudah dipelajari ^^.

      Nah.... Itu ke-33 langkah yang harus kalian tempuh. Kalau mau tanya tanya masalah sekolah, hubungi saja Azis atau klik Lihat profil Lengkapku