Setelah mempelajari cara menggunakan metode timeline untuk menganimasikan, kita telah menyelesaikan bagian dasar produksi animasi. Perlu ditekankan lagi di sini bahwa berhati-hatilah untuk tidak berpindah ke mode frame dari mode timeline sesuka hati, karena akan menyebabkan definisi timeline menjadi tidak valid. Jika Anda melakukan kesalahan, Anda dapat menggunakan perintah undo untuk memulihkannya.
Pada pembelajaran sebelumnya, saat menggunakan transisi frame, terdapat 3 parameter (5 untuk masker), yaitu posisi, opacity, dan style. Kita sudah tahu bahwa posisi adalah koordinat lapisan. Misalnya, memindahkan teks akan mengubah posisi lapisan teks. Opacity memungkinkan Anda mengubah transparansi lapisan. Yang disebut gaya mengacu pada gaya lapisan. Dalam dasar-dasar Photoshop, kita telah mempelajari cara mendefinisikan gaya untuk lapisan. Ada banyak parameter dalam menentukan gaya yang secara langsung mempengaruhi efek akhir. Seperti tinggi bayangan, sudut, dll. Sebagian besar parameter ini dapat digunakan sebagai variabel animasi. Dapat membuat animasi yang sangat bagus.
Saat membuat karya statis, gaya lapisan yang paling sering digunakan adalah proyeksi, jadi mari kita mulai dengan proyeksi dan menganimasikannya untuk melihat efeknya.
Sebelum membuat animasi, anda harus mempunyai gambaran terlebih dahulu bagaimana cara melakukannya. Ide ini bisa disebut dengan script. Setting script kali ini adalah membuat lingkaran melayang. Untuk menampilkan objek yang mengambang di permukaan datar, Anda perlu menggunakan proyeksi untuk memandu penglihatan. Buat gambar kosong 100x100 baru dan buka pengaturan dokumen (klik palet animasi di sudut kanan atas
tombol) dan ubah durasi animasi menjadi 1 detik dan kecepatan bingkai menjadi 15. Seperti yang ditunjukkan di bawah ini. Animasi ini memiliki total 15 frame. Perlu diperhatikan bahwa karena nomor frame dimulai dari 1 dan waktu dimulai dari 0, maka waktu mulainya adalah 00:00, yang merupakan frame pertama, maka frame ke-15 harus ditempatkan pada waktu 00:14, bukan 00:15 . Masalah ini telah disebutkan sebelumnya dan akan diulangi di sini.
Buat layer baru, lalu gunakan mode piksel isi Alat Ellipse (bukan vektor) untuk menggambar lingkaran dengan warna khusus, lalu atur gaya drop shadow di atasnya. Seperti yang ditunjukkan masing-masing pada gambar berikut.
Pengaturan di atas semuanya diatur pada 00:00 secara default. Sekarang tekan tombol stopwatch di sebelah kiri "Gaya" di timeline.
, aktifkan pengaturan animasi ini. Pindahkan patokan waktu ke 00:14 (yaitu frame terakhir), buka kembali kotak pengaturan gaya, dan ubah "jarak" pada parameter proyeksi menjadi 20 piksel.
Sepertinya ada yang tidak beres. Hal ini dikarenakan meskipun bayangan bergerak, namun benda tidak bergerak sehingga efek mengambang tidak dapat diungkapkan. Oleh karena itu, saat membuat animasi seperti itu di masa mendatang, setiap orang harus memperhatikan fakta bahwa objek dan bayangan harus bergerak berlawanan arah pada waktu yang bersamaan.
Sekarang kembali ke awal dan buka item "Posisi" di timeline. Kemudian pada waktu 00:14 (item gaya yang dapat diklik
tombol untuk menemukan momen) dan gerakkan lingkaran sedikit ke kiri atas (Anda dapat menggunakan tombol arah pada keyboard). Proyeksi kita adalah 75 derajat, jadi kita perlu memperhatikan untuk bergerak lebih ke atas dan lebih sedikit ke kiri, sekitar 2 :1. Jarak pergerakan tidak harus 20 piksel. Sekitar 15 piksel sudah cukup untuk mencapai efek yang diinginkan. Efek yang dimodifikasi adalah sebagai berikut.
Skrip ini secara umum telah selesai, dan kami dapat mengerjakan detailnya sedikit lebih baik. Ubah pengaturan proyeksi frame terakhir, ubah "Opacity" proyeksi menjadi 45%, dan "Ukuran" menjadi 15 piksel. Hal ini membuat bayangan menjadi buram dan memudar. Lebih sesuai dengan keadaan sebenarnya.
Saat kami memperkenalkan setting plot sebelumnya, kami tidak menganjurkan "pergi tanpa kembali" seperti ini, tetapi harus membuatnya membentuk gerakan melingkar bolak-balik, jadi kami akan memodifikasinya selanjutnya.
Pertama, ubah durasi menjadi 2 detik di pengaturan dokumen dan pertahankan kecepatan frame tidak berubah pada 15, sehingga menghasilkan total 30 frame animasi. Kemudian pada saat terakhir, keyframe untuk gaya dan posisi topeng vektor dibuat. Kedua keyframe ini mempertahankan status di akhir animasi asli.
Kemudian klik kanan pada keyframe di awal kedua proyek dan pilih "Copy Keyframe", lalu klik kanan pada keyframe di saat terakhir dan pilih "Paste Keyframe". Dengan cara ini, keadaan waktu akhir konsisten dengan waktu mulai. Efeknya ditunjukkan pada gambar di bawah ini.
Sekarang kita merasa lingkaran ini terlalu monoton, seperti kue daripada bola, jadi kita bisa menambahkan efek highlight ke dalamnya melalui gaya lapisan. Ini bisa dilakukan dengan menggunakan overlay gradien. Kembali ke titik awal dan atur gaya overlay gradien seperti yang ditunjukkan di kiri bawah. Perhatikan bahwa sorotan default akan ditempatkan di tengah lingkaran. Saat mengatur, seret ke kiri atas di jendela gambar (keyboard tidak dapat digunakan seperti yang ditunjukkan pada gambar kanan bawah).
Saat ini pernahkah anda memikirkan sebuah pertanyaan, yaitu kita telah mengaktifkan animasi item gaya sebelumnya, dan sekarang kita telah menambahkan item gaya baru, lalu bagaimana perilaku item gaya baru ini dalam animasi? Kami hanya mengatur item gaya ini di awal, bagaimana dengan waktu lain? Mainkan animasinya dan Anda akan melihat bahwa seiring berjalannya animasi, efek hamparan gradien secara bertahap menghilang. Ini karena item gaya tidak disertakan dalam bingkai utama berikutnya (seperti yang Anda lihat dari palet lapisan pada 00:14), yang setara dengan membuat hamparan gradien memudar.
Sekarang agar overlay gradien selalu efektif, Anda perlu menambahkan item gaya ini di semua bingkai utama. Namun gaya ini melibatkan menyeret mouse dan tidak dapat direproduksi begitu saja melalui parameter seperti proyeksi. Oleh karena itu, jika Anda ingin membuat pengaturan yang sama setiap saat, ini sama dengan memastikan bahwa tindakan menyeret mouse juga sama, dan ini tidak realistis. Photoshop memperlakukan semua item gaya secara keseluruhan dan tidak menyediakan fungsi penyalinan untuk satu item gaya. Oleh karena itu, tidak mungkin menambahkan hamparan gradien sambil mempertahankan gaya proyeksi animasi aslinya.
Metode yang lebih layak saat ini adalah menghapus keyframe ke-2 dan ke-3 dari item gaya. Biarkan ia menganimasikan ulang proyek proyeksi berdasarkan penyertaan hamparan gradien. Posisi lapisan tidak ada hubungannya dengan operasi ini dan tidak perlu diubah. Efek yang telah selesai ditunjukkan pada gambar di bawah ini.
Perlu diperhatikan bahwa saat menggunakan overlay gradien, kilap, dan gaya lain yang mengharuskan mouse menyeret gambar untuk menghasilkan efek pada lapisan topeng vektor, sebaiknya jangan mengatur pergerakan lapisan secara bersamaan. Jika tidak, gaya ini mungkin tidak mengikuti pergerakan saat mengekspor ke file. Hal ini mungkin disebabkan oleh kerentanan program di Photoshop.
Untuk mengatasi masalah tidak dapat menambahkan item gaya baru di tengah jalan, metode sederhana dapat digunakan untuk mengatasi masalah tersebut, yaitu, saat Anda pertama kali membuat gaya lapisan, aktifkan semua item gaya dan simpan beberapa yang tidak digunakan untuk sementara. Opasitas item gaya disetel ke 0%, yang tidak akan memengaruhi efek dan memudahkan untuk mengaktifkannya kembali di masa mendatang. Namun Anda tetap tidak dapat menghindari kesulitan mengatur ulang setiap bingkai kunci. Oleh karena itu, hal ini harus dipertimbangkan sepenuhnya pada tahap naskah.
Saat ini, keadaan overlay gradien dalam tiga frame adalah sama. Kita dapat memodifikasi gaya pada keyframe kedua dan menggunakan mouse untuk memindahkan titik highlight yang dibentuk oleh gradien sedikit ke kiri atas untuk meniru perubahan posisi pencahayaan yang disebabkan oleh pergerakan bola. Efeknya seperti yang ditunjukkan di bawah ini. Kenyataannya, bayangan berubah secara berbeda dari ini. Seharusnya berubah menjadi elips sepanjang arah cahaya. Dan ketika sebuah bola berhenti di sebuah bidang, tinggi bayangannya tidak boleh terlalu rendah, sebaiknya sekitar 5 hingga 8 piksel. Masalah-masalah ini berada di luar cakupan pelajaran ini.
Sebagian besar gaya lapisan dapat dianimasikan, dan bayangan jatuh serta bayangan bagian dalam digunakan dengan cara yang sama untuk mengekspresikan objek tiga dimensi, seperti contoh yang kita lakukan di atas. Efek cahaya luar dan cahaya dalam serupa, keduanya digunakan untuk menciptakan efek cahaya pada objek. "Arah" dan "Sudut" di Bevel dan Emboss tidak dapat dianimasikan. Gloss dapat membuat animasi yang lebih tidak nyata. Hamparan warna dapat menciptakan transisi antara dua warna. Hamparan gradien adalah item gaya yang dapat menghasilkan berbagai efek selain sudut, penskalaan, dan posisi pergerakan mouse, juga memerlukan pengetahuan dasar pengaturan gradien. Anda dapat menonton pengenalan bagian terkait di tutorial dasar.
Dalam mode guratan pola dalam opsi pola dan guratan, mode penskalaan dan pencampuran pola dapat membentuk efek animasi yang baik. Anda dapat mempelajari sendiri konten spesifiknya.
Tugas kali ini adalah membuat animasi simulasi radar seperti pada gambar di bawah ini. Mohon diperhatikan detail animasinya.