Cara Membuat Animasi di Photoshop dengan
Frame Animation
Setelah beberapa object gambar gerak ditambahkan
seperti object text, brush dan shape, kemudian langkah selanjutnya adalah cara
membuat Animasi di Photoshop CS6. Karena Photoshop CS6 support 2 tipe
pembuatan Animasi, yang pertama Video Timeline Animation dan kedua Frame
Animation. Tutorial animasi pada Photoshop yang sedang di bahas ini adalah cara
membuat animasi di Photoshop dengan Frame Animation.
Langkah 1
Hal pertama yang harus dilakukan dalam membuat gambar
bergerak dengan Frame Animation adalah membuka Timeline Palette (Windows
> Timeline) kemudian klik Create Frame Animation
seperti pada gambar dibawah.
seperti pada gambar dibawah.
Important: Untuk mempermudah pemahaman tentang cara membuat animasi
bergerak dengan Photoshop Frame Animation ini adalah Hide semua Layer kecuali
Layer Background.
Langkah 2
Langkah 2
Tambahkan Frame sebanyak 15 buah dengan cara mengeklik tombol Duplicate
Selected Frame.
Important: Karena setiap kali melakukan Duplicate Selected Frames, Photoshop
selalu otomatis menambahkan Layer baru pada Layer Palette, maka dari itu hapus
beberapa Layer Baru tersebut. Dan Layer Baru tersebut biasanya menggunakan nama
'Frame 1, Frame 2, Frame 3, Frame ..'
Langkah 3
Sekarang kalian di tuntut untuk teliti dan hati, maka
dari itu ikuti setiap arahan dari saya. Jika ada yang kurang jelas, ulangi
membaca dari awal langkah 3 ini dan peraktekan perlahan. Untuk memudahkan
kalian, saya menandai point-point penting dengan menebalkan huruf pada kalimat.
Coba cek apakah benar sekarang kalian punya 15 Frame di Timeline Palette? Jika salah ulangi dari langkah dua diatas. Sebaliknya, jika benar punya 15 Frame, sekarang lanjut klik satu kali (Selected) Frame 1 (pertama), kemudian Un-Hide beberapa Layer seperti di bawah ini:
Coba cek apakah benar sekarang kalian punya 15 Frame di Timeline Palette? Jika salah ulangi dari langkah dua diatas. Sebaliknya, jika benar punya 15 Frame, sekarang lanjut klik satu kali (Selected) Frame 1 (pertama), kemudian Un-Hide beberapa Layer seperti di bawah ini:
- Background
- Layer Model dengan Posisi kepala Tegak
- Text Cloud (Text Cloud di buat di Langkah 5)
- Layer Text : Siap! (jika kalian sebelumnya menggunakan kata lain juga gak apa-apa, yang penting sekarang Un Hide saja dulu)
- Background
- Layer Model dengan Posisi kepala Tegak
- Text Cloud (Text Cloud di buat di Langkah 5)
- Layer Text : titik (.)
- Background
- Layer Model dengan Posisi kepala Tegak
- Text Cloud (Text Cloud di buat di Langkah 5)
- Layer Text : titik titik (..)
- Background
- Layer Model dengan Posisi kepala Tegak
- Text Cloud (Text Cloud di buat di Langkah 5)
- Layer Text : titik titik titik (...)
- Background
- Layer Model dengan Posisi kepala Tegak
- Text Cloud (Text Cloud di buat di Langkah 5)
- Layer Text : 1
- Background
- Layer Model dengan Posisi kepala Tegak
- Text Cloud (Text Cloud di buat di Langkah 5)
- Layer Text : 2
- Background
- Layer Model dengan Posisi kepala Tegak
- Text Cloud (Text Cloud di buat di Langkah 5)
- Layer Text : 3
- Background
- Layer Model dengan Posisi kepala Miring Kanan 1
- Background
- Layer Model dengan Posisi kepala Miring Kanan 2
- Layer Brush 1 (Layer Brush di buat di Langkah 7)
- Background
- Layer Model dengan Posisi kepala Miring Kanan 1
- Background
- Layer Model dengan Posisi kepala Miring Kanan 2
- Layer Brush 2 (Layer Brush di buat di Langkah 7)
- Background
- Layer Model dengan Posisi kepala Miring Kiri 1
- Background
- Layer Model dengan Posisi kepala Miring Kiri 2
- Layer Brush 1 (Layer
Brush di buat di Langkah 7)
- Background
- Layer Model dengan Posisi kepala Miring Kiri 1
- Background
- Layer Model dengan Posisi kepala Miring Kiri 2
- Layer Brush 2 (Layer Brush di buat di Langkah 7)
Sekarang mengatur Delay pada masing-masing Frame. Select semua Frame
dari Frame 1 sampai dengan Frame 2 dengan cara Ctrl+Click pada Frame 1
kemudian tekan Shift+Click pada Frame 15, kemudian atur Delay menjadi
0.1
Langkah 5 merupakan langkah paling terakhir dari
tutorial Cara Membuat Animasi di Photoshop dengan menggunakan jenis Frame
Animations. Sebelum menuju ke langkah terakhir, kalian boleh coba Play Animasi
sederhana tersebut dengan menekan tombol Enter pada keyboard.
Note: Untuk melakukan Play/Pause pada Timeline Animation Palette
menggunakan shortcut Enter pada keyboard. Untuk melakukan Looping (Pengulangan
pada Animasi) bisa mengubah Looping Option menjadi Forever.
Dan sekarang langkah akhir yaitu menyimpan gambar bergerak atau Animasi
sederhana tersebut dengan format GIF dengan cara klik pada Menu File
> Save for Web... (Ctrl+Alt+Shift+S). Untuk menghasilkan kualiats
gambar bergerak (GIF) yang baik gunakan settingan seperti gambar dibawah ini: