Bagaimana Cara Membuat sebuah GIF

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.
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:
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.

image crop photoshop
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.


color range selection photoshop




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!


color range fuzziness
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.


select refine edge photoshop
Salin seleksinya ke sebuah layer baru dengan shortcut Control-J.
duplicate selection 
 
 
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.



image size photoshop
Kita siap untuk membuat sebuah animasi sekarang! Pergi ke Window > Timeline untuk membuka editor kita. Kemudian tekan Create Frame Animation.
frame animation photoshop
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.


frame animation photoshop repetition
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. 


frame animation duration photoshop


Kita mau transisi yang halus, dan kita akan memiliki banyak frame, jadi klik Other dan ketik 0.06.
set frame delay photoshop
Untuk membuat sebuah frame baru, klik ikon kartu putih di bar bawah.
new frame animation
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

.
how frame animation works in photoshop
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.


color overlay photoshop 
 
 
color overlay effect
Pilih persegi panjang abu-abunya dan ganti warnanya ke sesuatu yang terang.

color overlay bright red 
 
 
coor overlay red eyes
Ganti Blend Mode ke Screen untuk membuat matanya merah terang dari pada hanya menutupi mereka dengan merah.


color overlay screen mode 
 
 
color overlay in screen mode effect
Temukan Outer Glow dan centang itu.

outer glow photoshop 
 
 
outer glow effect 
 
Berikan itu warna terang yang sama seperti sebelumnya.


outer glow red bright 
 
 
 
bright red glow photoshop
Buat cahayanya lebih kuat dengan bermain dengan Spread dan Size.


outer glow options 
 
 
glowing eyes photoshop 
 
Kita memiliki sebuah animasi yang sangat sederhana sekarang—uji itu dengan menekan Space.


simple animation photoshop
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.


select frames photoshop


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


tween transition photoshop
 
 
Perhatikan bahwa anda dapat men-Tween semua parameter yang telah saya sebutkan sebelumnya


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


glowing eyes animation frames 
 
 
 
glowing wolf eyes 
 
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.



advanced animation photoshop
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.



change frame duration
Sempurna!
angry wolf animation

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 


save for web gif

Komentar

Postingan populer dari blog ini

3 Cara Trendi/Kekinian dalam Membuat Efek Foto Artistik dengan Photoshop Actions

Cara Membuat Logo Mockup Ukiran kayu di Adobe Photoshop

Design Bagaimana Menggambar Minion di Adobe Illustrator