Membuat Animasi Di Photoshop

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.

Important: Untuk mempermudah pemahaman tentang cara membuat animasi bergerak dengan Photoshop Frame Animation ini adalah Hide semua Layer kecuali Layer Background.



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:

Frame 1

1. Background
2. Layer Model dengan Posisi kepala Tegak
3. Text Cloud (Text Cloud di buat di Langkah 5)
4. Layer Text : Siap! (jika kalian sebelumnya menggunakan kata lain juga gak apa-apa, yang penting sekarang Un Hide saja dulu)

Frame 2

1. Background
2. Layer Model dengan Posisi kepala Tegak
3. Text Cloud (Text Cloud di buat di Langkah 5)
4. Layer Text : titik (.)

Frame 3

1. Background
2. Layer Model dengan Posisi kepala Tegak
3. Text Cloud (Text Cloud di buat di Langkah 5)
4. Layer Text : titik titik (..)

Frame 4

1. Background
2. Layer Model dengan Posisi kepala Tegak
3. Text Cloud (Text Cloud di buat di Langkah 5)
4. Layer Text : titik titik titik (...)

Frame 5

1. Background
2. Layer Model dengan Posisi kepala Tegak
3. Text Cloud (Text Cloud di buat di Langkah 5)
4. Layer Text : 1

Frame 6

1. Background
2. Layer Model dengan Posisi kepala Tegak
3. Text Cloud (Text Cloud di buat di Langkah 5)
4. Layer Text : 2

Frame 7

1. Background
2. Layer Model dengan Posisi kepala Tegak
3. Text Cloud (Text Cloud di buat di Langkah 5)
4. Layer Text : 3

Frame 8

1. Background
2. Layer Model dengan Posisi kepala Miring Kanan 1

Frame 9

1. Background
2. Layer Model dengan Posisi kepala Miring Kanan 2
3. Layer Brush 1 (Layer Brush di buat di Langkah 7)

Frame 10

1. Background
2. Layer Model dengan Posisi kepala Miring Kanan 1

Frame 11

1. Background
2. Layer Model dengan Posisi kepala Miring Kanan 2
3. Layer Brush 2 (Layer Brush di buat di Langkah 7)

Frame 12

1. Background
2. Layer Model dengan Posisi kepala Miring Kiri 1

Frame 13

1. Background
2. Layer Model dengan Posisi kepala Miring Kiri 2
3. Layer Brush 1 (Layer Brush di buat di Langkah 7)

Frame 14

1. Background
2. Layer Model dengan Posisi kepala Miring Kiri 1

Frame 15

1. Background
2. Layer Model dengan Posisi kepala Miring Kiri 2
3. Layer Brush 2 (Layer Brush di buat di Langkah 7)

Langkah 4

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

Kemudian setting Delay Frame 2, Frame 3, dan Frame 4 menjadi 0.3

Terakhir ubah Delay Frame 5 menjadi 0.5

Langkah 5

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:

Oke, selesai!

Related Posts:

Tweet