Bir Karakterin Oranlarını Bozmadan Ölçek Yumuşatması Nasıl Düzenlenir

Ölçek, her eksendeki boyutu kontrol eder. Yatay ve dikey ölçek aynı çarpanı kullandığında karakter en-boy oranını korur. Bu çarpanlar farklı olduğunda şekli değişir. MDN’nin teknik belgeleri bu ayrımı tekdüze ve tekdüze olmayan ölçekleme olarak açıklar. MDN: scale() CSS işlevi

Yumuşatma, animasyonlu bir değerin anahtar kareler arasında nasıl ilerlediğini kontrol eder. Her iki eksenin de %80’den başlayıp %100’de bittiğini varsayalım. Yatay ölçek %96’ya ulaştığında dikey ölçek hâlâ %88’deyse karakter geçici olarak yüksekliğine kıyasla genişler. Uç noktalar doğru görünse bile geçiş sırasında belirgin bir esneme olabilir.

Başlangıçta deforme olmayan bir karakter için geçiş boyunca X ve Y ölçek değerlerinin eşit olması, oranlarını korur. Daha genel olarak, onaylanmış başlangıç oranını koruyun: hazırlanmış bir görsel eşit olmayan ölçek değerleriyle başlıyorsa her ikisini de aynı değişen çarpanla çarpın. Bu başlangıç değerlerini otomatik olarak eşit sayılara dönüştürmeyin.

Çalışma kopyasını kaydedin ve karakterin tamamını kontrol eden dönüşümü belirleyin. Bu anlatım için görünümü referans boyutunda zaten doğru olan tek bir 2D karakter katmanıyla başlayın. Çizimin ayrı parçaları varsa önce genel boyut değişikliği için ortak bir dönüşüm belirleyin; aksi hâlde yalnızca gövdeyi düzenlemek, gövdenin yüz veya aksesuarlara göre boyutunu değiştirebilir.

After Effects’te karakter katmanını seçip Scale’ı göstermek için S tuşuna basın. Orantılı boyut değişiklikleri girerken ölçek değerlerinin yanındaki simge olan Constrain Proportions seçeneğini etkinleştirin. Adobe bu denetimi özellikle bağlantılı ölçek düzenlemeleri için belgeliyor. Adobe: After Effects’te katman özelliklerini ayarlama

Herhangi bir şeyi değiştirmeden önce onaylanmış başlangıç ve bitiş değerlerini ve anahtar karelerin zamanlarını kaydedin. Mevcut ara anahtar kareleri de inceleyin. Bağlantı denetimini düzenleme yardımı olarak kullanın ve bu seçeneği açmanın önceki düzenlemeleri düzelttiğini varsaymak yerine animasyon boyunca gerçek değerleri doğrulayın.

Zamanlamayı iyileştirmeden önce büyüme noktasını seçin. After Effects, katmanları bağlantı noktasının çevresinde ölçekler. Ortada bulunan bir bağlantı noktası merkezden genişlemeye uygundur; karakter büyürken görsel olarak zemine basmaya devam edecekse alt orta noktadaki bir bağlantı noktası uygun olabilir. Adobe: Katman bağlantı noktaları

Boyutu incelemek için Value Graph’ı, boyutun ne hızla değiştiğini şekillendirmek için Speed Graph’ı kullanın. Adobe, değer grafiğini bir özelliğin zaman içindeki değerleri, hız grafiğini ise bu değerlerin değişim hızı olarak tanımlar. Varsayılan görünüme güvenmek yerine Graph Editor seçeneklerinden grafiği açıkça seçin. Adobe: After Effects’te animasyonun temelleri

Value Graph’ta ilgili tüm ölçek bileşenlerini birlikte inceleyin. Başlangıç değerleri eşitse tekdüze bir ölçek animasyonu boyunca eğrileri çakışmalıdır. Aralarındaki fark, ilgili kareyi incelemek için yararlı bir işarettir. Onaylanmış başlangıç değerleri eşit değilse eğrilerin çakışmasını beklemek yerine oransal değişimleri karşılaştırın.

Anahtar kareli boyutları korurken hızlanmayı veya durulmayı değiştirmek istiyorsanız Speed Graph’ı kullanın. Her anlamlı ayarlamadan sonra Value Graph’a dönün. Böylece iki ayrı şeyi kontrol edebilirsiniz: zamanlamanın doğru hissedilip hissedilmediğini ve boyut ilişkisinin korunup korunmadığını.

Bu kontrollü örneği kullanın: oranları doğru olan 2D bir karakter 12 kare boyunca %80, %80 değerlerinden %100, %100 değerlerine büyüyor. Bunlar örnek ayarlardır; zorunlu bir süre veya boyut aralığı değildir.

1. Karakter katmanını seçin, Scale’ı gösterin ve Constrain Proportions’ı etkinleştirin.
2. İlk Scale anahtar karesini %80, %80; ikinci anahtar kareyi 12 kare sonrasına %100, %100 olarak ayarlayın.
3. Her iki Scale anahtar karesini seçip Animation > Keyframe Assistant > Easy Ease uygulayın.
4. Graph Editor’ı açıp Edit Speed Graph’ı seçin.
5. Ölçek anahtar karelerini birlikte seçin. Küçük tutamaç değişiklikleriyle ilgili bileşenleri tutarlı biçimde ayarlayın.
6. Edit Value Graph’a geçip anahtar kareler arasındaki eksen değerlerini inceleyin.

Easy Ease, seçilen anahtar karelerde sıfır hızla başlayan bir geçiş sağlar. Daha hassas değişiklikler için gelen veya giden hızı ve etkiyi düzenlemek üzere Animation > Keyframe Velocity’yi kullanın. Adobe, hız tutamaçlarını yatay yönde hareket ettirmenin komşu anahtar karelere doğru etkilerini değiştirdiğini açıklar. Adobe: After Effects’te hız değişikliklerini uygulama ve kontrol etme

Bu örnek için önce hızlı bir büyüme, ardından daha uzun bir durulma deneyin. Son anahtar karedeki gelen etkiyi ayarlayın, önizlemeyi izleyin ve özgün hâliyle karşılaştırın. Bu aşamada yumuşatma değişikliğini tek başına değerlendirebilmek için uç boyutları ve 12 karelik süreyi sabit tutun.

Ayarlamadan sonra karakter esnerse bu değişikliği geri alın ve hangi bileşenlerin seçildiğini inceleyin. Devam etmeden önce hem ara değerleri hem de uç noktaları yeniden kontrol edin. Adobe’nin Graph Editor eğitimi; anahtar karelerin seçilmesini, tutamaçlarının gösterilmesini, Speed Graph’ın ayarlanmasını ve sonucun önizlenmesini gösterir. Adobe: Graph Editor ile anahtar kareler arasında dinamik hareket oluşturma

Eğrileri karşılaştırmak zorsa oransal değişim testi uygulayın. Seçtiğiniz bir karede her eksenin mevcut ölçeğini onaylanmış başlangıç ölçeğine bölün. Tekdüze bir boyut değişiminde sonuçlar eşleşmelidir. Bu test, her iki boyuta da tek bir çarpan uygulama ilkesini temel alır.

Durum	X ölçeği	Y ölçeği	X ÷ başlangıç X	Y ÷ başlangıç Y	Yorum
Onaylanmış başlangıç	%80	%80	1.00	1.00	Referans şekil
Doğru ara kare	%92	%92	1.15	1.15	Oranlar korunuyor
Deforme olmuş ara kare	%96	%88	1.20	1.10	Yatay büyüme daha fazla
Onaylanmış uç nokta	%100	%100	1.25	1.25	Referans oranlar geri kazanıldı

Deforme olmuş örnekte genişlik-yükseklik oranı 96 ÷ 88 ≈ 1.091 ile çarpılır. Bu da karakteri başlangıca kıyasla yüksekliğine göre yaklaşık %9,1 daha geniş yapar. Bu sayılar örnek hesaplamalardır; belirli bir animasyondan alınmış ölçümler değildir.

Başlangıç değerleri bilerek %120 ve %100 olarak farklıysa 1,10 kat tekdüze büyütme, %132 ve %110 değerlerini verir. Her iki eksen de %10 büyüdüğü için onaylanmış görünüm korunur. Bitiş değerini %132, %132 olarak değiştirmek mevcut oranları değiştirir.

Yeniden bir yumuşatma ayarı yapmadan önce görünen sorunu teşhis edin. Şekil değişikliğini konum kaymasından veya görüntü ayrıntısındaki değişiklikten ayırmak için duraklatılmış bir kareye bakın.

Belirti	Sonraki kontrol
Geçiş sırasında genişlik ve yükseklik farklılaşır	Bu andaki eksen değerlerini, ara anahtar kareleri ve eğri tutamaçlarını karşılaştırın.
Karakter büyürken bütünüyle hareket eder	Bağlantı noktasını ve Position animasyonunu inceleyin.
Karakterin yalnızca bir parçasının göreli boyutu değişir	O parçanın dönüşümünü ve karakterin ortak dönüşümünü inceleyin.
Karakter durulmadan önce amaçlanandan daha büyük olur	Hedef boyutu aşan bir sapma olup olmadığını görmek için Value Graph’ı inceleyin.
Silüet oranlarını korur ancak kenarlar pikselleşir	Kaynak çizimin çözünürlüğünü ve büyütme miktarını inceleyin.

Her iki eksen birlikte hedefi aşarsa geçici boyut aşımı oranları koruyabilir. Bu daha büyük boyutun animasyona ait olup olmadığına ayrıca karar verin. İstenen hareket basit bir büyüyüp durma animasyonuysa ölçek değerlerini seçilen başlangıç ve bitiş aralığında tutun.

Raster görseli büyütmek de oranlarını değiştirmeden nasıl göründüğünü etkileyebilir. Adobe, raster katmanları önemli ölçüde büyütmenin pikselli bir görünüme yol açabileceğini, küçültmenin ise onları yumuşatabileceğini belirtiyor. Yumuşatmayı değiştirmek kaynak ayrıntısıyla ilgili bu sorunu çözmez. Adobe: Katmanı ölçekleme veya çevirme

Başlangıç karesini, birkaç ara kareyi, en büyük boyutlu kareyi ve bitiş karesini inceleyin. Ölçeğin en hızlı değiştiği veya şeklin kayıyor gibi göründüğü yerlerde daha sık kontrol edin. Örneklenen kareler sorunları bulmaya yardımcı olur; eğrilerin tamamını incelemek, bu örnekler arasındaki farkları yakalamanızı sağlar.

Ardından amaçlanan oynatma hızında önizleme yapın. Adobe’nin Graph Editor eğitimi, önizlemenin gerçek zamanlı oynatılıp oynatılmadığını doğrulamak için Info panelini kontrol etmeyi önerir; eksik bir önizleme zamanlamayı değerlendirmeyi zorlaştırabilir. Adobe: Graph Editor animasyonunu önizleme ve ayarlama

Karakter amaçlanan boyutlara ulaştığında, geçiş boyunca onaylanmış oranlarını koruduğunda ve istenen şekilde hızlanıp durulduğunda işlemi tamamlayın. Temel kural olarak her iki eksende de ortak bir ölçek çarpanı kullanın, zamanlamasını incelemek için grafikleri kullanın ve düzenlemeyi kabul etmeden önce ara karelerdeki şekli doğrulayın.

• Adobe — After Effects’te katman özelliklerini ayarlama
• Adobe — After Effects’te animasyonun temelleri
• Adobe — After Effects’te hız değişikliklerini uygulama ve kontrol etme
• Adobe — Graph Editor ile anahtar kareler arasında dinamik hareket oluşturma
• MDN — scale() CSS işlevi