Tutorial Membuat Animasi dengan Photoshop

Bagi khalayak umum yang awan akan program grafis, tak banyak yang tahu bahwa dengan photoshop kita bisa membuat file animasi yang bagus. Caranya cukup mudah dan simple.

Anda lihat gambar animasi diatas, animasi tersebut berekstensi gif hasil dari olahan dapur “Photoshop“. Gambar tersebut saya buat secara spontan, karena sebelumnya otak saya “blank” nggak ada ide untuk bahan posting untuk minggu ini. Proses pembuatanya tak lebih dari 15 menit dan akhirnya saya jadikan posting.  Dan inilah, tutorial selengkapnya:


1.  Membuat Layer background
- Buka Program Photoshop Anda dan buka dokumen baru (ctrl+N), dengan setup: Width: 400 pxl, Height: 400 pxl, Resolution: 300 pxl/inc, Color Mode: RGB/8 Bit.
- Ubah warna layer backgroundnya dengan warna hitam dengan cara menekan tombol (D) lalu tekan (ctrl+i).
- Klik Text Tool (T) pada Menu Tools, atur setup text anda sbb:
Font: Agency Fb (bebas), Ukuran : 36 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 “BLOGGUE“, setup teksnya hampir sama dengan yang teks terdahulu, cuma kali ini ukuran fontnya 111 pt dan gaya font tebal (bold).
- Klik 2 kali pada bagian layernya untuk menampilkan setup “Layer Style”nya, kemudian set seperti ini:

- Klik OK (enter), setelah itu klik kanan mouse pada halaman dokumen anda lalu pilih “Rasterize Layer”. 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”
- 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
- Perpindah 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.
Mudah sekali bukan? Coba anda praktekkan tutorial ini dengan daya kreativitas dan imaginasi anda sendiri.  Sampai disini pertemuan kita kali ini, mohon maaf jika banyak kekurangan dalam cara penyampaian dan penyajian tutorial ini. Saya sangat senang jika Anda sudi memberikan komentar atas posting kali ini, agar saya tahu kekurangannya.
SELAMAT BERKREASI