Bagi Ilmu : Efek Transisi

Ketemu lagi nih… kali ini diriku kan berbagi ilmu tuk buat animasi efek transisi pada gambar atau foto…

Untuk fotonya kita pakai yang simpel aja… yaitu 4 gambar bawaan windows : Blue hills, Sunset, Water lilies, dan Winter… gambar tersebut kemungkinan besar selalu ada pada installan windows pada folder my pictures, lalu konversi dalam ukuran 320×240 pixel biar hemat…

Tapi klo masih g’ punya juga gambar2 ntu, nie tak sediain yg dah tak ubah jadi ukuran 320×240 pixel : (klik pada gambar untuk melihat ukuran sebenarnya)

Sebelumnya jalankan dulu Image Ready-nya dan ikuti langkah2 berikut :

1. Buat file baru, klik File>>New (ctrl+N), beri nama misal Transisi, tentukan ukuran yang kecil saja, 320×240 pixel…

lalu buat 4 layer baru dengan klik ctrl+shift+N…

2. Drag gambar2 yang telah dipersiapkan sebelumnya dari folder tempat menyimpan gambar tersebut ke layar satu per satu… urutkan per layer (pilih layer 1 lalu drag gambar pada layar dan arahkan memenuhi layar, lalu pilih layer 2 lalu drag gambar selanjutnya dan arahkan memenuhi layar, dan begitu seterusnya…) kalau diriku sih pada layer 1 dengan gambar Blue hills, layer 2 Sunset, layer 3 Winter lilies, dan layer 4 Winter…

Pada langkah selanjutnya diperlukan sedikit ketelitian agar animasinya tidak kacau… (wuih gayanya pakai ketelitian segalan… padahal kan yg nulis jg g’ teliti… :b)
Dan untuk mengatur agar layer tertentu terlihat pada frame tertentu tinggal klik lambang mata pada sebelah kiri tiap layer…

3. Klik tanda panah pada jendela Animation dan pilih New Frame untuk membuat Frame baru, pada Frame 1 dan 2 pastikan yang terlihat hanya layer Blue hills dan Sunset…

Kita animasikan transisi dari gambar Blue hills ke Sunset dengan model sliding dari kiri ke kanan… pada Frame ke-1, pilih layer Sunset dan geser layer Sunset ke arah kiri sampai tak terlihat… pindah pada Frame ke-2, pastikan layer Sunset penuh menutupi layer Blue hills… klik panah pada jendela Animation, pilih Tween, pastikan Tween with : Next Frame, Frame to add : 5, Layers : All layers, Parameters : beri centang Position-Opacity-Effect

4.Klik tanda panah pada jendela Animation dan pilih New Frame untuk membuat Frame baru, pada Frame 7 dan 8 pastikan yang terlihat hanya layer Sunset dan Water lilies… Kita animasikan transisi dari gambar Sunset ke Water lilies dengan model sliding dari atas ke bawah… pada Frame ke-7, pilih layer Water lilies dan geser layer Water lilies ke atas layar sampai tak terlihat… pindah pada Frame ke-8, pastikan layer Water lilies penuh menutupi layer Sunset… klik panah pada jendela Animation, pilih Tween, pastikan Tween with : Next Frame, Frame to add : 5, Layers : All layers, Parameters : beri centang Position-Opacity-Effect

5. Klik tanda panah pada jendela Animation dan pilih New Frame untuk membuat Frame baru, pada Frame 13 dan 14 pastikan yang terlihat hanya layer Water lilies dan Winter… Kita animasikan transisi dari gambar Water lilies ke Winter dengan model fade in… pada Frame ke-13, pilih layer Winter dan set nilai opacity 0% sampai tak terlihat… pindah pada Frame ke-14, pastikan layer Winter penuh menutupi layer Water lilies dengan nilai opacity 100%… klik panah pada jendela Animation, pilih Tween, pastikan Tween with : Next Frame, Frame to add : 5, Layers : All layers, Parameters : beri centang Position-Opacity-Effect

6. Klik tanda panah pada jendela Animation dan pilih New Frame untuk membuat Frame baru, pada Frame 19 dan 20 pastikan yang terlihat hanya layer Winter dan Blue hills… Kita animasikan transisi dari gambar Winter ke Blue hills dengan model fade out… pada Frame ke-19, pilih layer Winter dan set nilai opacity 100%… pindah pada Frame ke-20, pastikan layer Winter penuh menutupi layer Blue hills lalu ubah nilai opacity jadi 0% sampai layer Winter tak terlihat… klik panah pada jendela Animation, pilih Tween, pastikan Tween with : Next Frame, Frame to add : 5, Layers : All layers, Parameters : beri centang Position-Opacity-Effect

7. Selesai dengan proses tweening-nya, sekarang tinggal atur waktunya… klik bagian bawah dari tiap frame dan set waktu jadi o.1 detik/seconds… Untuk frame kunci, yaitu frame 1, 7, 13 dan 19 boleh diset dalam waktu 1 atau 0.5 detik agar tidak transisinya tidak terlalu cepat…

Setelah selesai semua tinggal simpan dalam 2 format, pertama klik Save As, beri nama misal Transisi dan simpan dalam format .psd lalu klik Save Optimized As, beri nama Transisi dan simpan dalam format .gif dan berikut hasilnya :

Duh ngantuknya… maaf ya kalau bagi ilmu kali ini minim screenshot… soalnya ya gitu deh… dah ngantuk, truz cuma ngulang2 aja… semalem nulis 3 bab bagi ilmu… dah jam 12 malem nie… bo2′ dlu ah… Zzzz… Zzzz…. (dalam mimpi berkata,”moga bagi ilmu kali ini bermanfaat…” hi7x… khayal bgdz… :b)