Pages

Minggu, 23 Oktober 2016

Membuat Animasi Text Di Photoshop ( Fade In )

Yang saya gunakan disini adalah Photoshop Cs6 untuk versi yang lain tidak terlalu berbeda langkah-langkahnya

Pertama - tama kita buat file baru , klik file > new maka akan muncul seperti dibawah


 Tentukan namanya dan ukuran gambar yang akan dibuat sesuai selera , jika sudah  klik ok maka akan muncul layer baru

Untuk menambahkan background bisa menggunakan paint bucket tool , cukup klik G / Shift+G dan tentukan warna background sesuai keinginan . Sedangkan untuk menambahkan tulisan gunakan horizontal type tool cukup klik T / shift+T . Contohnya seperti dibawah


Karena kita akan membuat GIF klik window > timeline maka akan muncul jendela timeline


Pertama - tama kita hide dulu textnya


Lalu kita duplikat frame di timelinenya dengan cara klik icon seperti digambar


Jika sudah diduplikat kita aktifkan kembali layer textnya , maka akan seperti dibawah


Lalu kita tween framenya  , ini berfungsi untuk memperhalus transisi tiap framenya . Caranya klik icon seperti dibawah


Maka akan muncul menu seperti dibawah


Karena posisi selection ada di frame 2 kita pilih "previous frame" pada bagian tween with untuk berapa banyak frame yang akan kita tambahkan tetntukan sesuai selera , semakin banyak frame yg ditambahkan akan semakin halus transisi tiap frame tetapi size gifnya nanti pun akan semakin besar , untuk setting yg lain biarkan saja jika sudah klik ok


Diatas adalah hasil tween tadi ini bisa langsung di save tetapi saat gif berulang hasilnya tidak akan halus . untuk membuatnya halus kita select semua frame pilih frame pertama lalu klik frame terakhir sambil menekan shift






Jika sudah klik icon yg ditandai seperti digambar akan muncul menu seperti dibawah


Pilih copy frame , lalu buka lagi menunya klik paste frame


Pastikan selection berada di frame terakhir , dan pilih seperti digambar lalu klik ok , buka lagi menu seperti pada saat copy/paste frame tapi kali ini pilih reverse frame





Untuk menyimpan klik file>save for web pastikan bagian yg ditandai adalah gif lalu klik save . contoh hasilnya seperti dibawah




















0 komentar:

Posting Komentar