Membuat GIF animasi dengan Photoshop


Photoshop, selain untuk mengolah gambar ternyata juga bisa loh, untuk membuat gambar bergerak/animasi dalam bentuk GIF dengan cara menggabungkan layer-layer. Untuk lebih jelasnya yuk, kita lihat tutorial berikut.


Ok. Sekarang kita akan membuat sebuah animasi sederhana dengan photoshop, dengan tutorial berikut:


ExampleAnimation.gif
Animasi sederhana ini menggabungkan teknik dasar animasi pada photoshop yaitu dengan Layers Off/On dan menggunakan perintah Tween untuk animasi pergerakan objek pada layer.

Step 1: Menyiapkan layers.

ExampleAnimation-Step1.png
Pada langkah pertama ini, kita harus membuat layer yang berisi objek-objek yang akan kita animasikan. Pada contoh ini, terdapat 7 layer yang berisi text untuk menghitung dan layer roket dan api. Kalian juga dapat mendownload di sini:
ExampleAnimation.psd

Step 2: Membuat frame animasi dengan Layer Visibility.

ExampleAnimation-Step2.png
Pilih Windows > Animation untuk menampilkan palette animasi photoshop.
Pada frame yang pertama, matikan visibility untuk semua layer yang tidak ingin terlihat pada saat memulai animasi. Kemudian tambahkan frame berikutnya dan nyalakan layer yang ingin terlihat pada frame ini, selanjutnya seperti itu terus. Teknik ini adalah teknik klasik animasi photoshop.

Step 3: Membuat frame animasi dengan Tween.

ExampleAnimation-Step3.png
Sekarang, setelah animasi penghitungan mundur selesai. Kita perlu membuat animasi kalau pesawat roket kita terbang. Tambahkan satu lagi frame, kemudian pilih layer group "Rocket" dan pindahkan roketnya ke paling atas. Kemudian pilih Tween dari palette Animation menu.

ExampleAnimation-Tween.png
Atur berapa banyak frame yang akan kita tambahkan untuk animasi roket tadi, dan photoshop akan otomatis menambahkannya.

Step 4: Pengaturan Waktu.

ExampleAnimation-Step4.png
Akhirnya, sekarang kita tinggal mengatur berapa lamanya suatu animasi akan diputar. Untuk pengaturannya ada di bawah frame animasi. pengaturannya itu diatur dalam detik.

Tip:  Jika ingin menyamakan waktu pada setiap frame, kita tinggal pencet Shift kemudian pilih frame yang ingin disamakan waktunya.

Step 5: Menyimpan Animasi.

Dan untuk proses terakhir, yaitu kita tinggal menyimpan animasi yang telah kita buat:
pada Photoshop CS3 dan diatasnya pilih: File > Save For Web & Devices…
pada Photoshop dibawah CS3 pilih: File > Save For Web…
ExampleAnimation-Step5.png
Pastikan untuk menyimpan dalam bentuk GIF, kalian juga bisa untuk berkreasi dengan menggunakan opsi-opsi yang lain.
Dan untuk mengujinya, kalian tinggal menjalankan animasi tersebut pada browser.
Untuk hasil lengkapnya, dapat di download dari sini: ExampleAnimation-Final.psd

Sumber : disini

5 komentar :

Studio Delapan said...

Kalau Di Simpan Di handphone kenapa enggak bisa jalan Gan..???
Apa Lagi kalau dijadikan DP BBM...enggak jalan Gif nya Gan,
Mohon pencerahan.

Aldo Simanjuntak said...

coba disavenya presetnya pake gif 128 dithered

Juring Zhint said...

I Carry On Listening To The News Broadcast Speak About Getting Free Online Grant Applications So I Have Been Looking Around For The Best Site To Get One. Could You Tell Me Please, Where Could I Find Some? Cialis




Cialis




Cialis



Cialis



Cialis



Cialis



Cialis



Cialis

gelo cly said...

Can I simply just say what a comfort to find a person that truly understands what they're discussing on the web. You certainly know how to bring an issue to light and make it important. More and more,Info Sbobet

morantika lubis said...

ikut menyimak beritnaya

click here
click here
click here
click here
click here
click here
click here
click here
click here
Pasang Ikaln Gratis
prediksi indonalo

click here
click here
click here
click here
click here
click here

Post a Comment