![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfcRdCcUQFy0F7aOxc0EULOgrssp6ZCigyHwCYSR9BF8ocDDOA8YgnSlba1CrvsePooo4SVHIFI9c5C2dAmoGLQUhxYKrQL22CNM97_VEOJt0WMryZcguT8KrVryIWY61LiJLpOMhwoH6V/s320/membuat+animasi.jpg)
Kali ini asybook akan memberikan cara membuat banner animasi yang mudah-mudahan bermanfaat bagi para pembaca sekalian.
- Buka program Photoshopnya (harus Cs 6)
- File > New > disini saya menggunakan ukuran 468 x 60 lalu klik OK (backgournd sesuai pilihan)
- Buat layer Text { CTRL+T ) Buat Teks Sesuai keinginan anda
- Menyusun posisi Layer Text sesuai desain anda ( akan tampak seperti gambar di bawah )
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMYGGMkiF37tqeFFFofn38EWRiX9qB7jSB8HsaF1oZEfO8G2VovJ2grWIwV5xga8cdN_zJ9CUp1otEBIjQ0sc7zNuQElc-Ta87YXd4jtSaOUsXDGRi4gQa70FOp4X9rhOACxv3HwuWNfDh/s640/Untitled-4.jpg)
Langkah ini yang akan membuat banner anda bergerak Pilih menu Windows > Timeline > Create Video Timeline.
Maka akan tampak seperti di bawah ini
- Klik Icon Segitiga
- Klik Keyframe Animation “OPACITY”
- Ubah Nilai Opacity hingga 0%
- Geser Splitline ( menentukan kecepatan gerak objek, semakin jauh semakin lambat )
- Klik keyframes, maka otomatis akan muncul keyframes ke dua
- Ubah lagi Nilai Opacity menjadi 100%
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDHAHWD0zKBr9p_2yVjpguma3S2eEcq03sahDXxlMnUIufys6KutoDDEjAmFPirNJHBUdq1rxYoTk6YWL5PBo12jwfHLgh824-KQaTRha_EvEKrbGp6A8m7xdNUmOmkq2MyeZdPQlBg1EP/s640/Untitled-7.jpg)
Ulangi langkah di atas sesuai yang anda inginkan.
Dan lakukan juga langkah di atas pada layer “Membuat Banner Animasi dengan Photoshop Cs6"
- Geser shape hingga keluar canvas
- Klik Keyframe Animation “POSITION”
- Geser Splitline ( menentukan kecepatan gerak objek, semakin jauh semakin lambat )
- Geser shape memasuki canvas hingga tampak seperti semula.
Ulangi langkah di atas sesuai yang anda inginkan.
Langkah terakhir anda tinggal menyimpannya dalam bentuk .gif
Caranya:
- CTRL+ALT+SHIFT+S lalu setting seperti gambar di bawah ini
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsmW9iqdWppJ_0N28aubD1oPU_Ciel9aUJI_G84LWEIvBD3TLYVu3syhkmob8dMUXAJQDltyxoylHDrjUY4SJ-oguLDXkTyofDlFWoM94hRDqN5xWVZ7MX7TaosMxFsAwW32xhby4CQPW1/s640/Untitled-9.jpg)
- Sesuaikan seperti kolom yang sudah di tandai pada gambar di atas.
- Lalu Klik Tombol SAVE