Cara Mengedit Pelancaran Skala Tanpa Mengubah Perkadaran Karakter

Skala mengawal saiz pada setiap paksi. Apabila skala mendatar dan menegak menggunakan pengganda yang sama, nisbah aspek karakter kekal. Apabila pengganda itu berbeza, bentuknya berubah. Dokumentasi teknikal MDN menerangkan perbezaan ini sebagai penskalaan seragam berbanding tidak seragam. MDN: fungsi CSS scale()

Pelancaran mengawal cara nilai animasi berubah antara bingkai utama. Katakan kedua-dua paksi bermula pada 80% dan berakhir pada 100%. Jika skala mendatar mencapai 96% sedangkan skala menegak masih pada 88%, karakter itu akan kelihatan lebih lebar berbanding tingginya buat sementara waktu. Titik akhirnya mungkin kelihatan betul, tetapi peralihan itu tetap meregangkan karakter dengan jelas.

Bagi karakter yang pada asalnya tidak terherot, nilai skala X dan Y yang sama sepanjang peralihan akan mengekalkan perkadarannya. Secara lebih umum, kekalkan nisbah asas yang telah diluluskan: jika aset yang disediakan sengaja bermula dengan nilai skala yang tidak sama, darabkan kedua-duanya dengan faktor perubahan yang sama. Jangan gantikan asas itu secara automatik dengan nombor yang sama.

Simpan salinan kerja dan kenal pasti transformasi yang mengawal seluruh karakter. Untuk panduan ini, mulakan dengan satu lapisan karakter 2D yang rupanya sudah betul pada saiz rujukan. Jika karya seni itu mempunyai bahagian berasingan, tetapkan dahulu satu transformasi bersama untuk perubahan saiz keseluruhan; jika tidak, mengedit badan sahaja boleh mengubah saiznya berbanding muka atau aksesori.

Dalam After Effects, pilih lapisan karakter dan tekan S untuk memaparkan Scale. Aktifkan Constrain Proportions, ikon di sebelah nilai skala, apabila memasukkan perubahan saiz berkadar. Adobe mendokumentasikan kawalan ini khusus untuk pengeditan skala terpaut. Adobe: Laraskan sifat lapisan dalam After Effects

Catat nilai mula dan akhir yang diluluskan serta masa bingkai utama sebelum membuat sebarang perubahan. Periksa juga bingkai utama perantaraan yang sedia ada. Anggap kawalan pautan sebagai bantuan pengeditan, dan sahkan nilai sebenar sepanjang animasi dan bukannya menganggap bahawa mengaktifkannya telah membaiki pengeditan terdahulu.

Pilih titik asal pembesaran sebelum memperhalus pemasaan. Dalam After Effects, skala berpusat pada titik sauh lapisan. Titik sauh di tengah sesuai untuk pembesaran dari bahagian tengah; titik sauh di tengah bawah boleh sesuai bagi karakter yang perlu kekal berpijak secara visual semasa membesar. Adobe: Titik sauh lapisan

Gunakan Value Graph untuk memeriksa saiz dan Speed Graph untuk membentuk kelajuan perubahan saiz. Adobe mentakrifkan graf nilai sebagai nilai sifat mengikut masa dan graf kelajuan sebagai kadar perubahannya. Pilih graf secara khusus daripada pilihan Graph Editor dan bukannya bergantung pada paparan lalainya. Adobe: Asas animasi dalam After Effects

Dalam Value Graph, periksa semua komponen skala yang berkaitan secara serentak. Jika nilai asasnya sama, lengkungnya sepatutnya bertindih sepanjang animasi skala seragam. Jarak antara lengkung ialah petunjuk berguna untuk memeriksa bingkai yang sepadan. Jika nilai asas yang diluluskan tidak sama, bandingkan perubahan berkadar dan bukannya mengharapkan lengkung bertindih.

Gunakan Speed Graph apabila anda mahu mengubah pecutan atau gerakan mendap sambil mengekalkan saiz bingkai utama yang sama. Kembali ke Value Graph selepas setiap pelarasan yang ketara. Dengan cara ini, anda boleh membuat dua pemeriksaan berasingan: sama ada pemasaan terasa betul dan sama ada hubungan saiz kekal betul.

Gunakan contoh terkawal ini: karakter 2D dengan perkadaran yang betul membesar daripada 80%, 80% kepada 100%, 100% dalam tempoh 12 bingkai. Ini ialah tetapan ilustrasi, bukannya tempoh atau julat saiz yang wajib digunakan.

1. Pilih lapisan karakter, paparkan Scale dan aktifkan Constrain Proportions.
2. Tetapkan bingkai utama Scale pertama kepada 80%, 80% dan bingkai kedua, 12 bingkai kemudian, kepada 100%, 100%.
3. Pilih kedua-dua bingkai utama Scale dan gunakan Animation > Keyframe Assistant > Easy Ease.
4. Buka Graph Editor dan pilih Edit Speed Graph.
5. Pilih kekunci skala serentak. Laraskan komponen yang berkaitan secara konsisten dengan membuat perubahan kecil pada pemegang.
6. Tukar kepada Edit Value Graph dan periksa nilai paksi antara kekunci.

Easy Ease memberikan peralihan permulaan dengan kelajuan sifar pada kekunci yang dipilih. Untuk perubahan yang lebih tepat, gunakan Animation > Keyframe Velocity untuk mengedit kelajuan masuk atau keluar dan pengaruhnya. Adobe menerangkan bahawa menggerakkan pemegang kelajuan secara mendatar mengubah pengaruhnya terhadap kekunci bersebelahan. Adobe: Gunakan dan kawal perubahan kelajuan dalam After Effects

Untuk contoh ini, cuba pembesaran pantas yang diikuti tempoh mendap yang lebih lama. Laraskan pengaruh masuk pada kekunci akhir, pratonton, kemudian bandingkan dengan yang asal. Kekalkan saiz titik akhir dan tempoh 12 bingkai sepanjang langkah ini supaya anda dapat menilai perubahan pelancaran itu sahaja.

Jika karakter meregang selepas pelarasan, buat asal perubahan itu dan periksa komponen yang dipilih. Periksa semula nilai perantaraan dan titik akhir sebelum meneruskan. Tutorial Graph Editor Adobe menunjukkan cara memilih kekunci, memaparkan pemegangnya, melaraskan Speed Graph dan melihat pratonton hasilnya. Adobe: Cipta gerakan dinamik antara bingkai utama dengan Graph Editor

Gunakan ujian perubahan berkadar apabila lengkung sukar dibandingkan. Pada bingkai yang dipilih, bahagikan skala semasa setiap paksi dengan skala asasnya yang diluluskan. Hasilnya sepatutnya sama bagi perubahan saiz seragam. Ujian ini berpandukan penggunaan satu pengganda yang sama pada kedua-dua dimensi.

Keadaan	Skala X	Skala Y	X ÷ asas X	Y ÷ asas Y	Tafsiran
Asas yang diluluskan	80%	80%	1.00	1.00	Bentuk rujukan
Bingkai perantaraan yang betul	92%	92%	1.15	1.15	Perkadaran terpelihara
Bingkai perantaraan yang terherot	96%	88%	1.20	1.10	Pembesaran mendatar lebih besar
Titik akhir yang diluluskan	100%	100%	1.25	1.25	Perkadaran rujukan dipulihkan

Dalam contoh yang terherot itu, nisbah lebar kepada tinggi didarab dengan 96 ÷ 88 ≈ 1.091. Ini menjadikan karakter kira-kira 9.1% lebih lebar berbanding tingginya daripada bentuk asas. Angka ini ialah contoh pengiraan, bukannya ukuran daripada animasi tertentu.

Bagi asas yang sengaja tidak sama, iaitu 120%, 100%, pembesaran seragam dengan faktor 1.10 menghasilkan 132%, 110%. Kedua-dua paksi telah membesar sebanyak 10%, maka rupa yang diluluskan kekal terpelihara. Mengubah titik akhir itu kepada 132%, 132% akan mengubah perkadaran sedia ada.

Kenal pasti gejala yang kelihatan sebelum membuat pelarasan pelancaran yang seterusnya. Jeda pada satu bingkai untuk membezakan perubahan bentuk daripada perubahan kedudukan atau perincian imej.

Gejala	Pemeriksaan seterusnya
Lebar dan tinggi menyimpang sepanjang peralihan	Bandingkan nilai paksi, kekunci perantaraan dan pemegang lengkung pada masa itu.
Seluruh karakter bergerak semasa membesar	Periksa titik sauh dan animasi Position.
Saiz relatif hanya berubah pada satu bahagian karakter	Periksa transformasi bahagian itu dan transformasi bersama karakter.
Karakter menjadi lebih besar daripada yang dikehendaki sebelum mendap	Periksa Value Graph untuk melihat sama ada saiz melebihi sasaran.
Siluet kekal berkadar tetapi tepinya menjadi berkotak-kotak	Periksa resolusi karya seni sumber dan jumlah pembesarannya.

Lebihan saiz sementara boleh mengekalkan perkadaran jika kedua-dua paksi melebihi sasaran bersama-sama. Tentukan secara berasingan sama ada saiz yang lebih besar itu sesuai untuk animasi. Jika ringkasan arahan menetapkan gerakan membesar dan berhenti yang mudah, kekalkan nilai skala dalam julat mula dan akhir yang dipilih.

Pembesaran imej raster juga boleh mengubah rupa karya seni tanpa mengubah perkadarannya. Adobe menyatakan bahawa pembesaran lapisan raster yang ketara boleh menghasilkan piksel berkotak-kotak, manakala pengecilan boleh melembutkannya. Perubahan pelancaran tidak akan membetulkan masalah perincian sumber itu. Adobe: Skalakan atau balikkan lapisan

Semak bingkai mula, beberapa bingkai perantaraan, bingkai dengan saiz terbesar dan titik akhir. Periksa dengan lebih teliti pada bahagian yang skala berubah paling pantas atau bentuknya kelihatan berubah. Sampel bingkai membantu mengesan masalah; pemeriksaan seluruh lengkung pula membantu mengesan perbezaan antara sampel tersebut.

Kemudian, pratonton pada kadar main balik yang dikehendaki. Tutorial Graph Editor Adobe mengesyorkan agar panel Info diperiksa untuk mengesahkan sama ada pratonton berjalan dalam masa nyata, kerana pratonton yang belum lengkap boleh menyukarkan penilaian pemasaan. Adobe: Pratonton dan laraskan animasi Graph Editor

Selesaikan apabila karakter mencapai saiz yang dikehendaki, mengekalkan perkadaran yang diluluskan sepanjang peralihan, serta memecut dan mendap seperti yang dikehendaki. Gunakan satu pengganda skala bersama sebagai panduan, periksa pemasaannya dengan graf, dan sahkan bentuk perantaraan sebelum menerima pengeditan.

• Adobe — Laraskan sifat lapisan dalam After Effects
• Adobe — Asas animasi dalam After Effects
• Adobe — Gunakan dan kawal perubahan kelajuan dalam After Effects
• Adobe — Cipta gerakan dinamik antara bingkai utama dengan Graph Editor
• MDN — fungsi CSS scale()