Cara Membuat GIF Animasi di Photoshop – Buat GIF animasi yang menggilir beberapa gambar untuk membuat tayangan slide yang diputar secara otomatis di web.
Cara Membuat GIF Animasi di Photoshop
gifgrabber – Membuat animasi tidak serumit kedengarannya, dan teknik ini berguna saat Anda membuat iklan web, di mana ruang sangat terbatas. Di kolom ini, Anda akan belajar menggunakan Photoshop untuk membuat GIF animasi yang menggilir beberapa gambar termasuk gambar dengan teks untuk membuat tayangan slide yang diputar secara otomatis di web.
Desain animasinya
Jalankan Photoshop (CS6 Extended atau versi CC apa pun) dan pilih File > New. Di kotak dialog yang dihasilkan, masukkan lebar dan tinggi animasi (katakanlah, 300×250 piksel). Masukkan 72 untuk resolusi, atur menu Mode Warna ke RGB, dan pilih sRGB dari menu Profil Warna.
Selanjutnya, buat konten menggunakan layer. Untuk menambahkan gambar ke dokumen, pilih File > Place Embedded (File > Place di versi sebelumnya). Photoshop mengelilingi gambar dengan tuas pengubah ukuran; Shift-seret gagang sudut mana pun untuk mengubah ukuran gambar, lalu tekan Return. Ulangi untuk setiap gambar.
Baca Juga : 5 Alat Gratis untuk Membuat GIF Animasi
Pastikan untuk menyertakan lapisan untuk branding (misalnya, logo Anda) dan lapisan “ajakan bertindak” (misalnya, “klik di sini untuk mendapatkan diskon 50% untuk sesi pertama Anda”). Yang terakhir memberi audiens Anda tindakan yang harus dilakukan, dan memungkinkan Anda mengukur tingkat keberhasilan iklan. Setelah konten Anda selesai, matikan ikon visibilitas lapisan untuk semuanya kecuali yang Anda ingin terlihat di bingkai pertama.
Sekarang pilih Window > Timeline. Di panel yang dihasilkan, klik ikon yang mengarah ke bawah di sebelah kanan tombol Create Video Timeline dan pilih Create Frame Animation. Klik tombol Create Frame Animation yang muncul dan Photoshop membuat satu frame yang mewakili apa yang saat ini terlihat di panel Layers. Setiap bingkai berfungsi sebagai placeholder untuk konten yang ingin Anda tampilkan di layar, yang Anda kontrol menggunakan visibilitas lapisan.
Untuk menambahkan bingkai baru, klik tombol “Gandakan bingkai yang dipilih”. Karena konten bingkai ditentukan oleh visibilitas lapisan, bingkai baru identik dengan yang pertama. Di panel Lapisan, gunakan ikon visibilitas untuk hanya menampilkan lapisan yang berisi konten untuk bingkai kedua dalam animasi Anda.
Terus tambahkan bingkai dan sesuaikan visibilitas lapisan hingga Anda menyelesaikan animasi. Di sini bingkai ajakan bertindak muncul setelah foto kostum terakhir, diikuti oleh bingkai “kosong” yang hanya berisi latar belakang.
Anda juga dapat menambahkan transisi pudar antar bingkai, yang disebut tweening. Untuk melakukannya, aktifkan bingkai yang ingin Anda pudarkan ke bingkai berikutnya (misalnya, bingkai “ajakan bertindak”) dan klik tombol Tween (terlihat seperti deretan kotak diagonal dan berada di sebelah kiri tombol duplikat).
Dalam kotak dialog yang dihasilkan, beri tahu Photoshop bingkai mana yang akan di-tween dengan yang aktif (Bingkai Berikutnya digunakan di sini) dan masukkan berapa banyak bingkai fading yang Anda inginkan di bidang Frames to Add. Klik OK dan Photoshop menambahkan bingkai baru.
Sesuaikan pemutaran
Gunakan menu jeda bingkai di bawah setiap bingkai untuk mengontrol berapa lama bingkai itu terlihat. Pertahankan pencitraan merek dan bingkai ajakan bertindak di layar cukup lama untuk dibaca (katakanlah, dua detik) dan percepat bingkai tween (0,5 detik). Selanjutnya, klik menu opsi perulangan dan pilih 3, sehingga animasi akan berulang sebanyak tiga kali. Klik tombol Putar untuk mempratinjau hasil karya Anda.
Setelah selesai, pilih Optimalkan Animasi dari menu fly-out panel Timeline. Dalam kotak dialog yang muncul, biarkan kedua opsi dalam keadaan aktif: Bounding Box memangkas setiap frame secara dekat ke kontennya dan Redundant Pixel Removal membuat piksel yang tidak berubah menjadi transparan di frame berikutnya). Pilih File > Save As dan pilih Photoshop dari menu Format untuk mempertahankan layer Anda sehingga Anda dapat mengeditnya nanti.
Ekspor file
Pilih File > Save for Web in Photoshop CS6 Extended atau File > Export > Save for Web in CC dan pilih GIF dari menu format di kanan atas. Jika Anda menyertakan foto dengan gradien dalam animasi, atur menu Dither ke Diffusion dan bereksperimenlah dengan pengaturan jumlah di sebelah kanannya.
Jika animasi Anda tidak menyertakan foto berwarna, coba turunkan bidang Warna untuk mengurangi ukuran file. Gunakan bagian Animasi di kanan bawah untuk mempratinjau karya Anda sebelum menyimpannya.
GIF yang dihasilkan akan diputar di browser web apa pun: gunakan perintah File > Buka browser atau seret dan lepas GIF ke jendela browser. Anda juga dapat mempratinjaunya menggunakan QuickLook: cukup klik nama file dan tekan bilah spasi keyboard Anda.