GIF animasi di Photoshop CS5

Adobe Photoshop CS5 adalah program pengeditan gambar yang hebat yang dapat Anda gunakan untuk membuat atau mengedit hampir semua jenis gambar yang mungkin Anda perlukan. Photoshop CS5 sangat mahir, bagaimanapun, dalam membuat gambar yang dimaksudkan untuk ditempatkan secara online, seperti gambar yang mungkin Anda letakkan di situs web Anda, atau yang mungkin ingin Anda bagikan dengan teman-teman Anda. Pilihan gambar yang populer adalah GIF animasi, karena mudah dibuat, memiliki gerakan, tetapi dapat diposting seperti gambar statis biasa. Photoshop memiliki beberapa alat bermanfaat yang memungkinkan Anda membuat GIF animasi di Photoshop CS5, dan Anda bahkan dapat menyesuaikan GIF animasi Anda di Photoshop CS5 agar sesuai dengan spesifikasi yang Anda butuhkan.

Mempersiapkan Bingkai untuk GIF Animasi Anda di Photoshop CS5

GIF animasi di Photoshop CS5 sebenarnya adalah lima gambar terpisah yang akan Anda atur sebagai lapisan. Setiap lapisan akan mewakili bingkai gambar Anda, jadi setiap bingkai harus sedikit berbeda untuk membantu menunjukkan bahwa ada tindakan atau gerakan yang terjadi di GIF animasi Anda. Untuk keperluan tutorial ini, saya akan membuat GIF animasi di Photoshop CS5 dari sebuah bintang yang bergerak melintasi latar belakang hitam. GIF animasi akan terdiri dari lima bingkai berbeda, di mana bintang berada di lokasi yang sedikit berbeda di setiap bingkai. Gambar terpisah terlihat seperti ini:

Demi kesederhanaan, saya telah memberi label pada gambar sebagai 1.gif, 2.gif, 3.gif, 4.gif dan 5.gif, yang akan membantu saya mengingat urutan tampilan yang ingin saya tampilkan. Setiap gambar berukuran sama, 100×100 piksel.

Untuk mulai membuat GIF animasi di Photoshop CS5, Anda sekarang dapat meluncurkan Photoshop, klik Mengajukan di bagian atas jendela, klik Baru, lalu atur ukuran untuk gambar Anda. Setelah parameter gambar Anda disetel, klik tombol Oke tombol untuk membuat kanvas kosong Anda.

Hal berikutnya yang harus dilakukan adalah membuka folder yang berisi gambar yang akan Anda sertakan dalam GIF animasi Anda di Photoshop CS5. Perhatikan bahwa Anda membuka folder di Windows Explorer, BUKAN dengan Membuka perintah di Photoshop. Windows Explorer adalah program yang Anda gunakan untuk menelusuri folder dan file di komputer Anda, dan Anda dapat meluncurkannya dengan mengklik ikon folder di bilah tugas di bagian bawah layar komputer Anda. Setelah folder yang berisi gambar Anda terbuka, tahan tombol CTrl pada keyboard Anda untuk memilih semua gambar lalu seret ke kanvas Photoshop CS5.

Ini akan mengubah kanvas Anda untuk menampilkan salah satu bingkai Anda dengan X di atasnya, seperti pada gambar ini:

Ketika Anda melihat ini, tekan Memasuki pada keyboard Anda untuk menyisipkan setiap gambar sebagai lapisan di Photoshop. Setelah semua gambar ditambahkan, Anda Lapisan jendela di sisi kanan Photoshop akan terlihat seperti ini.

Perhatikan bahwa gambar yang ingin Anda tampilkan sebagai bingkai terakhir dari GIF animasi Anda harus menjadi lapisan paling atas. Jika lapisan Anda berada dalam urutan yang salah, Anda cukup menyeretnya ke dalam Lapisan jendela sampai mereka berada dalam urutan yang benar.

Sekarang Anda perlu membuka Animasi jendela, yang dapat Anda lakukan dengan mengklik Jendela menu di bagian atas Photoshop, lalu klik tombol Animasi pilihan. Itu Animasi jendela akan terbuka sebagai jendela horizontal di bagian bawah Photoshop.

Klik tombol di sudut kanan atas Animasi jendela (tombolnya terlihat seperti panah menghadap ke bawah di sebelah 4 garis horizontal), lalu klik tombol Buat Bingkai dari Lapisan pilihan.

Klik panah menghadap ke bawah di sebelah kanan 0 detik dan di bawah salah satu bingkai Anda di Animasi jendela, lalu pilih berapa lama Anda ingin bingkai itu ditampilkan di GIF animasi Anda. Ulangi langkah ini untuk setiap bingkai gambar Anda. Saya suka memilih 1.0 untuk durasi frame di banyak GIF animasi di Photoshop CS5, tetapi bereksperimenlah dengan durasi yang berbeda hingga Anda menemukan yang paling sesuai untuk Anda.

Anda juga dapat menentukan berapa kali GIF animasi harus mengulang semua bingkainya dengan mengklik tombol Selamanya menu tarik-turun di bagian bawah Animasi jendela. saya menggunakan Selamanya sebagai opsi untuk GIF animasi di akhir artikel ini, yang berarti bahwa GIF animasi akan terus berputar hingga Anda meninggalkan halaman ini.

Anda sudah selesai membuat GIF animasi Anda di Photoshop CS5 sekarang, jadi Anda harus menyimpannya. Klik Mengajukan di bagian atas jendela, lalu klik Simpan untuk Web & Perangkat. Klik menu tarik-turun di sudut kanan atas jendela untuk memilih GIF pilihan, lalu klik Menyimpan tombol di bagian bawah jendela.

Ketik nama untuk file Anda ke dalam Nama file bidang, lalu klik Menyimpan tombol. Anda kemudian dapat mengklik dua kali gambar yang dibuat di folder Anda untuk meluncurkan GIF animasi dan melihat apa yang telah Anda buat. Di bawah ini adalah contoh animasi GIF saya dalam gambar Photoshop CS5.