Yardım: Bir Animasyon Logo Oluştur

3 min read

Bir statik logoyu bir göz alıcı animasyonuna dönüştürür.

Time: 10 dakika Difficulty: Intermediate

What You’ll Create

Giriş animasyonu ve ince devam eden hareketle bir logo.

A giriş etkisi ve ince pul

Adım 1: Set Up Blood

  1. Click tuval boyutu dropdown
  2. Default (800×600) veya tercih ettiğiniz boyut
  3. Logonuzla karşılaştırıldığında bir arka rengi ayarlayın

Adım 2: Logo Text Ekle

Bu öğretici için, bir metin tabanlı logo oluşturacağız.

  1. Basın T for Text Tool
  2. Marka adınızı yazın (e.g., “ACME”)
  3. Set özellikleri:
    • Font Boyut: 96
    • Font Color: Your brand color
  4. Tuval Merkezi

3. Adım: Tagline (İsteğe bağlı)

  1. Basın T tekrar
  2. Type your tagline
  3. Ana logonun altındaki Pozisyon
  4. Daha küçük font büyüklüğü (24-36)

Adım 4: Create Entrance Animation

Profesyonel bir giriş için anahtar çerçeveler kullanacağız.

Main Logo Girişi

  1. Ana logo metnini seçin
  2. Open Timeline Panel
  3. 0 saniyede:
    • Set Opacity: 0
    • Set Scale: 0.5
  4. 0.5 saniyede:
    • Set Opacity: 1
    • Set Scale: 1.0
    • Set Easing: Ease Out

Tagline Giriş (Delayed)

  1. Etiket seçin
  2. 0 saniyede:
    • Set Opacity: 0
    • Set Position Y: +20px (below final pozisyonu)
  3. 0.8 saniyede:
    • Set Opacity: 1
    • Set Pozisyon Y: son pozisyon
    • Set Easing: Ease Out

Adım 5: Subtle Loop Animation

Girişten sonra, devam eden bir animasyon ekleyin:

  1. Ana logoyu seçin
  2. Set Animation: Pulse
  3. Hız: 0.5 (çok yavaş)

6. Adım: Sparkle Etkisi (Okul)

  1. Ana logoyu seçin
  2. Click Add Effects
  3. Sparkle
  4. Markanızı eşleştirmek için Renk Set Color to match your brand
  5. Hız: 0.8

Adım 7: Preview and configure

  1. Basın Space oynamak için
  2. Gerekirse Timeline’da zamanlamayı ayarlayın
  3. Dalga noktasının düzgün görünmesini sağlayın

Adım 8: Export

Web sitesi için

  1. Aimated SVG
  2. Web sitenizde başlık başlığı altında Embed

Sosyal Medya için

  1. MP4 (5 saniye)
  2. Veya **GIF ** otomatik oyun platformları için

Pro Tips

Logo Animation Best Practices:

  • Animasyonları ince tutun - logo profesyonel hissetmeli
  • Giriş hızlı olmalıdır (0.5-1 saniye)
  • Döngü animasyonları zar zor fark edilmelidir
  • Küçük boyutlarda test edin - bazı etkiler ölçeklenince iyi çalışmaz

Variations

Minimal Giriş

Sadece ölçeklendirme olmadan kaybolur:

  • 0s: Opakity 0
  • 0.5s: Opakity 1

Bounce Entrance

Playful markalar:

  • Bounce animasyonunu kullanın
  • Kısa süre

Typewriter Explain

Text-based logos:

  • Applied Typewriter Animation
  • MP4 olarak ihracat ( SVG değil)

Sonraki Adımlar