CARA MEMBUAT ANIMASI GIF DENGAN

MENGGUNAKAN PHOTOSHOP

Yusnita Dewi Yusnita@raharja.info

Abstrak

Graphics Interchange Format (GIF) merupakan format grafis yang paling sering

digunakan untuk keperluan desain website, karena ukurannya yang relatif kecil dan

batasan jumlah warnanya sebanyak 256 warna dapat menghemat ukuran berkas. Untuk

itu, banyak aplikasi yang dapat digunakan untuk membuat format GIF, salah satunya

adalah Photosop.

Kata Kunci: GIF, Format, Photoshop

Pendahuluan GIF merupakan format yang bagus. Dengan kombinasi sebanyak 256 warna, GIF bisa

digunakan untuk keperluan grafis apa saja. Anda bisa memakainya sebagai Icon,

Favicon, Logo, Line Grafis, dan lainnya. Gif juga mempunyai kemampuan

mengkompres area – area gambar sewarna, sehingga lebih menghemat kapasitas dalam

pembuatan website. Dengan keunggulan ini, maka muncul software – software editor

yang bisa digunakan untuk membuatnya. Salah satunya adalah Photoshop. Karna selain

mudah, Photoshop juga memiliki fungsi color table yang bisa diatur secara otomatis

atau manual sehingga GIF yang dihasilkan tidak berubah warna atau rusak.

Pembahasan Berikut adalah cara pembuatan animasi GIF melalui Photoshop 1. Buka Aplikasi Adobe Photoshop 2. Buka Document baru Anda bisa mengatur ukurannya sesuai keinginan anda, tetapi saran saya buatlah dengan ukuran Weight = 300 pixels dan height = 300 pixels. 3. Buat layer baru dengan cara klik tabs layer > new > layer … atau Shift + CTRL + N Klik Costum shape tool, Pilih pacth dan pilih Cat Print sebagai objek cara membuat animasi kali ini

4. Klik Selection pacth tool. Lalu klik kanan dibagian kaki Setelah itu pilih Make selection. Setelah itu muncul kotak, biarkan feather radiusnya 0 pixels lalu klik OK.

5. Setelah Selection atau seleksi menyerupai gambar kaki lalu klik tool brush, Brush di bagian kaki dengan menggunakan warna hitam.

6. Hilangkan Selection dengan menekan CTRL + D. Kemudian duplicate gambar kaki tadi sampai menjadi 4 kaki dan geser kaki sesuai urutan layer.

7. Hapus Background dengan cara klik kanan layer background lalu delete layer

8. Agar gambar berjalan seperti animasi, Klik Windows > Animations

Setelah itu timbul kotak, Klik menu di bagian sudut kanan dibawah close lalu pilih

Make Frames from Layer

9. Ubah waktunya menjadi 1 second agar gambar dapat bergerak.

10. Save hasil gambar animasi bergerak tersebut, Klik File > Save for web & devices

Untuk lebih jelasnya, lihat gambar berikut :

11. Berikut adalah hasilnya :

Penutup Membuat animasi GIF merupakan kegiatan yang sangat bermanfaat. Selain kita bisa

mengasah daya imajinasi kita, kita juga bisa meningkatkan kreatifitas kita dengan

menggunakan gambar yang kita buat sendiri lalu kita scan. Hal ini dimaksud agar GIF

yang dihasilkan lebih original, karna itu merupakan gabungan dari beberapa gambar

hasil buatan kita sendiri. Selain itu, untuk para blogger yang ingin websitenya lebih

bagus dan ramai dikunjungi orang banyak, tidak ada salahnya menambahkan beberapa

animasi gif pada websitenya. Hal ini tentu mengundang minat dan perhatian orang

banyak untuk ramai – ramai memasuki website anda, tentu hal ini sangat bermanfaat

dan menambah pasif income anda secara drastis.

Referensi http://id.wikipedia.org/wiki/Graphics_Interchange_Format

http://ilmucomputerhendra.blogspot.com/2010/11/pengertian-jpeg-bmp-gif-tiff-

png.html

http://wartacepot.blogspot.com/2013/03/membuat-gif-animasi-dengan-adobe.html

http://creative-syndicates.blogspot.com/2013/01/cara-membuat-gambar-animasi-

bergerak.html

Biografi

Nama saya Yusnita Dewi, Lahir di Jakarta pada 27 Juli 1993, saya anak 1 (pertama) dari 3 (tiga) bersudara. sekarang saya melanjutkan pendidikan di AMIK RAHARJA Jurusan TI Konsentrasi AI ( Artificial Informatics).

Email : yusnita@raharja.info Facebook: https://www.facebook.com/nieta.nit.nut