Tutorial GIF GIMP Animasi

Cara Menghasilkan GIF Animasi dengan GIMP

GIMP adalah perangkat lunak yang sangat kuat karena gratis. Desainer web , khususnya, mungkin bersyukur karena kemampuannya menghasilkan GIF animasi sederhana.

GIF animasi adalah animasi sederhana yang akan Anda lihat di banyak halaman web dan, meskipun jauh lebih canggih daripada animasi Flash , GIF sangat mudah dibuat oleh siapa pun yang memiliki pemahaman dasar tentang GIMP.

Langkah-langkah berikut menunjukkan animasi berukuran spanduk web sederhana menggunakan beberapa grafik dasar, beberapa teks, dan logo.

01 09

Buka Dokumen Baru

Dalam contoh ini, saya akan menggunakan GIMP untuk menghasilkan spanduk web GIF animasi yang sangat dasar. Saya telah memilih template preset web banner umum 468x60 . Untuk animasi Anda, Anda dapat memilih ukuran prasetel atau menetapkan dimensi khusus bergantung pada bagaimana Anda akan menggunakan animasi akhir Anda.

Animasi saya akan terdiri dari tujuh bingkai dan setiap frame akan diwakili oleh lapisan individu, yang berarti bahwa file GIMP akhir saya akan memiliki tujuh lapisan, termasuk latar belakang.

02 09

Setel Bingkai Satu

Saya ingin animasi saya dimulai dengan ruang kosong sehingga saya tidak membuat perubahan apa pun ke lapisan Latar Belakang sebenarnya yang sudah putih polos.

Namun, saya perlu membuat perubahan pada nama layer pada palet Layers . Saya klik kanan pada layer Background di palet dan pilih Edit Layer Attributes . Dalam dialog Edit Layer Attributes yang terbuka, saya menambahkan (250ms) ke akhir nama layer. Ini menentukan jumlah waktu agar frame ini ditampilkan dalam animasi. MS adalah milidetik dan setiap milidetik adalah seperseribu detik. Bingkai pertama ini akan ditampilkan selama seperempat detik.

03 09

Setel Bingkai Dua

Saya ingin menggunakan grafik jejak untuk frame ini jadi saya pergi ke File > Open as Layers dan pilih file grafik saya. Ini menempatkan jejak pada layer baru yang dapat saya posisikan sesuai kebutuhan menggunakan Move Tool . Seperti layer latar belakang, saya perlu mengganti nama layer untuk menetapkan waktu tampilan untuk frame. Dalam hal ini, saya telah memilih 750ms.

Catatan: di palet Layers , pratinjau layer baru muncul untuk menunjukkan latar belakang hitam di sekitar grafik, tetapi dalam kenyataannya area ini transparan.

04 09

Set Bingkai Tiga, Empat dan Lima

Tiga bingkai berikutnya adalah lebih banyak jejak kaki yang akan berjalan melintasi spanduk. Ini dimasukkan dengan cara yang sama seperti bingkai dua, menggunakan grafik yang sama dan gambar lainnya untuk kaki yang lain. Seperti sebelum waktu ditetapkan sebagai 750ms untuk setiap frame.

Setiap layer footprint membutuhkan latar belakang putih sehingga hanya satu frame yang pernah terlihat - saat ini, masing-masing memiliki latar belakang transparan. Saya bisa melakukan ini dengan membuat layer baru tepat di bawah layer footprint, mengisi layer baru dengan putih dan kemudian mengklik kanan pada layer footprint dan mengklik Merge Down .

05 09

Setel Bingkai Enam

Bingkai ini hanyalah bingkai kosong yang diisi dengan warna putih yang akan memberi kesan jejak akhir menghilang sebelum bingkai terakhir muncul. Saya beri nama Interval layer ini dan telah memilih untuk memiliki layar ini hanya 250ms. Anda tidak perlu menyebutkan layer, tetapi bisa membuat file yang berlapis lebih mudah untuk digunakan.

06 09

Tetapkan Bingkai Tujuh

Ini adalah bingkai terakhir dan menampilkan beberapa teks bersama dengan logo About.com. Langkah pertama di sini adalah menambahkan lapisan lain dengan latar belakang putih.

Selanjutnya, saya menggunakan Alat Teks untuk menambahkan teks. Ini diterapkan pada layer baru, tapi saya akan berurusan dengan itu setelah saya menambahkan logo, yang dapat saya lakukan dengan cara yang sama seperti saya menambahkan grafik footprint sebelumnya. Ketika saya sudah mengaturnya sesuai keinginan, saya bisa menggunakan Merge Down untuk menggabungkan logo dan layer teks dan kemudian menggabungkan layer gabungan dengan layer putih yang ditambahkan sebelumnya. Ini menghasilkan satu lapisan yang akan membentuk bingkai terakhir dan saya memilih untuk menampilkan ini untuk 4000ms.

07 09

Pratinjau Animasi

Sebelum menyimpan GIF animasi, GIMP memiliki opsi untuk mempratinjaunya dalam tindakan dengan masuk ke Filter > Animasi > Putar . Ini membuka dialog pratinjau dengan tombol jelas untuk memutar animasi.

Jika ada yang tidak beres, itu bisa diubah pada titik ini. Jika tidak, itu dapat disimpan sebagai GIF animasi.

Catatan: Urutan animasi diatur dalam urutan bahwa lapisan ditumpuk dalam palet Layers , mulai dari latar belakang atau lapisan terendah dan bekerja ke atas. Jika animasi Anda diputar keluar dari urutan, Anda perlu menyesuaikan urutan layer Anda, dengan mengklik pada layer untuk memilih dan menggunakan panah atas dan bawah di palang bawah palet Layers untuk mengubah posisinya.

08 09

Simpan GIF Animasi

Menyimpan GIF animasi adalah latihan yang cukup lurus ke depan. Pertama, buka File > Save a Copy dan beri nama file Anda yang relevan dan pilih di mana Anda ingin menyimpan file Anda. Sebelum menekan Save , klik pada Pilih Jenis File (Dengan Ekstensi) ke arah kiri bawah dan, dari daftar yang terbuka, pilih gambar GIF . Dalam dialog Ekspor File yang terbuka, klik tombol radio Simpan sebagai Animasi dan klik tombol Ekspor . Jika Anda mendapatkan peringatan tentang lapisan yang melampaui batas sebenarnya dari gambar, klik tombol Crop .

Ini sekarang akan mengarah ke dialog Save as GIF dengan bagian Opsi GIF Animasi . Anda dapat membiarkannya di default-nya, namun jika Anda hanya ingin animasi diputar sekali, Anda harus menghapus centang Loop selamanya .

09 09

Kesimpulan

Langkah-langkah yang ditunjukkan di sini akan memberi Anda alat dasar untuk menghasilkan animasi sederhana Anda sendiri, menggunakan berbagai ukuran grafik dan dokumen. Sementara hasil akhirnya cukup mendasar dalam hal animasi, ini adalah proses yang sangat mudah yang dapat dicapai oleh siapa saja yang memiliki pengetahuan dasar tentang GIMP. GIF animasi mungkin sudah melewati masa jayanya sekarang, namun dengan sedikit pemikiran dan perencanaan yang matang, mereka masih dapat digunakan untuk menghasilkan elemen animasi yang efektif dengan sangat cepat.