Bangun contoh dengan empat gambar terlebih dahulu, lalu sesuaikan urutan, durasi bingkai, dan kanvas dengan urutan foto Anda sendiri. Buka Pembuat GIF.
Pilih gambar dan atur urutan bingkai
Buka Pembuat GIF dan pilih Gambar. Unggah gambar Anda atau pilih Coba contoh. Input umum termasuk JPG, PNG, WebP, dan GIF; formulir unggah mencantumkan format tambahan yang didukung. Satu batch dapat berisi hingga 50 file, dengan batas 25 MB per gambar dan batas pemrosesan keseluruhan.
Contoh ini menggunakan Coba contoh untuk memuat gif-orbit-01.webp hingga gif-orbit-04.webp. Setiap gambar asli berukuran 640 × 640 piksel, dan keempat gambar tersebut menunjukkan posisi berbeda dalam pemandangan orbital yang sama. Pertahankan urutan aslinya untuk hasil yang dikerjakan.
Kartu bingkai berada di atas pratinjau. Seret kartu untuk mengubah posisinya, atau pilih kartu tersebut dan gunakan Pindahkan lebih awal atau Pindahkan lebih lambat di panel pengaturan. Pengguna papan tik dapat memilih kartu dengan tombol panah dan menyusun ulang dengan Alt ditambah tombol panah. Putar di atas pratinjau memeriksa urutan saat ini.
Duplikat menambahkan salinan lain dari bingkai yang dipilih. Hapus menghapus bingkai dari urutan sambil tetap menyisakan setidaknya satu. Urungkan dan Ulangi memulihkan pengeditan terbaru; menambahkan atau menghapus file sumber akan memulai set file baru dan mengatur ulang riwayat pengeditan tersebut. Gunakan Tambahkan gambar saat urutan memerlukan lebih banyak gambar.
Gunakan gambar terkait dengan perkembangan yang jelas. Urutan sederhana lebih mudah diikuti daripada banyak foto yang tidak terkait yang berubah dengan cepat.
Atur durasi setiap bingkai dan pilih transisi
Pilih bingkai dan atur Durasi dalam detik. Rentang yang didukung adalah 0.02 hingga 10 detik per bingkai sumber. Terapkan durasi ini ke semua bingkai memberikan waktu yang dipilih ke setiap bingkai. Untuk tayangan slide dengan judul atau foto akhir yang mendetail, biarkan bingkai tersebut terlihat lebih lama daripada yang lain.
Untuk contoh ini, pertahankan setiap Durasi pada 0.65 detik. Coba contoh sudah mengatur nilai ini; dengan gambar Anda sendiri, masukkan 0.65 untuk satu bingkai dan pilih Terapkan durasi ini ke semua bingkai. Pilih Pudar halus di bawah Transisi dan atur Waktu transisi ke 0.20 detik, atau 200 milidetik.
Buka Teks & kualitas ekspor dan pertahankan Langkah transisi pada 4. Setiap pudar menambahkan empat bingkai perantara. Dengan empat bingkai asli, empat pudar berulang, pemutaran Maju, dan Ulangi selamanya, contoh ini berisi 20 bingkai yang dirender. Empat penahanan 0.65 detik ditambah empat pudar 0.20 detik membuat siklus 3.4 detik.
Potongan bersih berpindah langsung antar gambar tanpa menambahkan bingkai transisi. Geser kiri memindahkan gambar berikutnya melintasi kanvas. Lebih banyak langkah transisi dapat membuat transisi lebih halus, tetapi langkah tersebut menggunakan lebih banyak anggaran ekspor 200 bingkai. Editor akan melaporkan saat urutan dan efek yang dipilih melebihi batas tersebut.
Maju memutar urutan secara berurutan, Mundur memutarnya ke belakang, dan Pantul kembali melalui urutan tanpa mengulangi kedua bingkai titik akhir. Loop memilih pengulangan tanpa akhir atau jumlah pemutaran tetap. Untuk contoh yang dikerjakan, pertahankan Maju dan Ulangi selamanya.
Durasi adalah penahanan sebelum transisi; Waktu transisi ditambahkan ke dalamnya. Empat foto pada 0.65 detik tidak membuat loop 2.6 detik saat pudar juga diaktifkan.
Contoh dalam panduan ini
Empat contoh gambar dalam urutan aslinya; 0.65 d per bingkai; Maju; Ulangi selamanya; Pudar halus; 0.20 d waktu transisi; 4 langkah transisi; Persegi 640 × 640 px; Tampilkan seluruh gambar; berpusat pada zoom 100%; keterangan bingkai pertama "Made to loop."; Bawah; 32 px; putih; 256 warna; Gradien warna halus dan Optimalkan ukuran file diaktifkan.
- Gambar sumber
- 4 WebP · masing-masing 640 × 640 px
- Pengaturan waktu bingkai
- 0.65 d tahan + 0.20 d pudar
- GIF yang diunduh
- 640 × 640 px · 20 bingkai
- Siklus animasi
- 3.4 detik · ulangi selamanya
Pilih kanvas, bingkai ulang gambar, dan tambahkan keterangan
Di bawah Kanvas & latar belakang, pilih Persegi · 1:1 untuk contoh ini dan pertahankan Lebar dan Tinggi pada 640 px. Preset lain termasuk Potret, Cerita, Lanskap, dan Layar lebar. Cocokkan gambar pertama dimulai dari bentuk gambar pertama, sementara Ukuran kustom menerima dimensi dari 16 hingga 1600 px per sisi, tergantung pada batas pemrosesan total animasi.
Pas gambar menawarkan Tampilkan seluruh gambar dan Isi kanvas. Tampilkan seluruh gambar pada zoom 100% mempertahankan semua tepi sumber dan dapat menyisakan latar belakang di sekitar gambar yang berbentuk berbeda. Isi kanvas menutupi area output dan dapat memotong tepi. Atur Latar belakang ke isian yang diinginkan atau aktifkan Latar belakang transparan saat tujuan memerlukannya.
Pilih bingkai untuk mengubah pembingkaiannya secara independen. Seret pratinjau atau ubah Zoom, gunakan Kiri atau Kanan untuk rotasi 90 derajat, atau Balik untuk mencerminkannya. Atur ulang bingkai mengembalikan bingkai tersebut ke pembingkaian terpusat tanpa rotasi pada zoom 100%. Contoh ini menjaga keempat gambar persegi asli tetap terpusat dan menggunakan Tampilkan seluruh gambar.
Pilih bingkai pertama dan masukkan Dibuat untuk loop. di Keterangan. Biarkan tiga keterangan lainnya kosong. Di bawah Teks & kualitas ekspor, pertahankan Posisi keterangan di Bawah, Ukuran keterangan pada 32 px, dan Warna keterangan putih. Keterangan milik bingkai individu; memilih bingkai lain memungkinkan Anda menulis baris yang berbeda. Keterangan pertama contoh ini memudar bersama bingkainya.
Pertahankan GIF warna pada 256 · detail lebih lanjut, dengan Gradien warna halus dan Optimalkan ukuran file diaktifkan untuk hasil yang dikerjakan. Jumlah warna yang lebih rendah dapat membuat file lebih ringan tetapi dapat mengubah corak halus. Gradien warna halus menggunakan dithering, yang dapat melembutkan pita warna sambil menambahkan pola halus yang terlihat.
Periksa setiap bingkai setelah mengubah bentuk kanvas. Komposisi yang pas untuk satu gambar dapat memotong subjek di gambar lain. Meningkatkan dimensi output tidak dapat memulihkan detail yang hilang dari sumber kecil.
Buat GIF dan tinjau animasi yang diunduh
Putar pratinjau dan tonton siklus lengkap, termasuk pengembalian dari bingkai terakhir ke yang pertama. Periksa apakah keterangan tetap terlihat cukup lama, pemotongan konsisten, dan tidak ada bingkai yang terasa terburu-buru. Pilih Buat GIF saat urutan siap; server merender animasi akhir dari file asli yang diunggah.
Contoh yang dikerjakan mengunduh animation.gif pada 640 × 640 piksel. Output sebenarnya memiliki 20 bingkai, siklus 3.4 detik, dan perulangan tanpa akhir. Perbandingan di atas menunjukkan empat gambar asli sebagai lembar kontak dan bingkai pertama yang sebenarnya dari GIF yang diunduh tersebut, termasuk keterangan Dibuat untuk loop. yang ditambahkan.
Gambar artikel masih berupa pratinjau, bukan pemutar animasi. Buka GIF yang diunduh di aplikasi yang mendukung animasi untuk memeriksa waktu dan loop. Pratinjau yang terlihat halus masih bisa mengalami perubahan warna setelah konversi palet GIF, jadi periksa hasil yang disimpan sebelum membagikannya.
Untuk hasil yang lebih kecil, coba lebih sedikit bingkai sumber, transisi yang lebih pendek, langkah transisi yang lebih sedikit, kanvas yang lebih kecil, atau nilai warna GIF yang lebih rendah. Mempersingkat waktu penahanan saja tidak menghapus bingkai gambar, jadi itu mungkin mengubah kecepatan tanpa mengurangi ukuran file secara signifikan.
Unduh sebelum menyegarkan atau pergi. Menyegarkan editor atau halaman unduh akan kembali ke halaman alat utama. Simpan gambar asli Anda karena GIF yang diekspor adalah animasi yang diratakan, bukan file proyek yang berisi kontrol sumber yang dapat diedit.
Penampil gambar statis mungkin hanya menampilkan bingkai GIF pertama. Uji file di peramban atau penampil lain yang mampu memutar animasi sebelum menyimpulkan bahwa animasinya hilang.
Pertanyaan umum
Bisakah saya membuat GIF dari gambar JPG dan PNG secara bersamaan?
Ya. Mode gambar dapat menggabungkan format gambar yang didukung dalam satu urutan. Setiap input menjadi satu atau beberapa bingkai linimasa. Pilih ukuran kanvas bersama dan periksa kecocokan setiap gambar.
Bisakah setiap gambar tetap di layar untuk waktu yang berbeda?
Ya. Pilih bingkai dan ubah Durasi. Menerapkan durasi ini ke semua bingkai bersifat opsional; biarkan tidak digunakan jika gambar memerlukan waktu tahan yang berbeda.
Mengapa GIF memiliki lebih banyak bingkai daripada jumlah foto?
Pudar halus dan Geser ke kiri menyisipkan bingkai transisi, dan Pantul menambahkan urutan kembali. File animasi yang diunggah juga dapat berisi beberapa bingkai. Batas 200 bingkai berlaku untuk animasi yang dirender, bukan hanya jumlah foto yang diunggah.
Bisakah saya memberikan keterangan yang berbeda pada setiap gambar?
Ya. Keterangan berlaku untuk bingkai yang dipilih. Pilih setiap bingkai untuk memasukkan teksnya. Posisi, ukuran, dan warna keterangan adalah kontrol gaya bersama untuk animasi.
Bisakah GIF memiliki latar belakang transparan?
Ya. Aktifkan Latar belakang transparan di bawah Kanvas & latar belakang. GIF mendukung piksel yang sepenuhnya transparan, bukan transparansi parsial yang halus seperti gaya PNG, sehingga tepi yang halus dapat berubah. Periksa hasil yang diunduh terhadap latar belakang yang dituju.
Mengapa beberapa tepi foto hilang?
Isi kanvas dan Zoom tambahan dapat memotong tepi sumber. Untuk menjaga gambar tetap lengkap, pilih Tampilkan seluruh gambar, atur Zoom ke 100% dan gunakan pembingkaian terpusat. Bentuk kanvas yang berbeda mungkin meninggalkan latar belakang yang terlihat di sekitarnya.
Apakah membuat GIF diputar lebih cepat membuat ukuran filenya lebih kecil?
Belum tentu. Tahanan yang lebih singkat mengubah waktu tetapi tetap mempertahankan bingkai yang sama. Mengurangi dimensi, jumlah bingkai yang dirender, atau jumlah warna biasanya memiliki efek yang lebih langsung pada ukuran file.
Apakah semua gambar diproses di browser saya?
Tidak. Browser menampilkan komposisi interaktif, tetapi pratinjau bingkai dan penyandian GIF akhir menggunakan pemrosesan server. File akhir dirender dari dokumen asli yang diunggah dan pengaturan yang dipilih.
Ubah gambar Anda menjadi loop dengan ritme yang jelas
Coba sampel atau gunakan file Anda sendiri, dan tinjau hasilnya sebelum dibagikan.