Tutorial Membuat Animasi GIF Menggunakan Photoshop

Yusuf

Design, tutorial

Wednesday, October 2, 2013

6 Komentar

Tutorial Membuat Animasi GIF Menggunakan Photoshop (Dengan Gambar)

kata kunci: membuat animasi,animasi photoshop, photoshop tutorial.

Seperti yang kita ketahui bahwa Adobe Photoshop adalah aplikasi yang digunakan untuk mengedit foto, dan salah satunya adalah membuat serangkaian foto atau gambar menjadi animasi bergerak dengan format GIF.

Melihat beberapa animasi diatas yang sederhana mungkin membuat anda yang sebagai amatiran photoshop  penasaran cara untuk pembuatannya kan!. nah daripada galau mikirin gimana caranya mari kita simak tutorial berikut ini!

Tutorial cara membuat animasi menggunakan Photoshop.

Hal yang harus disiapkan:

1. Adobe Photoshop semua versi bisa!
2. Keberanian.
3. Beberapa font untuk animasi! bisa download [DISINI]

Berikut tutorialnya, harap simak dengan teliti!

1.Buat Dokumen baru!

2.Buat 3 layer baru, lalu seleksi layer 1!

3.Buatlah text pada layer 1 menggunakan "Text Tool"!

4.Sembunyikan layer 1(Klik gambar mata!), kemudian seleksi layer 2!

5.Buatlah teks pada layer 2!

6.Sembunyikan Layer 2(klik gambar mata!), lalu seleksi layer 3!

7.Setelah memilih layer 3,buatlah teks pada layer tersebut!

8.Sembunyikan layer 3(Klik gambar mata!)

9.Berikutnya buka Jendela animasi (Window>>Animation)

10.pada langkah ini anda harus menduplikat frame sebanyak 2 kali.

PENTING! Apabila tampilan jendela animasi anda berbeda dengan yang diatas anda bisa mengklik icon kecil di bagian pojok kanan bawah pada jendela animation

11.Pada bagian ini kita akan Menata/Mengatur tampilan animasi!

Klik pada Frame pertama kemudian perlihatkan/show layer satu!

Klik pada frame kedua kemudian sembunyikan layer 1 dan perlihatkan/show layer dua!

Klik pada frame tiga kemudian sembunyikan layer 1 dan perlihatkan/show layer tiga!

12.Setelah diatur maka tampilan frame nya akan seperti ini!

Apabila tampilan frame anda sudah seperti di atas (gambar tidak ada yang bertumpukan), Anda boleh melanjutkan ke langkah selanjutnya!

13.sekarang simpan dengan cara klik File>>Save for Web & Device...

14.Atur Setingannya seperti pada gambar dibawah ini lalu pilih Save!

Dan Tada!! Animasi Anda sudah jadi!

Tips:

Jika anda ingin lebih bagus hasilnya anda bisa membahkan beberapa efek seperti Blur, Fade In, ataupun Fade Out!

Sumber Inspirasi tutorial:KasKus

Sekian Tutorial singkat ini. saya minta maaf karena tutorial yang saya tulis masih acak-acakan dan berantakan karena saya masih belajar blogging!Apabila berkenan mohon tinggalkan Komentar dan Pendapat ataupun Kritikan karena sangat bermanfaat buat saya!