Membuat Animasi Text dengan Photoshop – Blur
Allow temen-temen. Kali ini mbahmul lagi belajar bikin animasi text dengan photoshop. Efek yang dipakai nantinya adalah blur, blending, dll. Hasilnya seperti gambar diatas. Oiya, animasi text dengan photoshop diatas adalah file berextensi .gif. Gambar diatas hanyalah latihan atau mbahmul lagi belajar membuat animasi. Dan inilah, tutorial selengkapnya:
1. Membuat Layer background
- Buka dokumen baru Photoshop Anda (ctrl+N), dengan setting setup dengan ukuran : Width: 765 pxl, Height: 165 pxl, Resolution: 300 pxl/inc, Color Mode: RGB/8 Bit.
- Ubah warna layer backgroundnya dengan warna biru (optional).
- Klik Text Tool (T) pada Menu Tools, atur setup text anda sbb:
Font: Agency Fb (bebas), Ukuran : 6 pt (bebas), Aligment : center, Warna : putih (bebas)
- Arahkan kursor ditengah-tengah halaman bagian atas, lalu ketik “selamat datang<enter>di”
- Setelah selesai penulisan teks tersebut, tekan ctrl+E untuk memerger teks tersebut agar menempel pada layer backgroud.
2. Membuat Teks / Objeck Animasi
- Klik Text Tool (T), ketik “WWW.MBAHMUL.COM“, setup teksnya hampir sama dengan yang teks terdahulu, cuma kali ini ukuran fontnya lebih besar dan gaya font tebal (bold).
- Klik 2 kali pada bagian layernya untuk menampilkan setup “Layer Style”nya/ blending option, kemudian set seperti ini: opacity nya 50%.
- Klik OK (enter), setelah itu klik kanan mouse pada halaman dokumen anda lalu pilih “Rasterize Layer”/”Rasterize Style”. Hal ini akan mengubah Teks tersebut menjadi bentuk image (bukan lagi teks).
- Klik Layer background dan buat layer baru.
- Klik Layer “Bloggue” dan tekan tombol ctrl+E (Merger Down).
- Tekan ctrl+J untuk menduplikat layer lalu tekan tombol V (Move Tool) dan klik dibagian node atas-tengah, tarik kebawah……
- Seting blending mode-nya menjadi Opacity/Fill=50/50.
3. Membuat Effect “Pudar-Hilang” – BLUR
- Buat duplikat layer sebanyak 3 kali atau klik ctrl+J sebanyak 3 kali untuk membuat duplikat layernya menjadi 3 buah.
- Klik Filter pada menu bar lalu pilih Blur>Motion Blur dan set Angle = 0º, distance=999 pxl. OK.
- Klik gambar/icon mata pada layernya untuk menyembunyikan tampilan layer, kemudian beralih ke layer dibawahnya. Lakukan hal yang sama seperti diatas, tapi kurangi set distancenya menjadi 200 pxl dan hilangkan tanda mata. Beralih di layer bawahnya lagi set dictance=50 pxl.
4. Membuat Animasi nya
- Pindah atau lompat ke Adobe ImageReady untuk membuat animasi dengan cara meng-klik di bagian paling bawah Menu Tool (shift+ctrl+M).
- Setelah dokumen yang kita buat tadi berpindah ke halaman Adobe ImageReady, cari Dialog Animasinya kalau belum tampil cara menampilkannya adalah dengan meng-klik Menu Bar>Window lalu centang Animation. Setelah tampak dialog window animasinya, klik “duplicat current frame” sebanyak 4 kali….
- Sekarang anda telah mempunyai 5 frame, klik frame no.2 > matikan layer 1 (klik ikon mata) > hidupkan layer1 copy (klik ikon mata).
- Klik Frame No.3, matikan layer 1 > hidupkan layer 1 copy 2
- Klik Frame No.4, matikan lyayer 1 > hidupkan layer copy 3
- Klik Frame No.5, matikan layer 1
- Setelah pekerjaan diatas selesai, langkah selanjutnya adalah mengatur durasi masing-masing framenya. Klik frame no.1 > tekan tombol shift > klik frame no.5. Kemudian klik dibagian bawah framenya > pilih 0,5 (seconds).
5. Menyimpan File Animasi
- Proses pembuatan animasi kita sudah selesai dan anda bisa mencoba memutarnya dengan meng-klik ikon play-nya sebelum anda menyimpannya dengan ekstensi gif.
- Untuk menyimpan file kita, caranya dengan meng-klik Menu File > Save Optimized As (ctrl+shift+alt+S) > Nama File > OK.
Jangan lupa menyimpan file .psd nya juga untuk berjaga-jaga barangkali Anda mau mempergunakan file membuat Animasi text dengan photoshop itu kembali.