Cara membuat gif di photoshop

Pernahkah Anda berada dalam situasi di mana Anda perlu membuat gif, tetapi Anda tidak yakin harus mulai dari mana? Percaya atau tidak, membuat gif berkualitas tinggi jauh lebih mudah daripada yang Anda pikirkan — yang Anda perlukan hanyalah gambar dan Photoshop yang diperlukan. Saya bahkan menyederhanakan prosesnya dengan panduan yang mudah diikuti. (PS: Saya seorang pembuat konten, dan sama sekali bukan seorang desainer, jadi jika saya bisa melakukannya, Anda juga bisa!)

Langkah-langkah ini mungkin terlihat seperti bahasa asing bagi Anda saat ini, tetapi jangan khawatir karena saya melanggar setiap langkah sehingga mudah diikuti dan Anda dapat meninggalkan tutorial ini dengan gif yang indah dan fungsional!

Langkah 1: Unggah gambar ke Photoshop

Untuk memulai, buat dokumen baru dan masukkan ukuran kanvas yang Anda inginkan, karena ini akan menjadi ukuran gif saat Anda mengekspor. Kemudian, Anda harus mengunggah file yang ingin Anda kerjakan di Photoshop. Buka File > Skrip > Muat File Ke Stack. Pilih salah satu File atau Folder untuk diunggah, lalu pilih Telusuri dan pilih setiap file yang ingin Anda gunakan. Setelah Anda mengklik OK, Photoshop akan secara otomatis membuat layer untuk setiap gambar. Mudah-peasy.

Anda akan ingin membuat nama untuk setiap lapisan sehingga nanti saat Anda mengedit, Anda tidak bingung. Pertimbangkan format penamaan numerik atau lainnya yang mudah diingat.

Langkah 2: Buka jendela Timeline

Anda akan melakukan semua pengeditan Anda di jendela Timeline jadi kita harus membukanya dengan pergi ke Window > Timeline dan pilih opsi untuk memulai. Sekarang, Anda akan melihat jendela timeline di bagian bawah layar seperti ini:

Di atas bagian lapisan Timeline, Anda akan melihat kontrol untuk memutar animasi, suara, dan pengaturan resolusi Anda. Ikon gunting di bilah alat itu akan membagi lapisan di mana pun playhead (garis merah vertikal itu). Ikon terakhir (kotak dengan segitiga di dalam bilah alat) memungkinkan opsi untuk memudarkan lapisan masuk atau keluar.

Luangkan waktu satu atau dua menit untuk bermain-main dengan pengaturan ini untuk membiasakan diri dengan apa yang mereka lakukan dan bagaimana pengaruhnya terhadap calon gif Anda.

Langkah 3: Buat animasi bingkai

Sebelum Anda dapat mulai menganimasikan apa pun, Anda akan memerlukan kemampuan untuk membuat animasi bingkai. Untuk melakukannya, arahkan kursor ke Create Video Timeline dan temukan panah dropdown dan pilih Create Frame Animation:

Langkah 4: Buat layer baru untuk setiap frame

Di menu atas, buka Select dan kemudian "All Layers". Anda akan melihat semua lapisan disorot dan dipilih sekarang.

Dari sana, klik tombol Menu di jendela Timeline (tiga garis horizontal di sisi kanan) dan pilih Buat Layer Baru untuk Setiap Bingkai Baru.

Langkah 5: Buat bingkai dari lapisan

Di menu yang sama di jendela Timeline, pilih "Make Frames From Layers". Ini akan mengubah setiap lapisan yang Anda buat menjadi bingkai.

Setelah Anda melakukan ini, Anda dapat memilih bingkai individual dan mengeditnya sesuai kebutuhan. Semakin sederhana animasinya, semakin sedikit bingkai yang Anda perlukan. Dalam kasus saya, saya memiliki 15 frame:

Jika bingkai tidak dalam urutan yang benar, sekarang saatnya untuk mengatur ulang dan menyusun ulang dengan menyeretnya ke tempat yang seharusnya! Anda akan menginginkan ini hampir sempurna sebelum melanjutkan ke langkah berikutnya.

Langkah 6: Pilih durasi bingkai dan opsi perulangan

Sekarang setelah bingkai berada dalam urutan yang benar, saatnya untuk mencari tahu berapa lama setiap bingkai diputar. Untuk melakukannya, pilih bingkai yang ingin Anda edit, klik panah di bawah bingkai, dan pilih waktu dari menu tarik-turun. Pilihan Anda untuk ini adalah .1 detik, .2, .5, 1.0 dan seterusnya. Pilih salah satu yang masuk akal untuk animasi ini dan seberapa cepat bingkai tertentu harus diputar. Jika tidak ada opsi yang tampak benar, Anda juga dapat menyesuaikan durasi waktu.

Untuk piggy gif saya, saya membuatnya sehingga setiap frame diputar selama satu detik!

Jika Anda tidak ingin gif Anda berulang, Anda dapat langsung melanjutkan ke langkah 7. Namun, jika Anda ingin gif Anda berulang, sangat mudah untuk beralih.

Di bawah bingkai Anda, Anda akan melihat opsi di sebelah kiri yang mengatakan "Selamanya". Secara default, gif Anda akan berulang selamanya, jadi jika Anda menginginkannya, biarkan saja dan lanjutkan ke langkah berikutnya! Jika tidak, klik tarik-turun di sebelah Selamanya dan pilih satu atau tiga kali. Ada juga opsi untuk menyesuaikan loop.

Langkah 7: Pratinjau dan uji gif Anda

Ini bisa dibilang langkah termudah! Untuk melihat pratinjau GIF animasi Anda, cukup tekan tombol Play di jendela Timeline. Jika Anda memainkannya dan ada yang salah, tidak apa-apa. Kembali ke langkah 5 dan terus mengutak-atik urutan bingkai, durasi waktu, dll. Dalam kasus saya, satu detik agak terlalu lama untuk setiap bingkai, jadi saya mengubahnya menjadi 0,02 detik untuk mendapatkannya di tempat yang saya inginkan!

Langkah 8: Simpan di Photoshop dan ekspor

Setelah Anda puas dengan gif Anda, simpan karya agung Anda dengan membuka File > Ekspor > Simpan untuk Web.

Setelah Anda mengkliknya, sebuah kotak baru akan muncul:

Di jendela ini, kami ingin melakukan beberapa hal:

1. Di bawah Preset di sudut kanan, pilih jenis file gif yang ingin Anda simpan. Angka di sebelah file gif menentukan seberapa besar warna gif akan dibandingkan dengan file aslinya. Persentase dithering yang lebih tinggi berarti tampilan lebih banyak warna dan detail tetapi akan meningkatkan ukuran file. Karena gif saya berwarna solid dan saya ingin resolusi tinggi, saya akan memilih Gif 128 tanpa gentar. Anda juga ingin memastikan ukuran gambar di bagian bawah sesuai dengan yang Anda inginkan!

2. Di sudut kanan bawah, pastikan opsi loop yang Anda pilih sebelumnya masih yang Anda inginkan!
3. Tekan simpan.

Untuk mengekspor gif Anda, buka File > Ekspor > Ekspor Sebagai. Di sudut kanan atas di mana dikatakan "Format", pilih Gif dan tekan Ekspor.

Langkah 8: Rayakan

Selamat — Anda membuat gif di Photoshop dari awal! Ambil sebotol sampanye untuk merayakan dan senang Photoshopping!

Apa selanjutnya: Alat yang harus dimiliki

Baik Anda seorang ahli desain atau pemula seperti saya, ada banyak alat di luar sana untuk membantu Anda mendesain. Klik di sini untuk melihat 31 alat apa yang dapat mempermudah pekerjaan Anda sehingga Anda dapat kembali melakukan pekerjaan terbaik Anda.