Melalui pelajaran sebelumnya, kita telah mempelajari cara membuat animasi menggunakan transisi keyframe dan menggunakan lapisan independen. Mereka dapat digunakan untuk membuat beberapa animasi objek tunggal sederhana, dan untuk waktu yang lama mereka adalah satu-satunya cara untuk membuat animasi di Photoshop. Hari ini kita akan mempelajari cara baru untuk menganimasikan menggunakan timeline . Metode timeline banyak digunakan di banyak software produksi film dan televisi, seperti Premiere, AfterEffects, dll, termasuk Flash yang juga menggunakan metode ini.
Ada banyak operasi dalam animasi transisi keyframe yang belum kami sebutkan. Hal ini karena tidak ada hubungannya dengan metode timeline, dan timeline akan menjadi metode utama kami dalam membuat animasi di masa mendatang, jadi kami akan melewatkannya.
Untuk menyatukan materi, silakan klik di sini untuk mengunduh file materi , unzip file PSD, dan buka di Photoshop. Ini adalah file tanpa pengaturan bingkai (Anda juga dapat menggunakan milik Anda sendiri). Seperti yang ditunjukkan di bawah ini. Karena penggunaan lapisan teks, opsi penggantian mungkin muncul karena font hilang setelah dibuka. Pilih saja untuk menggantinya dengan font default meskipun font default kurang cantik, efek pengajarannya tetap sama.
File PSD berisi 3 lapisan (tidak termasuk lapisan latar belakang), dua di antaranya adalah lapisan teks dan satu lagi adalah lapisan bentuk vektor. Jika Anda belum mengetahui apa itu layer bentuk vektor, berarti Anda belum menguasai dasar-dasarnya dengan baik.
Klik di sudut kanan bawah palet Animasi
tombol untuk beralih ke mode garis waktu, seperti yang ditunjukkan pada gambar di bawah. Pembaca yang cermat akan melihat bahwa nama palet telah berubah menjadi "Animasi (Garis Waktu)", sedangkan yang sebelumnya adalah "Animasi (Bingkai)". Tombol di pojok kanan bawah berubah menjadi
, mengklik akan beralih ke mode bingkai asli.
Perlu dicatat bahwa kedua metode ini tidak kompatibel satu sama lain, jadi jangan beralih selama proses produksi. Jika Anda berpindah secara tidak sengaja, Anda dapat menggunakan perintah undo [CTRL+ALT+Z] untuk memulihkannya.
Di timeline kita melihat nama layer mirip dengan yang ada di palet layer, dan posisi tinggi dan rendahnya juga sama dengan yang ada di palet layer. Mengklik tanda panah di sisi kiri layer akan memperluas semua item animasi pada layer, yaitu elemen yang dapat dianimasikan. Pada lapisan yang sifatnya berbeda, item animasinya juga berbeda. Yang disebut properti berbeda mengacu pada lapisan biasa, lapisan biasa dengan topeng, lapisan teks, lapisan penyesuaian, dll. Ini semua adalah lapisan dengan properti berbeda. Seperti yang ditunjukkan pada gambar kiri di bawah, proyek animasi setelah lapisan teks "Pergi dan Tetap" dan lapisan bentuk vektor "Bentuk 1" diperluas masing-masing. Kesamaan yang dimiliki semuanya adalah posisi, opasitas, dan gaya. Perbedaannya adalah lapisan teks memiliki satu item "deformasi teks" lagi, dan lapisan bentuk vektor memiliki dua item terkait topeng lagi.
Produksi animasi tidak boleh melebihi proyek animasi lapisan itu sendiri. Misalnya, "deformasi teks" tidak dapat dilakukan pada lapisan bentuk. Namun, beberapa item animasi dapat ditambahkan nanti. Misalnya, setelah menambahkan masker ke lapisan teks, maka akan ada item animasi bertopeng.
Ada sekumpulan angka 0:00:00:00 di sudut kiri atas palet, yang merupakan kode waktu saat ini, dari ujung kanan adalah milidetik, detik, menit, dan jam. Umumnya hanya beberapa detik yang digunakan. Ada juga 30.00fps setelah kode waktu, yang merupakan frame rate, yang menunjukkan berapa banyak frame per detik. Umumnya, nilainya adalah bilangan bulat, dan frame rate desimal hanya digunakan dalam pengeditan film dan televisi.
Klik di sudut kanan atas palet Animasi Klik tombol dan pilih "Pengaturan Dokumen", dan pengaturan garis waktu yang ditunjukkan di kanan bawah akan muncul. Di sini Anda dapat menentukan total durasi animasi dan kecepatan bingkai. Menurut pengaturan default, panjang totalnya adalah 10 detik dan 30 frame per detik, jadi jumlah total frame adalah 300 frame. Ini adalah nilai yang cukup besar untuk animasi web. Ini akan memakan banyak byte saat diproduksi tidak kondusif untuk transmisi Jaringan. Sekarang kita ubah durasinya menjadi 5 detik dan frame rate menjadi 5fps. Setelah dikonfirmasi, Anda akan melihat indikator kecepatan bingkai baru di palet animasi.
Seperti yang ditunjukkan pada gambar di bawah, jika Anda memperluas palet animasi secara horizontal, Anda akan melihat tanda waktu seperti 01:00 dan 02:00, dalam hitungan detik. Ujung paling kanan dari garis waktu adalah total durasi 5 detik yang baru saja ditetapkan. Tarik penggeser yang ditunjukkan oleh panah merah ke kanan untuk memperbesar detail garis waktu. Garis waktu yang diperbesar berada dalam area kotak merah. Anda dapat melihat ada tanda seperti 01f dan 02f di antara detik. Ini adalah framenya. Setting yang baru kita atur adalah 5fps, jadi ada 5 frame setiap dua detik. Meskipun kita hanya melihat maksimum 04f, kita harus tahu bahwa 05f sebenarnya tumpang tindih dengan 01:00. Oleh karena itu, dinyatakan sebagai 01:00f, yang berarti detik pertama dan frame.
Perhatikan bahwa ada garis tipis yang tidak terlalu mencolok di antara dua panah oranye. Ini adalah indikator buffer render. Perangkat lunak pengeditan film dan televisi lainnya juga memiliki indikator ini, namun perannya tidak terlalu penting dalam Photoshop .