Bagi Ilmu : Buat Animasi Efek Zoom

Jumpa lagi dalam acara… BAGI ILMUUUUUUU!!!! (kaya’ acara anak kecil ajah… :b)

kali ini diriku coba bagi ilmu buat animasi efek global warming… eh salah dink… xb… animasi efek zoom… nah itu yang bener…

seperti biasa jalankan dulu aplikasi Image Ready-nya…

nie dia langkah2nya :

1. Buat file baru dengan klik File>>New (ctrl+N) , beri nama efek zoom atau terserah… untuk ukurang kita gunakan 340×240 aja yang ringan…

2. Truz gunakan Type Tool (T), atur huruf standar saja Times New Roman ukuran 24px… ketik kata yang diinginkan dan letakkan pada tengah layar, misal seperti pada contoh dibawah…

klik2x pada nama layer, beri nomor urut misal 1 agar memudahkan saat nanti meng-animasi-kan…

3. Diplikasi Layer tersebut dengan klik ctrl+J, klik2x pada nama layer untuk mengubah nama layer tersebut, beri nomor urut saja, misal 2… lalu klik ctrl+T untuk mengatur ukuran layer tersebut, ketika memperbesar usahakan sambil menahan tombol Alt atau Shift+Alt agar pembesaran tepat pada tengah dan ukurannya juga proporsional, perbesar sekitar 10% dari ukuran semula, dikira-kira saja…

setelah itu set opacity layer sebanyak 90%…

4. Ulangi langkah ke-3 sampai dengan muncul layer ke-10 dengan mengatur ukuran naik 10% tiap layer baru dan opacity turun10% tiap layer baru, jadi pada akhirnya kita punya 10 layer, dengan nilai sebagai berikut :

• layer 1 dengan ukuran semula, opacity 100%

• layer 2 dengan ukuran 10% lebih besar dari layer 1, opacity 90%

• layer 3 dengan ukuran 10% lebih besar dari layer 2, opacity 80%

• layer 4 dengan ukuran 10% lebih besar dari layer 3, opacity 70%

• layer 5 dengan ukuran 10% lebih besar dari layer 4, opacity 60%

• layer 6 dengan ukuran 10% lebih besar dari layer 5, opacity 50%

• layer 7 dengan ukuran 10% lebih besar dari layer 6, opacity 40%

• layer 8 dengan ukuran 10% lebih besar dari layer 7, opacity 30%

• layer 9 dengan ukuran 10% lebih besar dari layer 8, opacity 20%

• layer 10 dengan ukuran 10% lebih besar dari layer 9 (kira2 hampir memenuhi layar), opacity 10% (hampir tidak kelihatan)

5. Klik anak panah di jendela Animation, lalu pilih New Frame… ulangi 9x sampai ada 10 Frame… (kalau belum ada jendela Animation klik Window di menu bar atas lalu beri centang/klik Animation…)

6. Sekarang bagian penting dalam animasi, atur kemunculan tiap Layer pada tiap Frame dengan mengatur layer visibility (lambang mata sebelah kiri layer) seperti berikut :

catatan : jika ada lambang mata maka layer tersebut terlihat pada frame tertentu, jika tidak ada maka layer tersebut tidak terlihat…

• frame 1 yang terlihat hanya layer 1

• frame 2 yang terlihat layer 1 dan 2

• frame 3 yang terlihat layer 1 dan 3

• frame 4 yang terlihat layer 1 dan 4

• frame 5 yang terlihat layer 1 dan 5

• frame 6 yang terlihat layer 1 dan 6

• frame 7 yang terlihat layer 1 dan 7

• frame 8 yang terlihat layer 1 dan 8

• frame 9 yang terlihat layer 1 dan 9

• frame 10 yang terlihat layer 1 dan 10

7. Jika langkah 6 sudah dilakukan, sekarang kita atur durasi tiap frame dengan klik pada bagian bawah tiap frame, atur seperti contoh berikut :

• frame 1 durasinya 1 detik (sudah ada pilihannya…)

• frame 2-10 durasinya masing2 0,05 detik (tidak ada pilihannya, jadi pilih Other… lalu set Delay 0.05 seconds…

Selesai sudah… untuk melihat hasilnya tinggal klik tombol Plays/stops animation… kalau sudah, untuk menyimpannya klik Save atau Save As, beri nama misal Efek Zoom untuk menyimpan file .psd nya agar sewaktu-waktu dapat diubah… lalu pilih Save Optimized As… beri nama misal Efek Zoom untuk menyimpan file jadinya dalam format .gif

Hasilnya kalau langkah2 diikuti dengan urut maka kira2 seperti ini :

Sudah dulu ah bagi ilmu kali ini… memang animasinya cuma kaya’ gitu… tapi kalau awal2 ya mending dari animasi2 sederhana dulu… baru kalau yang sederhana sudah bisa… boleh dikembangkan ke animasi yang lebih rumit…

Semoga bagi ilmu kali ini bermanfaat…