Pada pertemuan kali ini diriku coba bagi ilmu membuat animasi fade in – fade out pada sebuah tulisan dengan teknik tween…
Tween Animation adalah teknik membuat animasi secara otomatis dengan menentukan titik awal dan titik akhir animasi…
Nah langsung aja begini ceritanya… (lho???) Jalankan Image Ready dulu…
1. Buat file baru klik File>>New (ctrl+N), beri nama misal Fade In – Fade Out, pakai ukuran kecil saja, misal 340×240 pixels…
2. Lalu gunakan Type Tool (T), atur huruf standar saja Times New Roman ukuran 24px… ketik kata yang diinginkan dan letakkan pada pojok kiri layar, misal seperti pada contoh dibawah…
3. Klik tanda panah pada jendela Animation dan pilih New Frame untuk membuat Frame baru, ulangi 2x sampai muncul Frame ke-3… (kalau belum ada jendela Animation klik Window di menu bar atas lalu beri centang/klik Animation…)
4. Ubah opacity layer tulisan pada Frame 1 dengan nilai opacity 0%… pada Frame 2 opacity-nya 100% dan geser layer tulisan pada tengah layar, sedangkan pada Frame 3 opacity-nya kembali 0% dan geser layer tulisan pada sebelah pojok kanan layar…
- Frame 1 posisi layer tulisan pada pojok kiri layar, dengan opacity 0%
- Frame 2 posisi layer tulisan pada tengah layar, dengan opacity 100%
- Frame 3 posisi layer tulisan pada pojok kanan dengan opacity 0%
5. Sekarang langkah animasinya… pastikan untuk memilih Frame 1 terlebih dahulu, lalu klik tanda panah pada jendela Animation, pilih Tween…
pada jendela Tween atur Tween with : Next Frame, Frame to add : 7 (lebih banyak frame hasil animasinya lebih halus tapi ukuran filenya lebih besar sedangkan kalau framenya lebih sedikit ukuran filenya lebih kecil tapi animasinya patah2…), Layers : All layers, Parameters : beri centang Position-Opacity-Effect (biar semua perubahan nampak pada animasi)
6. Nah berhubung kita tambah 7 frame, jadi yang tadinya frame ke-2 (dengan posisi tengah layar dan opacity 100%) sekarang jadi berada pada frame ke-9… pilih frame ke-9 tersebut, pilih Tween lagi, dan atur seperti sebelumnya dengan Tween with : Next Frame (pastikan untuk pilih Next Frame karena biasanya pada langkah ini pilihan otomatis akan jatuh pada Previous Frame), Frame to add : 7 (kan diriku suka angka 7 dan kerabatnya… :b), Layers : All layers, Parameters : beri centang Position-Opacity-Effect
7. Sekarang kita punya total 17 frame dengan 3 frame kunci pada frame ke-1, 9, dan 17, serta 14 frame tambahan pada frame ke 2-8 dan 10-16… Kita atur durasi tiap frame dengan klik bagian bawah frame dan atur sebagai berikut :
- frame 1 durasi 0.5 detik/seconds
- frame 2-8 durasi 0.05 detik/seconds (pilih dulu Other… baru isikan Delay 0.05 seconds)
- frame 9 durasi 1 detik/seconds
- frame 10-16 durasi 0.05 detik/seconds (pilih dulu Other… baru isikan Delay 0.05 seconds)
- frame 17 durasi 0.5 detik/seconds
Selesai… simpan dalam 2 format, pertama klik Save As, beri nama misal Fade In – Fade Out dan simpan dalam format .psd lalu klik Save Optimized As, beri nama Fade In – Fade Out dan simpan dalam format .gif dan inilah hasinya :
Sekian dan terimakasih… semoga bagi ilmu ini bermanfaat… terus kembangkan imajinasi teman2 untuk membuat animasi2 yang lebih rumit… nie misalnya… (masih sederhana juga sih sebetulnya… hi7x… ga’ ada rumit2nya… :b)
Cuap2...