Metode produksi yang telah kita pelajari sejauh ini cukup untuk memenuhi sebagian besar kebutuhan produksi animasi datar. Dalam pelajaran ini kita akan mempelajari beberapa teknik yang dapat menambahkan lebih banyak efek pada karya animasi, antara lain: lapisan khusus, akselerasi dan deselerasi, blur, dan deformasi teks . Saya juga berharap setiap orang dapat merangkum keterampilan produksi mereka sendiri dan membaginya dengan orang lain.
Keterampilan ini didasarkan pada kursus sebelumnya. Oleh karena itu, semua mata kuliah sebelumnya perlu dikuasai secara menyeluruh.
Item yang dapat dianimasikan di Photoshop antara lain posisi layer, layer mask, opacity layer, dan style layer. Pada tahap tutorial dasar kita belajar tentang lapisan penyesuaian warna dan lapisan isian. Jenis lapisan ini istimewa. Lapisan pertama tidak secara langsung menghasilkan gambar, tetapi melakukan penyesuaian warna pada lapisan di bawahnya. Meskipun yang terakhir menghasilkan gambar, itu adalah "piksel virtual" dan konten yang diisi dapat diubah nanti. Sekarang mari kita gunakan untuk animasi dan lihat efek seperti apa yang bisa kita dapatkan. Klik di sini untuk membaca tentang lapisan penyesuaian warna. Klik di sini untuk membaca tentang lapisan isian.
Lapisan penyesuaian warna relatif mudah digunakan, dan Anda dapat menggunakannya untuk membuat efek perubahan warna. Efek ini dapat berkisar dari perubahan terang dan gelap, perubahan skala abu-abu, inversi, dll. Cara penerapannya juga sangat sederhana, yaitu pertama-tama buat lapisan penyesuaian warna dan buat pengaturan yang relevan, lalu animasikan opacity lapisan penyesuaian tersebut. Contoh animasi di bawah ini adalah penggelapan kurva, penggelapan kurva, pemetaan gradien, dan inversi. Untuk mengubah gambar menjadi skala abu-abu, Anda dapat menggunakan gradien skala abu-abu peta gradien, atau menggunakan saturasi warna.
Perlu dicatat bahwa animasi perubahan warna semacam ini memakan banyak byte karena piksel antara frame sebelumnya dan berikutnya sebagian besar berbeda. Hal ini harus diimbangi dengan mengurangi jumlah frame, frame rate, atau ukuran animasi sebanyak mungkin. Selain itu, Anda juga dapat membuat topeng lapisan penyesuaian untuk mendapatkan efek penyesuaian warna hanya pada area tertentu, yang tidak akan diperlihatkan di sini.
Kadang-kadang mungkin perlu untuk menunjukkan beberapa perubahan dramatis. Yang disebut perubahan drastis adalah pergerakan piksel yang besar atau perubahan warna yang besar. Melalui contoh sebelumnya, kita menemukan bahwa efek penggunaan inversi sebagai transisi yang kurang baik. Mematikan efek transisi dapat menyebabkan perubahan warna yang drastis. Hal ini dapat dicapai dengan dua cara, pertama adalah dengan mengatur frame untuk mempertahankan interpolasi. Yang kedua adalah tidak meninggalkan celah di antara dua key frame, jadi tidak masalah ada transisi atau tidak.
Perlu dicatat bahwa metode kedua kurang dapat dimodifikasi nantinya. Jika Anda meningkatkan kecepatan bingkai dalam pengaturan dokumen, bingkai baru akan disisipkan di antara dua bingkai utama asli yang berjarak berdekatan, sehingga efek transisi akan terjadi. Oleh karena itu cara ini tidak disarankan. Sebaliknya, ambil pendekatan pertama.
Sekarang semua orang bisa membuat animasi ini sendiri. Paket file berisi gambar material dan PSD dari produk jadi. Mohon jangan membuka file PSD dulu dan coba analisis dan buat sendiri. Setelah selesai, lihat contoh file PSD.
Contoh animasi yang mendemonstrasikan teknik penggunaan lapisan penyesuaian Invert ini memiliki plot tertentu. Yang pertama adalah jatuhnya meteor berwarna hitam. Meteor tersebut berupa garis lurus atau vertikal yang digambar dengan kuas dengan langkah memudar, kemudian diputar hingga 45 derajat (sudutnya dapat disesuaikan), dan kemudian dibuat bagian langit kecuali bangunan. sebagai Masker. Setelah melepas tautan topeng, meteor dapat dipindahkan secara mandiri dan menciptakan efek oklusi pada bangunan. Pergantian fase balik berikutnya tidak mempunyai kesulitan teknis dan tidak akan dijelaskan lagi. Sedangkan untuk pembuatan mask, silakan merujuk ke konten relevan tentang layer mask di tutorial dasar.
Perlu dicatat bahwa fade out akhir menggunakan lapisan penyesuaian rona dan saturasi. Perbedaannya adalah fade out to black digunakan, bukan fade out to white sebelumnya. Saat menggunakan lapisan penyesuaian untuk membuat fadeout, sebaiknya jangan gunakan Curves atau Luminance Contrast, karena kedua perintah penyesuaian warna ini tidak mengubah gambar menjadi putih atau hitam sepenuhnya, seperti yang dilakukan perintah Hue Saturation.
Selain menggunakan lapisan penyesuaian, Anda juga dapat menggunakan lapisan isian , atau mengisi lapisan biasa untuk membuat fadeout. Prinsip fade out adalah proses meningkatkan opacity layer secara bertahap dari 0% menjadi 100%. Kelebihannya selain hitam putih juga bisa memudar menjadi warna lain seperti merah, biru, dll. Berikut ini adalah animasi yang diproduksi pada tahun 2000. Foto pribadi pada saat itu dipotong menjadi dua area berbeda, dan kemudian dibagi menjadi tiga segmen. Lapisan isian putih digunakan untuk membuat simulasi efek transisi eksposur. Karena digunakan sebagai avatar pribadi di forum klasik, ukuran dan jumlah byte animasi sangat dibatasi.
Bukanlah tugas yang mudah untuk menjaga jumlah byte sekecil mungkin sambil memastikan kelancaran animasi semaksimal mungkin. Hal ini mungkin memerlukan pengorbanan beberapa ide bagus sekalipun. Namun jika animasi yang dihasilkan tidak memenuhi persyaratan, atau transmisinya lambat, maka akan kehilangan nilai terpentingnya. Anda dapat menggunakan bahan lain untuk meniru animasi ini, dan ukuran file dibatasi sekitar 5K (contoh 3,65K). Dan cobalah menambahkan beberapa ide baru Anda sendiri berdasarkan premis ini. Sedangkan untuk efek benang monokrom dan sutra.
Pada layer isian, selain isian warna solid yang umum digunakan, terdapat juga isian pola dan isian gradien. Tidak akan ada petunjuk tambahan tentang cara menggunakannya.
Kita sudah lama mempelajari cara membuat objek bergerak, namun semua objek yang kita buat bergerak dengan kecepatan konstan. Sekarang kita dapat menyimulasikan efek percepatan dan perlambatan dengan mengubah posisi bingkai utama. Efek ini tidak terbatas pada pergerakan objek, tetapi juga dapat digunakan dalam efek transisi apa pun seperti fade in dan fade out. Dan metode ini juga berlaku untuk perangkat lunak pengeditan video lainnya, serta efek DHTML garis waktu dari perangkat lunak produksi halaman web GoLive.
Pertama, kita membuat gambar latar belakang putih 150x100 baru dan mengatur dokumen menjadi 1 detik dan 30fps. Buat layer normal baru, gambar persegi panjang, dan atur animasi untuk memindahkannya dari kiri ke kanan. Setting timelinenya kurang lebih seperti gambar di bawah ini. Kecepatan pergerakan saat ini konstan.
Selanjutnya, pindahkan patokan waktu ke 10f, klik tombol berlian pada item "Posisi", dan tambahkan bingkai utama secara manual pada saat ini. Bingkai utama ini saat ini berlebihan karena tidak mengubah proses animasi. Sekarang bayangkan jika awalnya Anda berencana tiba di suatu tempat dalam 10 menit, namun sekarang diharuskan tiba dalam 5 menit, maka Anda pasti perlu mempercepatnya. Setelah Anda memahami prinsip ini, Anda dapat memahami metode pembuatan animasi yang dipercepat. Yaitu memindahkan key frame pada waktu 10f ke waktu 05f. Dengan cara ini, benda akan bergerak cepat antara 0f dan 05f, dan kembali ke kecepatan semula setelah 05f.
Dengan analogi, pindahkan 15f ke 10f, 20f ke 15f, dan 25f ke 20f. Anda dapat membuat objek yang melambat. Kami di sini untuk mengilustrasikan efeknya, namun dalam produksi sebenarnya sebenarnya tidak perlu mengubah begitu banyak keyframe. Tergantung pada jarak pergerakan objek, biasanya mengganti 2 hingga 3 keyframe sudah cukup. Jarak pergerakan yang terlalu jauh tidak cocok untuk representasi GIF. Selain itu, jangan atur kecepatan bingkai setinggi 30fps.
Keburaman gerakan sebenarnya berkaitan dengan pergerakan objek. Terkadang ketika diperlukan penggunaan bingkai yang lebih sedikit untuk mengekspresikan pergerakan objek yang cepat, penggunaan keburaman gerakan dapat mengurangi kesan melompat-lompat pada gambar. Pada contoh demonstrasi animasi berikut, jumlah frame yang disediakan untuk pergerakan karakter adalah 4 frame. Sangat sempit untuk menyelesaikan pergerakan jarak jauh (yang disebut jarak jauh juga perlu mengacu pada ukuran objek) dalam kondisi seperti itu. jumlah frame yang terbatas. Untuk menutupi kekurangan ini, kami menduplikasi layer karakter dan memprosesnya dengan filter blur untuk menciptakan efek afterimage. Pindahkan gambar sisa dengan layer karakter dan sembunyikan di awal dan akhir gerakan. Grafik karakter ini dapat ditemukan di perpustakaan bentuk yang disertakan dengan Photoshop. Semua orang mencoba membuat sendiri efek buram gerakan. Kami menyediakan file sumber PSD untuk dibandingkan semua orang setelah selesai.
Perlu dicatat bahwa di sini kami masih mempertahankan gambar lengkap karakter dalam bingkai dengan gerakan kabur. Dalam pengoperasian sebenarnya, kami juga dapat mengurangi opasitas karakter, atau hanya mempertahankan gambar sisa saja, sehingga menghasilkan kesan gerakan yang lebih cepat. . Dalam mode mempertahankan hanya bayangan sisa, panjang bayangan sisa harus diperpanjang dengan tepat dan harus dekat dengan posisi objek di akhir gerakan. Anda dapat menonton contoh animasinya dengan cermat dan memperhatikan perbedaan posisi gambar setelahnya.
Motion blur banyak digunakan dalam bidang produksi film dan televisi, dan sebagian besar perangkat lunak produksi film dan televisi seperti After Effects memiliki fungsi khusus untuk ini. Di beberapa film dan klip televisi, jika Anda menjeda beberapa objek yang bergerak cepat, Anda dapat melihat bayangan serupa. Nama bahasa Inggris dari motion blur adalah Motion Blur. Dalam produksi animasi GIF, motion blur dapat meningkatkan jumlah warna dalam animasi, karena efek afterimage sendiri mengandung banyak warna transisi. Saat mengeluarkan, perhatikan keseimbangan antara jumlah warna dan kualitas animasi.
Selain menggunakan filter untuk membuat gambar sisa, Anda juga dapat menyalin banyak salinan lapisan dan mengubah warna atau opasitasnya secara berurutan untuk membentuk efek gambar sisa yang lebih teratur. Seperti yang ditunjukkan pada gambar kanan di bawah, Anda dapat menyalin lapisan karakter menjadi 3 salinan dan mengisinya dengan warnanya berubah ke berbagai tingkat abu-abu. Bayangan semacam ini juga dapat diekspresikan dengan baik dengan jumlah warna yang lebih sedikit. Bayangan yang dibentuk oleh filter dapat menghasilkan bintik warna dengan jumlah warna yang lebih sedikit.
Saat menggunakan lapisan teks, beberapa pembaca yang penuh perhatian mungkin telah menemukan proyek animasi " deformasi teks ". Seperti yang ditunjukkan pada gambar di bawah, Anda dapat mengatur gaya deformasi ke "Tidak Ada" atau gaya lain dalam animasi untuk menciptakan efek deformasi transisi. Proyek animasi ini sebenarnya sangat mudah digunakan, namun sayangnya hanya bisa sebatas teks. Akan lebih baik jika bisa efektif untuk semua grafik. Namun, terkadang kita dapat mensimulasikan beberapa bentuk objek sederhana melalui tanda baca atau karakter khusus dalam teks, sehingga memperoleh kemampuan untuk berubah bentuk. Misalnya, simbol "-" dapat diperluas menjadi persegi panjang.
