Cara Membuat Animasi GIF di Photoshop – GIF, atau “Graphics Interchange Format”, adalah format file gambar terkompresi yang memungkinkan animasi. Ada banyak cara untuk membuat GIF, tetapi Photoshop cepat dan mudah, dengan alat bawaan untuk manipulasi dan animasi gambar.
Cara Membuat Animasi GIF di Photoshop
Baca Juga : 5 Cara Membuat GIF Animasi Tanpa Photoshop
gifgrabber – Sama seperti animasi klasik , GIF animasi terdiri dari serangkaian gambar diam yang diputar secara berurutan untuk menciptakan ilusi gerakan. Temukan GIF dari internet dan seret ke Photoshop, dan Anda akan melihat bingkai terpisah yang membentuk animasi. Bingkai inilah yang akan kita buat dalam tutorial ini untuk menganimasikan GIF iklan banner pembunuh.
Langkah 1: Atur dimensi dan resolusi dokumen Photoshop Anda
Siapkan dokumen Anda sebelumnya. Bahkan jika satu-satunya ambisi Anda adalah membuat GIF yang dapat dibagikan untuk teman-teman Anda di media sosial, membiarkan ukuran foto atau video Anda menentukan ukuran dokumen Anda mungkin membuat file lebih besar dari yang Anda butuhkan, yang berarti kualitas yang buruk GIF. Secara umum, di suatu tempat di wilayah 600px-800px baik-baik saja untuk gambar persegi.
Ukuran
Untuk proyek ini, kami bekerja dengan GIF iklan spanduk, yang memiliki pedoman ukuran standar. Saya memilih tata letak 720×300. Pastikan unit Anda dalam piksel.
Resolusi
Untuk menjaga ukuran file serendah mungkin, resolusi 150 baik-baik saja. Saya menggunakan 300 karena saya tahu GIF saya tidak akan sebesar itu. Pastikan unit Anda dalam Pixel/inci.
Modus warna
Terakhir, GIF animasi dibuat untuk layar, jadi atur mode warna Anda ke warna RGB. Tekan Buat untuk membuka dokumen baru Anda.
Langkah 2: Impor file gambar Anda ke Photoshop
Membuat GIF dari gambar diam
Buka File > Scripts > Load Files into Stack dan pilih tombol Browse di jendela Load Layers yang muncul. Ini menampilkan jendela Finder/Explorer di mana Anda dapat menelusuri file Anda dan memilih semua yang Anda butuhkan. Setelah selesai, klik Buka lalu OK di jendela berikutnya. File akan diimpor ke dokumen terpisah, dari mana Anda dapat memilih semua lapisan dan menyeretnya ke dokumen kerja Anda. Jika Anda mengonversi video menjadi GIF, buka File > Import > Video Frames to Layers .
Langkah 3: Buka jendela timeline
Buka Jendela > Garis Waktu . Ini akan membuka panel di sepertiga bagian bawah kanvas. Di tengah panel, klik panah untuk membuka menu tarik-turun, dan pilih Buat Animasi Bingkai .
Langkah 4: Ubah layer Anda menjadi bingkai
Bingkai pertama Anda sudah akan diatur, terbuat dari semua lapisan yang terlihat (artinya visibilitas lapisan, atau ikon mata, diaktifkan) di dokumen Anda. Sekarang yang harus Anda lakukan adalah mengisi Timeline dengan beberapa frame untuk mensimulasikan gerakan. Ada dua cara untuk melakukannya: mengimpor bingkai yang telah Anda siapkan atau membuat animasi Anda dari awal di Photoshop. Bagian ini akan membahas skenario pertama.
Jika Anda telah mengatur gambar sekuensial sebelumnya (atau bekerja dari bingkai video yang diimpor, lihat Langkah 2), klik ikon menu hamburger di sudut kanan atas panel Timeline. Pilih Make Frames From Layers . Anda akan melihat garis waktu terisi dengan bingkai dari lapisan Anda.
Langkah 5: Gandakan bingkai untuk membuat animasi Anda
Jika Anda belum menyiapkan gambar diam sebelumnya atau perlu menyesuaikan bagian animasi yang Anda buat di Langkah 4, Anda dapat membuat animasi secara manual bingkai demi bingkai (begitulah cara saya membuat animasi saya). Untuk melakukan ini, gandakan bingkai terakhir di garis waktu (klik ikon halaman yang diperuntukkan di panel alat di bawah garis waktu), buat perubahan yang perlu Anda buat pada gambar Anda, dan ulangi.
Misalnya, animasi saya adalah sepasang kacamata hitam yang meluncur ke bawah di atas mata subjek. Untuk melakukan ini, saya menggandakan bingkai, memindahkan kacamata hitam beberapa piksel (berapa banyak piksel adalah masalah coba-coba—lebih lanjut tentang itu nanti), dan mengulangi proses ini sampai saya memiliki sekitar lima belas bingkai dan kacamata hitam berada di tempat saya menginginkannya, menghasilkan animasi meluncur ke bawah yang mulus.
Langkah 6: Atur waktu tunda setiap frame
Anda dapat menemukan pengatur waktu tunda di bagian bawah setiap bingkai (waktu dalam detik dengan panah tarik-turun di sebelahnya). Klik panah untuk membuka menu dan pilih jumlah waktu yang Anda inginkan agar bingkai ditampilkan di layar. Anda dapat mengatur durasi bingkai individu atau beberapa bingkai sekaligus dengan memilih semua bingkai yang Anda butuhkan dan menggunakan menu tarik-turun untuk salah satunya. Tip: Banyak bingkai dengan penundaan singkat adalah kunci untuk kelancaran animasi sedangkan beberapa bingkai dengan penundaan yang lama menciptakan efek stop-motion yang tersentak-sentak.
Langkah 7: Atur berapa kali animasi akan berputar
Juga terletak di panel alat di bawah garis waktu adalah pengaturan loop. Anda dapat mengatur animasi Anda untuk mengulang Selamanya, Sekali, atau beberapa kali tertentu.
Langkah 8: Pratinjau dan ulangi animasi Anda
Tombol putar di panel alat jendela garis waktu memungkinkan Anda untuk melihat pratinjau animasi Anda. Gunakan ini untuk memastikan bahwa animasi Anda dapat dipercaya dan berperilaku sebagaimana mestinya. Jika tidak, cobalah mengutak-atik penundaan atau menambahkan lebih banyak bingkai sampai Anda mendapatkan hasil yang Anda inginkan. Sebaliknya, ini juga saat yang tepat untuk bereksperimen dengan menghapus bingkai sebanyak mungkin tanpa merusak ilusi gerakan untuk mendapatkan ukuran file serendah mungkin.
Langkah 9: Ekspor dokumen Photoshop Anda sebagai GIF
Pertama-tama, jangan lupa untuk menyimpan PSD Anda yang berfungsi. Setelah Anda siap untuk mengekspor GIF terakhir Anda, buka File > Export > Save for Web (Legacy) . (Catatan: jika Anda bekerja dengan Photoshop versi lama, kemungkinan itu adalah File > Save for Web & Devices). Ini akan memunculkan jendela ekspor. Ada banyak pilihan di sini, tetapi kami hanya membutuhkan beberapa untuk tujuan kami. Pertama, pastikan Anda mengatur jenis file ke GIF di kotak dropdown di kanan atas. Sisa dari opsi yang saya soroti pada gambar di bawah ini opsional tetapi membantu untuk menghasilkan file yang ringan. Mari kita berjalan melalui mereka sekarang.
Pangkas ukuran file
Tujuan utama Anda dengan opsi yang tersisa adalah menjaga ukuran file tetap rendah dengan mengurangi jumlah detail dalam GIF Anda tanpa mengorbankan kualitas gambar. Ingat bahwa ukuran file yang besar berarti waktu pemuatan yang lambat, yang dapat sangat merugikan untuk tujuan pemasaran seperti iklan spanduk, di mana pemirsa tidak mencari konten Anda dan tidak akan menunggu untuk memuatnya. Bertujuan untuk tetap di bawah 1MB. Hingga 5MB dapat dilakukan di sebagian besar situs web tetapi mendorongnya. Anda dapat melihat ukuran file GIF Anda di sudut kiri bawah panel yang berisi gambar pratinjau.
Kurangi informasi warna
Informasi warna yang tidak perlu adalah penyebab terbesar dalam hal ukuran file yang besar. Untuk menguranginya, sesuaikan jumlah total warna di kotak dropdown berlabel “Warna:” dan kurangi pengaturan gentar (pencampuran piksel untuk membuat bayangan mulus) di bawahnya. Saat Anda membuat perubahan, perhatikan gambar pratinjau GIF Anda di sisi kiri untuk melihat bagaimana resolusi terpengaruh.
Konversikan ke sRGB
sRGB, atau “RGB Standar,” memiliki rentang warna yang lebih sempit daripada “Adobe RGB” default, jadi pastikan untuk mencentang kotak itu.
Menyimpan
Setelah Anda puas dengan resolusi dan ukuran file Anda, tekan tombol simpan di bagian bawah jendela. Untuk memastikan semuanya baik-baik saja, Anda dapat melihat pratinjau file GIF yang telah selesai dengan menyeretnya ke kotak URL browser.
Langkah 10: Bagikan GIF Photoshop Anda yang sudah jadi!
Dan begitulah—GIF Anda yang sudah jadi, siap dibagikan ke seluruh dunia web. Sekarang setelah Anda memiliki keterampilan untuk membuat animasi Photoshop dasar dari video dan gambar diam, Anda dapat meng- gifify hampir semua hal!
Meskipun metode ini berguna untuk GIF yang cepat dan menyenangkan, GIF untuk tujuan profesional seharusnya jauh lebih kuat daripada iklan kacamata hitam konyol saya. Mempelajari perangkat lunak itu mudah, tetapi animasi itu sendiri adalah bentuk seni yang rumit yang membutuhkan latihan dan keahlian. Saat Anda siap untuk meningkatkan permainan GIF Anda, pastikan Anda bekerja dengan seorang profesional.