Memproduksi GIF Animasi Dengan GIMP

Daftar Isi:

Memproduksi GIF Animasi Dengan GIMP
Memproduksi GIF Animasi Dengan GIMP
Anonim

GIMP adalah perangkat lunak yang sangat kuat mengingat gratis. Desainer web, khususnya, mungkin berterima kasih atas kemampuannya untuk menghasilkan-g.webp

Animasi-g.webp

Cara Membuat-g.webp" />

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

Petunjuk dalam artikel ini berlaku untuk GIMP versi 2.10.12.

  1. Buka Dokumen Baru. Dalam contoh ini, kami telah memilih template prasetel Spanduk web seluler besar 320x100.

    Untuk animasi Anda, Anda dapat memilih ukuran preset atau mengatur dimensi khusus tergantung pada bagaimana Anda akan menggunakan animasi akhir Anda.

    Untuk tutorial ini, animasi akan terdiri dari tujuh frame dan setiap frame akan diwakili oleh satu lapisan, artinya file GIMP terakhir akan memiliki tujuh lapisan, termasuk latar belakang.

  2. Set Bingkai Satu. Animasi akan dimulai dengan spasi kosong sehingga tidak diperlukan perubahan pada layer Background yang sebenarnya karena sudah berwarna putih polos.

    Namun, perubahan nama layer di palet Layers diperlukan. Klik kanan pada layer Background di palet dan pilih Edit Layer Attributes.

    Image
    Image
  3. Dalam dialog Edit Layer Attributes yang terbuka, tambahkan (250ms) di akhir nama layer. Ini menetapkan jumlah waktu frame ini akan ditampilkan dalam animasi. MS adalah singkatan dari milidetik dan setiap milidetik adalah seperseribu detik. Bingkai pertama ini akan ditampilkan selama seperempat detik.

    Image
    Image
  4. Set Bingkai Dua. Untuk tutorialnya, grafik footprint digunakan untuk frame ini. Pergi ke File > Buka sebagai Layers dan pilih file grafik. Ini menempatkan footprint pada layer baru yang dapat diposisikan sesuai kebutuhan menggunakan Move Tool.

    Image
    Image
  5. Seperti halnya layer latar belakang, layer baru ini perlu diganti namanya untuk menetapkan waktu tampilan frame. Dalam hal ini, 750ms.

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

    Image
    Image
  6. 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 frame dua, menggunakan grafik yang sama dan grafik lain untuk kaki lainnya. Seperti sebelumnya waktu ditetapkan 750ms untuk setiap frame.

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

  7. Set Bingkai Enam. Bingkai ini hanyalah bingkai kosong yang diisi dengan warna putih yang akan memberikan tampilan jejak kaki terakhir menghilang sebelum bingkai terakhir muncul. Kami menamai lapisan ini Interval dan memilih untuk menampilkan ini hanya dalam 250 md.

    Anda tidak perlu memberi nama layer, tetapi ini dapat membuat file berlapis lebih mudah digunakan.

    Image
    Image
  8. Set Bingkai Tujuh. Ini adalah bingkai terakhir dan menampilkan beberapa teks bersama dengan logo Lifewire.com. Langkah pertama di sini adalah menambahkan layer lain dengan latar belakang putih.

    Image
    Image
  9. Selanjutnya, gunakan Text Tool untuk menambahkan teks. Ini diterapkan pada layer baru tetapi kita akan mengatasinya setelah Anda menambahkan logo atau gambar baru, yang dapat dilakukan dengan cara yang sama seperti grafis footprint yang ditambahkan sebelumnya.

    Image
    Image
  10. Ketika kita sudah mengaturnya sesuai keinginan, kita dapat menggunakan Merge Down untuk menggabungkan logo dan lapisan teks dan kemudian menggabungkan lapisan gabungan itu dengan lapisan putih yang ditambahkan sebelumnya. Ini menghasilkan satu lapisan yang akan membentuk bingkai terakhir dan kami memilih untuk menampilkannya selama 4000ms.

    Image
    Image
  11. Pratinjau Animasi Sebelum menyimpan-g.webp" />Filter >Animasi > Pemutaran Ini membuka dialog pratinjau dengan tombol cukup jelas untuk memutar animasi. Jika ada sesuatu yang tidak beres, itu dapat diubah pada saat ini. Jika tidak, dapat disimpan sebagai-g.webp" />.

    Urutan animasi diatur agar lapisan ditumpuk di palet Layers, mulai dari latar belakang atau lapisan terendah dan bekerja ke atas. Jika animasi Anda diputar di luar urutan, Anda perlu menyesuaikan urutan layer Anda, dengan mengklik layer untuk memilih dan menggunakan panah atas dan bawah di bilah bawah palet Layers untuk mengubah posisinya.

    Image
    Image
  12. Simpan-g.webp" />. Menyimpan-g.webp" />File > Simpan Salinan dan berikan file Anda nama yang relevan dan pilih di mana Anda ingin menyimpan file Anda.

    Image
    Image
  13. Selanjutnya, buka File > Export As untuk menyimpannya sebagai-g.webp" />.

    Image
    Image
  14. Dalam dialog Ekspor Gambar yang terbuka, pilih Pilih Jenis File dan gulir ke gambar-g.webp" />. Jika Anda mendapatkan peringatan tentang lapisan yang melampaui batas sebenarnya dari gambar, pilih tombol Pangkas.

    Image
    Image
  15. Ini sekarang akan mengarah ke Simpan sebagai GIF dialog dengan bagian dari Opsi-g.webp" />. Anda dapat membiarkan ini pada defaultnya, meskipun jika Anda hanya ingin animasi diputar sekali, Anda harus menghapus centang Loop selamanya.

    Image
    Image
  16. Sekarang Anda dapat membagikan-g.webp

Kesimpulan

Langkah-langkah yang ditampilkan di sini akan memberi Anda alat dasar untuk menghasilkan animasi sederhana Anda sendiri, menggunakan grafik dan ukuran dokumen yang berbeda. Meskipun 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.

Direkomendasikan: