Sekarang kami secara resmi telah mulai menggunakan timeline untuk membuat animasi. Ini sangat berbeda dengan animasi berbasis bingkai kami sebelumnya, namun sebagai perbandingan, metode timeline lebih intuitif dan sederhana, dan juga akan menjadi metode produksi utama kami di masa depan. .
Mengikuti isi pelajaran sebelumnya, mulailah menyiapkan animasi “datang dan pergi dengan tenang”. Perluas proyek animasi lapisan teks ini di palet Timeline, seperti yang ditunjukkan pada gambar di bawah. Pastikan waktu saat ini adalah 0:00:00:00, dan perhatikan bahwa tanda waktu pada panah merah harus berada di paling kiri, yang berarti waktu mulai.
Kemudian gunakan alat pindah untuk memindahkan "Datang dan Pergi Secara Diam-diam" ke ujung kanan layar. Kemudian klik tombol stopwatch di panah oranye
, yang berarti proyek animasi "Posisi" dimulai, dan posisi lapisan teks saat ini (ujung paling kanan layar) dicatat pada saat awal. Berlian kuning yang muncul di area timeline merupakan tanda bahwa record tersebut terdapat di sana, disebut juga key frame, yaitu key frame dari timeline. Berbeda dengan animasi frame transisi yang kita pelajari sebelumnya.
Tarik penanda waktu ke paling kanan dan gunakan alat pindahkan untuk memindahkan teks ke paling kiri layar. Saat ini, Anda akan melihat bingkai utama yang dibuat secara otomatis pada penanda di garis waktu. Seperti terlihat pada gambar di bawah ini, dan perhatikan ada tombol "Hapus/Tambah" berbentuk berlian di panah merah
, jika tombol ini ditekan saat ini, bingkai utama yang ditetapkan pada tanda waktu akan dihapus. Jika tidak ada keyframe pada benchmark, klik untuk membuat frame baru.
Perlu diperhatikan disini patokan waktu kita hanya bisa ditarik ke kanan paling lama 04:04, bukan 05:00. Hal ini dikarenakan pukul 05.00 adalah momen dimana animasi akhirnya berakhir, yaitu momen “akhir frame terakhir”, namun yang perlu kita atur sekarang adalah keadaan “awal frame terakhir”, dan frame terakhir itu sendiri akan bertahan untuk sementara waktu. Jadi patokannya bukan pada pukul 05.00. Ingatlah bahwa bingkai adalah satuan terkecil.
Melalui pengaturan di atas, kita telah menyelesaikan pengaturan pergerakan posisi teks "Diam-diam Datang dan Pergi". Selanjutnya, atur perubahan transparansinya. Mari kita buat yang sederhana dulu, yaitu memudar dari awal, muncul sepenuhnya di tengah jalan, lalu memudar hingga akhir. Ini memerlukan 3 bingkai utama untuk disetel. Setel ke 0% di awal, 100% di paruh waktu, dan setel ke 0% di akhir. Kurang lebih seperti gambar dibawah ini. Perhatikan bahwa perubahan transparansi tidak dapat dicapai dengan menyembunyikan lapisan dalam mode garis waktu.
Setelah kita menyetel keyframe 1 ke 0% pada langkah pertama, jika kita menarik penanda waktu ke belakang, kita akan menemukan bahwa transparansi selalu 0%. Setelah mengatur keyframe 2 pada langkah kedua, Anda akan menemukan ada efek transisi antara 12, namun setelah keyframe 2 hingga akhir, teks selalu ditampilkan. Ini memunculkan properti garis waktu yang sangat penting: pengaturan bingkai utama pada saat tertentu akan memengaruhi semua waktu setelah momen tersebut. Oleh karena itu, pengaturan bingkai kunci 1 menyebabkan lapisan teks menjadi 0% untuk semua periode berikutnya (antara 12 dan 23). Ketika bingkai kunci 2 diatur, transisi terbentuk antara 12 dan 23, dan seluruh proses antara 23 dan 23 menjadi 100%. Sampai bingkai kunci 3 disetel, transisi terbentuk antara 23.
Dalam hal pengaturan urutan, tidak perlu sepenuhnya mengikuti urutan di atas. "Datang dan pergi dengan tenang" awalnya 100%, jadi kita dapat membuat bingkai utama separuh waktu tanpa menyetel opacity, karena saat ini harus disetel ke 100%. Kemudian buat keyframe pada momen awal dan akhir dan sesuaikan menjadi 0%.
Batalkan pengaturan sebelumnya dan ikuti urutan baru yaitu mengubah urutan dari 1, 2, 3 menjadi 2, 1, 3. Karena opasitas momen awal dan akhir (1 dan 2) sama, kita dapat melakukannya dengan menyalin-menempelkan bingkai utama. Pertama buat dua bingkai utama ini. Setelah mengatur waktu mulai, tandai bingkai utama di timeline.
Klik kanan padanya dan pilih "Copy Keyframe", lalu klik kanan pada tanda momen akhir dan pilih "Paste Keyframe", sehingga menyalin pengaturan dari yang pertama ke yang terakhir. Urutannya juga bisa dibalik. Metode ini berfungsi di semua keyframe yang ada.
Ingat kembali fade-in dan fade-out yang disebutkan sebelumnya saat mempelajari produksi animasi frame transisi. Anda akan mengetahui bahwa efek pengaturan 3-frame saat ini tidak ideal teks untuk bergerak selama gerakan. Tetap terwujud sepenuhnya hampir sepanjang waktu. Sekarang kita akan memodifikasinya berdasarkan 3 frame sebelumnya.
Anda mungkin ingin menambahkan dua bingkai lagi sebelum dan sesudah bingkai asli 2, seperti yang ditunjukkan di bagian atas gambar di bawah. Sebenarnya, pindahkan saja 2 frame asli seperti gambar di bawah ini, lalu tambahkan frame baru. Pengaturannya dapat disalin dari frame asli 2. Dengan cara ini kita telah menyelesaikan modifikasi fade in dan fade out.
Dari operasi di atas, kita dapat merangkum fitur dasar animasi timeline, yaitu memisahkan setiap proyek animasi secara independen, dan modifikasi pada salah satu proyek tidak akan memengaruhi proyek lainnya. Misalnya, ketika kita mengubah "Transparansi", kita tidak perlu mempertimbangkan "posisi" yang ditetapkan sebelumnya. Selain itu, pengaturan keyframe setiap proyek boleh berbeda, sehingga tidak perlu khawatir untuk menyatukan jumlah keyframe.
Ada masalah yang perlu diperhatikan tentang penambahan keyframe, yaitu perbedaan antara penambahan otomatis dan penambahan manual. Saat mengklik tombol stopwatch suatu item Kemudian, proyek akan menetapkan kerangka utama pada tolok ukur waktu dan secara otomatis melacak perubahan dalam proyek dalam rentang waktu lainnya. Artinya jika Anda memindahkan penanda waktu ke lokasi baru dan membuat perubahan pada item tersebut di lapisan, bingkai baru secara otomatis akan dibuat pada penanda saat ini. Jika Anda belum melakukan perubahan apa pun dan ingin membuat bingkai utama, Anda perlu mengklik secara manual tombol (perhatikan bahwa mengklik bingkai yang ada akan menghapus bingkai tersebut). Klik pada bingkai sebelumnya
dan bingkai berikutnya tombol untuk berpindah antar bingkai utama. Anda juga bisa langsung klik kanan pada keyframe dan pilih hapus frame.
Secara umum, kita mengklik tombol stopwatch di awal animasi Tetapkan keyframe pertama, lalu pindahkan penanda ke momen yang tepat, buat perubahan yang sesuai pada layer, dan dapatkan keyframe otomatis baru. Selesaikan seluruh proses pengaturan berulang kali. Secara relatif, tidak banyak peluang untuk membuat bingkai secara manual, karena semuanya untuk pengaturan, dan efeknya tidak jauh berbeda dengan bingkai yang ditambahkan secara otomatis. Dalam pelajaran selanjutnya, penambahan frame secara manual akan digunakan saat membuat efek akselerasi dan deselerasi.
Selain satu proyek, beberapa proyek animasi juga dapat diatur secara bersamaan, dan akan dilacak secara otomatis. Sekarang kita pindahkan patokan waktu ke momen awal, seperti yang ditunjukkan pada gambar di bawah, mulai proyek animasi terkait "Go and Stay" dan "Shape 1", lalu tarik patokan waktu ke momen yang berbeda, ubah posisi dan opacity sesuai . Tanda bingkai akan ditinggalkan dimanapun ada perubahan.
Perlu dicatat bahwa karena "Bentuk 1" adalah lapisan topeng vektor, untuk mencatat pergerakan posisinya Anda harus menggunakan item "Posisi Topeng Vektor" dan bukan "Posisi".
Hal lain yang perlu disebutkan adalah indikator buffer render yang disebutkan dalam pelajaran sebelumnya Anda mungkin telah menemukan bahwa saat memutar dan menarik patokan waktu, indikator buffer render di area yang sesuai akan terisi, yang berarti Photoshop memiliki konten spesifik dari tersebut. animasi disimpan dalam cache sistem, yang dapat meningkatkan kecepatan saat diputar ulang. Namun jika ada perubahan pada animasi, buffer render akan dihapus. Animasi yang kita buat sekarang relatif sederhana, jadi buffering atau tidak sama saja. Namun jika nanti Anda membuat beberapa animasi yang lebih kompleks, terutama jika ada beberapa gambar yang dicampur satu sama lain dalam animasi, perbedaan bufferingnya akan menjadi. tercermin.
Dalam pelajaran ini, kita mempelajari cara utama membuat animasi menggunakan metode timeline. Dibandingkan dengan metode transisi bingkai yang kita pelajari sebelumnya, metode timeline tidak hanya lebih cepat untuk dibuat, tetapi juga sangat mudah untuk dimodifikasi. Mulai sekarang kami akan membuat sebagian besar animasi dengan cara ini. Sejauh ini kami telah menjelaskan pengetahuan dasar produksi animasi. Kursus berikut akan menjelaskan beberapa teknik lanjutan dan cara membuat animasi yang sesuai untuk berbagai media seperti halaman web dan ponsel.
Pada bagian selanjutnya kami memperkenalkan cara menggunakan gaya lapisan untuk membuat animasi .