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.
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:
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.
![image crop photoshop](https://cms-assets.tutsplus.com/uploads/users/108/posts/29060/image/how-to-make-gif-in-photoshop-1-1.jpg)
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.
![color range selection photoshop](https://cms-assets.tutsplus.com/uploads/users/108/posts/29060/image/how-to-make-gif-in-photoshop-1-2.jpg)
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!
![color range fuzziness](https://cms-assets.tutsplus.com/uploads/users/108/posts/29060/image/how-to-make-gif-in-photoshop-1-3.jpg)
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.
![select refine edge photoshop](https://cms-assets.tutsplus.com/uploads/users/108/posts/29060/image/how-to-make-gif-in-photoshop-1-4.jpg)
Langkah 5
Salin seleksinya ke sebuah layer baru dengan shortcut Control-J.
![duplicate selection](https://cms-assets.tutsplus.com/uploads/users/108/posts/29060/image/how-to-make-gif-in-photoshop-1-5.jpg)
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.
![image size photoshop](https://cms-assets.tutsplus.com/uploads/users/108/posts/29060/image/how-to-make-gif-in-photoshop-1-6.jpg)
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.
![frame animation photoshop](https://cms-assets.tutsplus.com/uploads/users/108/posts/29060/image/how-to-make-gif-in-photoshop-1-7.jpg)
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.
![frame animation photoshop repetition](https://cms-assets.tutsplus.com/uploads/users/108/posts/29060/image/how-to-make-gif-in-photoshop-1-8.jpg)
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.
![frame animation duration photoshop](https://cms-assets.tutsplus.com/uploads/users/108/posts/29060/image/how-to-make-gif-in-photoshop-1-9.jpg)
Kita mau transisi yang halus, dan kita akan memiliki banyak frame, jadi klik Other dan ketik 0.06.
![set frame delay photoshop](https://cms-assets.tutsplus.com/uploads/users/108/posts/29060/image/how-to-make-gif-in-photoshop-1-10.jpg)
Langkah 4
Untuk membuat sebuah
frame baru, klik ikon kartu putih di bar bawah.
![new frame animation](https://cms-assets.tutsplus.com/uploads/users/108/posts/29060/image/how-to-make-gif-in-photoshop-1-11.jpg)
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
.
![how frame animation works in photoshop](https://cms-assets.tutsplus.com/uploads/users/108/posts/29060/image/how-to-make-gif-in-photoshop-1-12.jpg)
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.
![color overlay photoshop](https://cms-assets.tutsplus.com/uploads/users/108/posts/29060/image/how-to-make-gif-in-photoshop-1-13.jpg)
![color overlay effect](https://cms-assets.tutsplus.com/uploads/users/108/posts/29060/image/how-to-make-gif-in-photoshop-1-13-1.jpg)
Langkah 2
Pilih persegi panjang
abu-abunya dan ganti warnanya ke sesuatu yang terang.
![color overlay bright red](https://cms-assets.tutsplus.com/uploads/users/108/posts/29060/image/how-to-make-gif-in-photoshop-1-14.jpg)
![coor overlay red eyes](https://cms-assets.tutsplus.com/uploads/users/108/posts/29060/image/how-to-make-gif-in-photoshop-1-14-1.jpg)
Langkah 3
Ganti Blend Mode ke Screen untuk membuat matanya merah terang dari pada hanya menutupi mereka dengan merah.
![color overlay screen mode](https://cms-assets.tutsplus.com/uploads/users/108/posts/29060/image/how-to-make-gif-in-photoshop-1-15.jpg)
![color overlay in screen mode effect](https://cms-assets.tutsplus.com/uploads/users/108/posts/29060/image/how-to-make-gif-in-photoshop-1-15-1.jpg)
Langkah 4
Temukan Outer Glow dan centang itu.
![outer glow photoshop](https://cms-assets.tutsplus.com/uploads/users/108/posts/29060/image/how-to-make-gif-in-photoshop-1-16.jpg)
![outer glow effect](https://cms-assets.tutsplus.com/uploads/users/108/posts/29060/image/how-to-make-gif-in-photoshop-1-16-1.jpg)
Langkah 5
Berikan itu warna
terang yang sama seperti sebelumnya.
![outer glow red bright](https://cms-assets.tutsplus.com/uploads/users/108/posts/29060/image/how-to-make-gif-in-photoshop-1-17.jpg)
![bright red glow photoshop](https://cms-assets.tutsplus.com/uploads/users/108/posts/29060/image/how-to-make-gif-in-photoshop-1-17-1.jpg)
Langkah 6
Buat cahayanya lebih kuat dengan bermain dengan Spread dan Size.
![outer glow options](https://cms-assets.tutsplus.com/uploads/users/108/posts/29060/image/how-to-make-gif-in-photoshop-1-18.jpg)
![glowing eyes photoshop](https://cms-assets.tutsplus.com/uploads/users/108/posts/29060/image/how-to-make-gif-in-photoshop-1-18-1.jpg)
Langkah 7
Kita memiliki sebuah animasi yang sangat sederhana sekarang—uji itu dengan menekan Space.
![simple animation photoshop](https://cms-assets.tutsplus.com/uploads/users/108/posts/29060/image/-how-to-make-gif-in-photoshop-0-2.gif)
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.
![select frames photoshop](https://cms-assets.tutsplus.com/uploads/users/108/posts/29060/image/how-to-make-gif-in-photoshop-1-19.jpg)
Semakin banyak frame yang anda tambahkan, semakin halus transisinya, dan semakin besar animasinya. 10 seharusnya menjadi jumlah yang masuk akal.
![tween transition photoshop](https://cms-assets.tutsplus.com/uploads/users/108/posts/29060/image/how-to-make-gif-in-photoshop-1-20.jpg)
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?
![glowing eyes animation frames](https://cms-assets.tutsplus.com/uploads/users/108/posts/29060/image/how-to-make-gif-in-photoshop-1-21.jpg)
![glowing wolf eyes](https://cms-assets.tutsplus.com/uploads/users/108/posts/29060/image/-how-to-make-gif-in-photoshop-0-2-2.gif)
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.
![advanced animation photoshop](https://cms-assets.tutsplus.com/uploads/users/108/posts/29060/image/how-to-make-gif-in-photoshop-1-22.jpg)
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.
![change frame duration](https://cms-assets.tutsplus.com/uploads/users/108/posts/29060/image/how-to-make-gif-in-photoshop-1-23.jpg)
Sempurna!
![angry wolf animation](https://cms-assets.tutsplus.com/uploads/users/108/posts/29060/image/-how-to-make-gif-in-photoshop-0-3.gif)
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
![save for web gif](https://cms-assets.tutsplus.com/uploads/users/108/posts/29060/image/how-to-make-gif-in-photoshop-1-24.jpg)
Komentar
Posting Komentar