Membuat GIF Sederhana dengan Photoshop

15.40 , 13 Comments

Setelah 2 bulan lamanya saya vakum dari dunia blogging karena persiapan ujian, akhirnya saya sudah bisa melanjutkan aktivitas blogging saya. Nah kali ini saya akan sharing tentang Cara Membuat GIF Sederhana dengan Photoshop. Anda tahu GIF kan ? GIF adalah singkatan dari Graphics Interchange Format. GIF merupakan gambar yang bergerak-gerak. Jika anda seorang kaskuser, pasti anda sering melihat gambar ID seorang kaskuser yang menggunakan GIF. Untuk membuat GIF tidak perlu program khusus, hanya dengan menggunakan Photoshop kita sudah bisa membuat gambar dengan format GIF. Berikut ini langkah-langkah dasar membuat GIF dengan Photoshop.

1. Buka Adobe Photoshop
2. Untuk membuat GIF anda harus menambahkan window animation pada Photoshop. Caranya klik menu Window -> pilih Animation. Hingga muncul jendela animation seperti ini


3. Buat file baru.  File -> New
4. Buat desain GIF nya. (Disini saya akan memberi contoh GIF berupa tulisan, Ilmu Aiti)


Seperti terlihat pada gambar, saya membuat tulisan Ilmu Aiti dalam beberapa layer, tidak sekaligus dalam satu layer atau dua layer. Karena saya ingin memunculkan tulisan ilmu aiti setiap 2 huruf nya.

5. Pada jendela animation, duplikat frame yang ada menjadi beberapa frame sesuai keinginan kita. 


(Disini saya akan menduplikat frame nya menjadi 6 frame, karena saya akan menampilkan 6 bagian terpisah yaitu : Il, mu, Ai, ti, Ilmu, Ilmu Aiti)

6. Pada masing-masing frame, Munculkan layer yang ingin dimunculkan, pada bagian yang tidak ingin dimunculkan buat menjadi Invisible, dengan cara menghilangkan tanda mata yang ada di kiri layer.


Contohnya pada frame pertama saya ingin memunculkan layer il, maka hanya layer tersebut yang visible, layer lainnya invisible. Pada frame kedua saya ingin memunculkan layer mu, maka hanya layer tersebut yang visible, layer lainnya invisible. Begitu pula layer ketiga dan seterusnya. Hingga menjadi seperti ini


7. Yang terakhir adalah timing, untuk mengatur timing tiap Frame anda tinggal mengklik tanda segitiga hitam yang ada di bawah tiap-tiap frame.


8. Kalo sudah selesai semuanya tinggal di save. Caranya : Klik menu File -> Save for Web & Devices. 

-Selamat Mencoba-

Khaidir Afif

Seorang Desainer Grafis yang juga menggeluti Game Development, Web Development, dan jurnalistik.

13 komentar:

  1. postingan ini sangat menarik serta enak dibaca tentang cara membuat gif sederhana dengan photoshop.... saya berharap bisa berkunjung lagi

    BalasHapus
  2. gan, tolong bikin artikel tutorial mengenai dasar-dasar photoshop

    BalasHapus
  3. ane bookmark dlu nih gan :D

    mau buat gif buat web ane di www.onequotes.com

    BalasHapus
  4. Terima kasih gan,saya lagi mau buat banner online shop soalnya...

    BalasHapus
  5. @tokoagen : mungkin next time, kalo saya ada waktu luang saya coba bikin gan :)

    @satria sukma : googling aja gan, adobe potoshop yang saya punya itu versi portable gan hehe

    BalasHapus
  6. gan gua kan make cs5 bisa juga jadi nih tapi cara nyimpannya itu yg gak ada

    BalasHapus
  7. Kang request Posting mengenai gaya / genre / style desain yang lagi trend. Salam berkarya!

    BalasHapus
  8. @Tinta Terang: Boleh gan, requestnya saya tampung. Kebetulan lagi mau ngasih referensi style flat design di postingan berikutnya. Stay tune ya gan!

    BalasHapus
  9. Dapatkan Penghasilan Tambahan Disini..
    Donaco Poker.. Agen Terpercaya dan Teraman..
    Kemenangan besar bisa di dapatkan...

    Cukup Deposit 10rb anda bisa dapatkan semuanya...

    Hubungi Kami Secepatnya Di
    WA : +6281333555662

    BalasHapus
  10. The Tinten Titanium Oxononite Freezing Powder
    The where can i buy titanium trim Tinten Titanium Oxonite Freezing titanium nitride gun coating Powder is an ultra-hot, ffxiv titanium nugget non-spice, revlon titanium max edition 100,000 g (5,000,000-300,000) pure titanium oxide mens wedding bands titanium with a brilliant bright,

    BalasHapus