Bagaimana Cara Membuat sebuah GIF

Photoshop adalah software yang sangat maju, tapi itu memiliki alat tertentu yang bahkan pemula dapat menggunakannya dengan mudah untuk membuat efek yang menakjubkan. Sebagai contoh, anda tidak perlu keterampilan khusus untuk membuat GIF yang dianimasikan!

Dalam tutorial ini saya akan menunjukkan anda bagaimana cara membuat sebuah animasi seekor serigala dengan mata bersinar, dan ini akan mengajari anda semua yang perlu anda ketahui tentang membuat GIF dalam Photoshop.

Apa Yang Akan Anda Butuhkan

Anda dapat menggunakan foto apapun yang anda inginkan, tapi pastikan itu berkualitas tinggi dan dengan mata yang terlihat dengan jelas. Anda dapat mendownload foto yang telah saya gunakan di sini:

• Stok foto mata seekor serigala (Envato Market)
  
• Stok foto mata seekor serigala (Envato Elements)
  

1. Bagaimana Cara Mempersiapkan sebuah Gambar untuk Menganimasikan

Langkah 1

GIF bukanlah sebuah format yang dioptimalkan dengan baik, dan filenya bisa menjadi sangat besar dengan sangat cepat. Itu sebabnya kita perlu untuk memotong gambar kita untuk apa yang paling penting. Buka gambarnya, ambil Crop Tool (C), dan pilih bagian dari gambar yang anda ingin animasikan. Kemudian tekan Enter.

Langkah 2

Kita ingin menganimasikan matanya, jadi kita perlu untuk memisahkan mereka dari sisa gambarnya. Ada banyak metode untuk memilih sesuatu dalam Photoshop, tapi saya akan menunjukkan anda yang paling mudah.

Pergi ke Select > Color Range. Pilih Add to Sample dan klik semua bayangan dari matanya, sampai anda melihat mereka semua dicat putih dalam pratinjaunya.

Langkah 3

Kita telah memilih semua nada kuningnya, tapi beberapa dari mereka dapat ditemukan dalam bulu yang tampaknya abu-abu. Untuk mengecualikan mereka, bermain dengan slider Fuzziness nya sampai hanya ada warna hitam di sekitar matanya. Itu sangat penting untuk menjaga area ini benar-benar hitam!

Langkah 4

Setelah anda menekan OK, sebuah seleksi akan dibuat. Seperti dengan seleksi otomatis apapun, meskipun, itu tidak terlalu akurat. Pergi ke Select > Refine Edge dan gunakan pengaturan ini untuk membuat seleksinya lebih halus. Pilih Smart Radius dan bermain dengan pilihan Smooth and Feather sampai anda senang dengan hasilnya. Kemudian klik OK.

Langkah 5

Salin seleksinya ke sebuah layer baru dengan shortcut Control-J.

Langkah 6

Hal terakhir: gambar kita sangat besar, dan itu tidak seperti format GIF (Itu tidak dioptimalkan dengan baik, dan itu membuat file besar!). Pergi ke Image > Image Size dan turunkan ukurannya ke sesuatu yang masuk akal.

2. Bagaimana Frame Animation dalam Photoshop Bekerja

Langkah 1

Kita siap untuk membuat sebuah animasi sekarang! Pergi ke Window > Timeline untuk membuka editor kita. Kemudian tekan Create Frame Animation.

Langkah 2

Timeline editornya sangat sederhana. Klik panah di samping Once untuk mengungkapkan pilihan untuk pengulangan. Anda bisa membuat animasinya bermain sekali, 3 kali, selamanya, atau jumlah waktu yang dipilih. Atur itu ke Forever untuk membuatnya bermain terus-menerus.

Langkah 3

Pilihan penting lainnya adalah durasi satu frame yang dimainkan. Semakin rendah waktunya, semakin cepat itu akan hilang dan semakin halus gerakannya, tapi juga semakin banyak frame yang dibutuhkan untuk efek ini.

Kita mau transisi yang halus, dan kita akan memiliki banyak frame, jadi klik Other dan ketik 0.06.

Langkah 4

Untuk membuat sebuah frame baru, klik ikon kartu putih di bar bawah.

Langkah 5

Setiap frame mengingat keadaan layernya secara terpisah. Jadi jika anda menyembunyikan sebuah layer dalam satu frame, di yang lain itu masih akan terlihat. Peringatan: Photoshop suka bermain trik disini, jadi pastikan anda selalu mulai dari frame pertama.

Sembunyikan sebuah layer dalam satu frame dan uji animasinya dengan menekan Space. Ini adalah hal utama yang dilakukan alat ini: itu menyembunyikan dan memperlihatkan layer sesuai dengan keadaan mereka yang tersimpan dalam frame.

3. Bagaimana Cara Menggunakan Transisi Tween dalam Photoshop

Langkah 1

Tapi menyembunyikan dan memperlihatkan layer tidak semua yang itu lakukan! Tiga hal lainnya dapat disimpan dalam setiap frame:

• Posisi
• Opacity
• Efek

Ini berarti bahwa anda dapat mengubah pengaturan ini pada satu layer dalam satu frame, dan dalam frame lain layer yang sama akan utuh (sekali lagi, pastikan anda memulai dari frame yang pertama untuk menghindari kejutan). Dan hal terbaik tentang itu adalah bahwa Photoshop mampu membuat sebuah transisi otomatis diantara keadaan dari layer tunggal ini! Izinkan saya menunjukkan anda trik ini pada keadaan yang paling efektif yang tersedia: efek.

Buat semua layernya terlihat pada kedua frame lagi, dan kemudian pilih frame kedua dan klik kanan layer dengan matanya. Pilih Blending Options. Temukan Color Overlay dan centang itu.

Langkah 2

Pilih persegi panjang abu-abunya dan ganti warnanya ke sesuatu yang terang.

Langkah 3

Ganti Blend Mode ke Screen untuk membuat matanya merah terang dari pada hanya menutupi mereka dengan merah.

Langkah 4

Temukan Outer Glow dan centang itu.

Langkah 5

Berikan itu warna terang yang sama seperti sebelumnya.

Langkah 6

Buat cahayanya lebih kuat dengan bermain dengan Spread dan Size.

Langkah 7

Kita memiliki sebuah animasi yang sangat sederhana sekarang—uji itu dengan menekan Space.

Langkah 8

Tapi itu bukan efek yang sangat meyakinkan, kan? Itu akan menjadi jauh lebih baik jika matanya menyala sedikit demi sedikit. Di sinilah kekuatan yang sebenarnya dari alat ini terletak! Tahan Control dan klik kedua layer untuk memilih mereka. Klik panah kecil di pojok kanan atas dan pilih Tween.

Semakin banyak frame yang anda tambahkan, semakin halus transisinya, dan semakin besar animasinya. 10 seharusnya menjadi jumlah yang masuk akal.

Langkah 9

Klik OK untuk melihat seluruh set dari frame baru diantara yang telah anda pilih. Tekan Space untuk melihat animasinya. Jauh lebih baik, bukan?

Langkah 10

Ada satu masalah dengan animasi ini—matanya memudar terlalu tiba-tiba. Ayo perbaiki ini dengan membuat transisi lain. Pilih frame yang pertama dan terakhir lagi, dan Tween mereka dengan jumlah frame yang sama seperti sebelumnya.

Langkah 11

Satu hal terakhir: temukan frame dengan mata yang paling terang dan ganti durasinya ke nomor yang lebih tinggi. Ini akan membuat matanya bersinar lebih lama.

Sempurna!

Langkah 12

Akhirnya, saatnya untuk menyimpan animasinya dan mempersembahkannya ke dunia. Pergi ke File > Save For Web dan pilih GIF dari daftar formatnya. Pilihan di sini akan membiarkan anda mengoptimalkan animasinya untuk ukuran yang lebih kecil.

Trik bonus: jika anda mau animasi anda menjadi lebih cantik daripada apa yang ditawarkan format GIF, anda bisa merekam animasi yang bermain dengan beberapa jenis software (atau ekspor sebagai sebuah video), simpan itu sebagai sebuah video, dan kemudian mengubahnya menjadi sebuah semi-GIF dengan www.gfycat.com.

Cantik!

Sekarang anda tahu bagaimana cara membuat sebuah GIF yang dianimasikan dalam Photoshop! Jika anda menyelesaikan tutorial ini, jangan lupa untuk membagikan hasil anda di bagian komentarnya-saya tidak sabar untuk melihatnya!

Di Envato Tuts+, kita membatasi ukuran file gambar tidak lebih besar dari 200kb. Namun anda dapat melihat GIF yang selesai dalam segala kemuliaannya dalam format video di bawah ini.