Sekarang mari kita jelaskan pekerjaan rumah kelas sebelumnya. Dibandingkan dengan pekerjaan rumah "Zaman Batu" sebelumnya, tingkat kesulitannya meningkat secara signifikan. Salah satunya adalah peningkatan elemen animasi yang tidak lagi terdiri dari beberapa objek sederhana. Selain itu, diperlukan gambaran yang jelas sebelum membuat dan merencanakan langkah-langkahnya terlebih dahulu.
Buat gambar baru, sekitar 100×100, gunakan mode layer bentuk Ellipse Shape Tool untuk menggambar lingkaran vektor sempurna, dan isi dengan warna hijau (nilainya 19631c, yang dapat diisi di area # di bawah pemilih warna . Ini sebenarnya menggunakan sistem heksadesimal untuk mewakili desimal 0~255, tidak perlu menjelaskan secara detail) atau warna lain. Kemudian salin layer (CTRL+J, layer yang disalin harus berada di atas layer asli), gunakan fungsi transformasi bebas pada layer yang disalin, dan kecilkan dengan mengacu pada titik tengah (ALT+SHIFT). Kemudian tentukan gaya guratannya (ukuran 1 piksel, putih) dan atur opacity isian menjadi 0% untuk mendapatkan garis lingkaran. Turunkan opacity lapisan ini (sekitar 15%) secara tepat untuk mendapatkan efek visual yang lebih baik. Gandakan lagi layer lingkaran garis ini dan kecilkan lagi seperti sebelumnya untuk mendapatkan dua lingkaran garis konsentris. Anda juga dapat membuat lebih banyak lingkaran konsentris secara berurutan. Gambar sekarang akan terlihat mirip dengan gambar kiri bawah.
Kemudian buat layer normal baru dan gunakan mode Fill Pixels pada Line Tool (ketebalan 1 piksel, matikan anti-aliasing) untuk menggambar tanda silang horizontal dan vertikal di tengah lingkaran. Saat menggambar, Anda dapat memperbesar gambar untuk memudahkan penyelarasan. Anda juga dapat menggunakan fungsi penyelarasan multi-lapisan untuk menyesuaikan setelah menggambar. Pada titik ini, gambar terlihat mirip dengan gambar tengah di bawah, dan palet layer terlihat seperti gambar kanan di bawah.
Dalam proses persiapan elemen animasi awal ini, pertama-tama kami menggunakan vektor untuk menggambar lingkaran karena perlu diperkecil, dan metode vektor dapat menjamin kualitas. Persilangan terakhir secara teoritis dapat digambar menggunakan metode vektor, tetapi karena garis vektor digambar dalam satuan sekecil 1 piksel, tepinya mungkin kabur karena fungsi anti-aliasingnya sendiri, dan hasilnya akan terlihat seperti ketebalan. 2 piksel. Anda bisa mencobanya sendiri. Kecuali untuk unit yang sangat kecil, gambar vektor harus digunakan semaksimal mungkin.
Realisasi efek pemindaian radar adalah kesulitan pertama. Ini sebenarnya adalah gaya overlay gradien. Kuncinya adalah memilih metode gradien sudut dan pengaturan gradien yang sesuai, seperti yang ditunjukkan pada gambar kiri dan tengah di bawah. Kode warna gradiennya adalah 96de8a. Perhentian gradien juga bisa berwarna putih dan menyatu dengan gambar dengan mengubah mode campuran atau menurunkan opacity. Gambar sekarang akan terlihat seperti gambar di sebelah kanan bawah. Jika Anda tidak memahami konten di sini, harap tinjau bab terkait dari tutorial dasar.
Sekarang kita membuat garis pindaian bergerak dengan mengubah nilai sudut pada pengaturan overlay gradien. Kesulitan kedua yang akan Anda temui di sini adalah cara mengatur parameter animasi. Garis pemindaian harus dimulai pada 90 derajat dan akan kembali ke 90 derajat setelah diputar 360 derajat. Namun jika keduanya diset ke 90 pada keyframe maka tidak akan ada efek animasi, jadi kita setting dulu dengan posisi diputar 180 derajat. Perlu diperhatikan bahwa jika sudut putar absolut kurang dari 180 (181 derajat setara dengan 1 derajat), sudut putar minimum akan digunakan sebagai arah putaran.
Ubah pengaturan dokumen animasi ke durasi 01:00 dan kecepatan bingkai 15fps. Aktifkan rekaman animasi gaya lapisan lingkaran di awal. Kemudian pindahkan patokan waktu ke akhir animasi dan atur sudutnya menjadi -90 derajat. Palet animasi ditampilkan di sebelah kiri bawah.
Tonton contoh animasi
Sekarang kita perpanjang durasi animasi menjadi 02:00, pindahkan penanda waktu ke momen akhir yang baru dan buat bingkai utama, lalu salin bingkai 1 gaya ke momen itu. Saat ini, palet animasi seperti yang ditunjukkan di kiri bawah. Sepertinya pengaturan satu putaran telah selesai, tetapi jika dipikir-pikir dengan hati-hati, status pada 00:00 dan 02:00 sekarang sama, jadi ketika animasi diulang, dua bingkai identik akan membentuk satu. Efek jeda tidak sulit ditemukan jika Anda memperhatikan dengan cermat saat memutar animasinya.
Tonton contoh animasi
Masalah ini pernah kita jumpai sebelumnya pada animasi berbasis frame. Caranya saat itu adalah dengan menghapus frame terakhir. Namun pada mode timeline, sebuah frame tidak dapat dihapus satu per satu, hanya dengan mengubah durasinya saja. Kami mengubah durasinya menjadi 01:14. Palet animasi ditunjukkan di bawah ini.
Perhatikan bahwa frame yang awalnya disetel sekarang berada di luar area waktu, namun masih berfungsi, mengontrol perubahan parameter animasi. Hal ini berlaku bahkan jika Anda mengubah durasinya menjadi lebih pendek, sehingga palet animasi tidak lagi terlihat. Oleh karena itu, keyframe yang ditentukan dalam mode timeline tidak akan hilang karena durasinya menjadi lebih pendek. Mereka akan muncul lagi di masa depan selama durasinya ditambah. Ini adalah fitur yang sangat penting.
Di sini sekali lagi saya ingin menekankan ekspresi waktu animasi 01:14 itu sendiri mencakup detik dan frame, yang berarti frame ke-14 setelah 1 detik. Menurut pengaturan kami pada 15fps, jumlah frame absolut ini harusnya 15+14=29 frame. Representasi waktu dari frame berikutnya harus 02:00, bukan 01:15. Seperti halnya waktu dalam kehidupan sehari-hari yang berbasis 60, maka tidak mungkin dinyatakan sebagai 3:60, tetapi harus dinyatakan sebagai jam 4. Demikian pula, 15fps mewakili sistem heksadesimal, yang membagi satu detik menjadi 15 unit, dan dibulatkan ke detik setelah 14 unit.
Tonton contoh animasi
Sekarang kita harus membuat simulasi objek yang dipindai oleh radar. Ini seharusnya dilakukan di awal, tapi untuk mencerminkan kemungkinan penambahan elemen nanti selama proses produksi, kami melakukannya sekarang.
Buat layer baru dan gunakan alat pensil dengan diameter 1 untuk membuat beberapa klik di atasnya dengan warna putih (jaraknya tidak boleh terlalu besar). Seperti yang ditunjukkan di bawah ini di sebelah kiri. Kemudian pindahkan penanda waktu. Ketika garis pindaian menyentuh titik-titik ini (pada contoh 00:10), klik tombol stopwatch opasitas untuk membuat bingkai kunci, lalu pindahkan penanda waktu hingga garis pindaian hampir kembali ke asal ( contoh) Terletak di 01:10) Buat yang lain dan atur opacity layer menjadi 0%, sehingga menciptakan animasi titik-titik yang secara bertahap memudar.
Tonton contoh animasi
Dari animasi di atas, Anda dapat melihat bahwa titik-titik kecil memiliki efek memudar setelah garis pemindaian lewat. Namun, masalahnya adalah titik-titik kecil tersebut seharusnya tidak terlihat ketika garis pemindaian belum mencapainya garis pemindaian mencapainya, dan kemudian perlahan menghilang. Kemudian kita harus mengatur keyframes di awal dan mengatur opacity layer menjadi 0%. Namun ada permasalahan lain yaitu munculnya titik-titik kecil menjadi efek fade-in, yaitu titik-titik kecil tersebut muncul secara bertahap sebelum garis pindaian mencapainya.
Tonton contoh animasi
Cara mengatasi masalah ini merupakan kesulitan ketiga. Ada dua cara untuk mengatasinya. Salah satu cara yang bisa Anda pikirkan sendiri adalah dengan memindahkan key frame di awal ke frame sebelum titik kecil muncul sepenuhnya, seperti terlihat pada gambar kiri di bawah. Selain itu, metode lain yang lebih "formal", yang belum pernah kita bicarakan sebelumnya, yaitu mengubah hubungan transisi antar frame.
Sekarang terdapat hubungan transisi antara ketiga frame opacity, yaitu transisi frame 12 dan transisi frame 23. Jika kita dapat mencegah transisi antar frame 12, kita dapat mencapai tujuan kita. Klik kanan pada frame 1 di palet animasi dan pilih "Pertahankan Interpolasi". Perhatikan bahwa ikon bingkai berubah
menjadi
, seperti yang ditunjukkan oleh panah merah pada gambar kanan di bawah. Artinya tidak akan terjadi transisi antara satu frame ke frame berikutnya. Pendekatannya berubah dari “hitam menjadi putih” menjadi “hitam atau putih”. Pada titik ini, seluruh produksi animasi telah selesai.
Tentu saja, Anda dapat mengubahnya ke metode default "interpolasi linier" nanti, dan efek transisi akan muncul kembali. Anda dapat mencoba mengubah sendiri metode interpolasi frame lain. Kata "interpolasi" di sini adalah terjemahan kaku dari bahasa Inggris. Meskipun beberapa kata tidak menyampaikan maknanya, ingatlah efeknya.
Setelah diperkenalkannya gaya lapisan, kemampuan kita untuk mengekspresikan efek animasi telah meningkat pesat. Setiap orang harus lebih banyak berlatih sendiri di luar kursus, dan tidak hanya membatasi diri pada apa yang diperkenalkan di sini. Ketahuilah bahwa contoh kami terbatas dan kreativitas Anda tidak terbatas. Untuk animasi yang telah selesai ini, Anda dapat mencoba membuat garis silang atau lingkaran konsentris berkedip. Terus terang, ini adalah pergantian fade-in dan fade-out, tapi ini bukan keadaan ekstrim seperti 0% atau 100%.
Pekerjaan rumah hari ini adalah menyelesaikan animasi berikut. Selain lapisan latar belakang, hanya satu lapisan teks yang diperbolehkan.
