After Effects’te profesyonel görünen bir dijital saat veya geri sayım aracı oluşturmak için pahalı eklentilere ihtiyacınız yok. Sadece birkaç satır kod ve doğru ayarları kullanarak, projenize değer katacak şık bir animasyonu dakikalar içinde hazırlayabilirsiniz. Üstelik bu yöntemle oluşturacağınız sayaçlar, video kurgularınızda esnek bir şekilde kullanılabilir ve her saniye render almanıza gerek kalmadan gerçek zamanlı olarak güncellenir.

Bu rehberde, eklenti kullanmadan expression kodları ile nasıl çalışan bir saat yapabileceğinizi, olası hataları nasıl gidereceğinizi ve tasarıma nasıl neon bir görünüm kazandıracağınızı adım adım anlatıyorum.

Hazırlık Aşaması: Font ve Sahne Kurulumu

Dijital saat efektinin inandırıcı olması için ilk ve en önemli adım doğru font seçimidir. Standart fontlar, aradığınız o elektronik hissiyatı vermekte yetersiz kalabilir. Bu projede, klasik LED ekranlardaki piksel görünümünü birebir yansıtan Digital Dismay veya benzeri bir font kullanmanızı öneriyoruz. Bu tarz fontları ücretsiz font sitelerinden kolayca temin edip bilgisayarınıza yükleyebilirsiniz.

After Effects’te yeni bir kompozisyon oluşturduktan sonra, Type Tool aracını seçerek sahneye 88:88 formatında bir metin ekleyin. Neden 88:88? Çünkü dijital saatlerde tüm ledlerin yandığı anı temsil eden bu kalıp, hizalama yaparken size referans olacaktır.

Metninizi sahneye yerleştirdikten sonra dikkat etmeniz gereken çok kritik bir detay var: Paragraf Hizalaması. Window menüsünden Paragraph panelini açın ve metninizi Sağa Yaslı (Right Align) olarak ayarlayın. Eğer metni ortalarsanız, sayaç ilerledikçe (örneğin 1 rakamı ile 8 rakamının genişliği farklı olduğu için) saatiniz sürekli sağa-sola titreme yapar. Sağa yaslama tekniği, rakamlar değiştikçe saatinizin sabit ve profesyonel durmasını sağlar.

İlgili Makaleler
CMD Matrix Kodu: Not Defteri ile Matrix Yağmuru Efekti Yapımı

After Effects Sayaç Kodu (Kopyala - Yapıştır)

Görsel hazırlığımız tamamlandıktan sonra, saate hayat verecek olan kodlama kısmına geçebiliriz. Endişelenmeyin, kod yazmanıza gerek yok; hazırladığımız kodu kopyalayıp yapıştırmanız yeterli olacaktır.

  1. Zaman çizelgesinde (Timeline) metin katmanınızın solundaki oka tıklayarak özellikleri genişletin.
  2. Text sekmesi altındaki Source Text özelliğini bulun.
  3. Klavyenizdeki Alt (Mac için Option) tuşuna basılı tutarak Source Text’in solundaki kronometre ikonuna tıklayın.
  4. Açılan expression kod penceresine aşağıdaki kodu olduğu gibi yapıştırın:
rate = 1; 
clockStart = 0; 
function timerg(n) { 
  if (n < 10) return "0" + n; 
  else return "" + n; 
}
clockTime = Math.max(clockStart + rate * (time - inPoint), 0);
t = Math.floor(clockTime);
min = Math.floor((t % 3600) / 60);
sec = Math.floor(t % 60);
min + ":" + timerg(sec);

Bu kod bloğundaki rate = 1 değeri sayacın gerçek zamanlı (saniyede 1 saniye) ilerlemesini sağlar. Eğer zamanı hızlandırmak isterseniz bu değeri artırabilirsiniz.

clockStart = 0 değeri ise sayacın kaçıncı saniyeden başlayacağını belirler. Örneğin videonuzun kurgusu gereği saatin 10. saniyeden başlamasını isterseniz bu değeri 10 yapabilirsiniz.

Kritik Uyarı: Expression Hatası Alıyorsanız Bunu Yapın

Kodu yapıştırdığınızda turuncu bir şerit halinde Expression Error uyarısı alabilirsiniz. Bu durum, After Effects'in yeni sürümlerinde varsayılan olarak gelen JavaScript motorunun, bazı eski tip kod yapılarını yorumlayamamasından kaynaklanır. Çözümü oldukça basittir ve projenizi kurtarır.

Bu hatayı gidermek için şu adımları izleyin:

İlgili Makaleler
HTML ve CSS ile Tam Ekran Video Arka Plan Yapımı (Adım Adım Rehber)

  1. Üst menüden File > Project Settings yolunu takip edin.
  2. Açılan pencerede Expressions sekmesine tıklayın.
  3. Expressions Engine kısmını JavaScript yerine Legacy ExtendScript olarak değiştirin.
  4. OK butonuna basarak çıkın.

Bu işlemi yaptığınızda hata uyarısının kaybolduğunu ve sayacın sorunsuz bir şekilde çalışmaya başladığını göreceksiniz. Bu ayar sadece mevcut proje dosyanızı etkiler, genel program ayarlarınızı bozmaz.

Tasarımı Geliştirmek: Glow ve Gölge Efektleri

Sadece çalışan bir saat değil, aynı zamanda estetik görünen bir tasarım istiyorsanız, videoda uyguladığımız Glow (Parlama) ve Gölge tekniğini kullanabilirsiniz. Dijital saatlerin arka planında genellikle sönük de olsa 88:88 izi görünür. Bu detayı eklemek gerçekçiliği artırır.

Mevcut saat katmanınızı Ctrl + D (Mac için Cmd + D) ile kopyalayın. Altta kalan katmanın expression kodunu iptal edin veya silin. Bu katmandaki metni sabit bir 88:88 yazısına dönüştürün ve rengini, ana saatinizin renginin çok daha koyu ve soluk bir tonuna (örneğin koyu gri veya koyu mavi) getirin. Böylece saatiniz çalışırken arkada dijital paneli hissettiren bir zemin oluşacaktır.

Son dokunuş olarak, en üstteki çalışan saat katmanınızı tekrar kopyalayın ve en alttaki kopyaya Effects & Presets panelinden CC Radial Fast Blur efektini uygulayın. Bu efekt, rakamların etrafına neon benzeri yumuşak bir ışık yayılmasını sağlar. Opaklık ve renk ayarlamalarıyla sahnenize en uygun atmosferi bu şekilde yakalayabilirsiniz.