Tutorial: Vytvořit animované logo

Transformujte statické logo do zachytávací animace.

Čas: 10 minut

    • Obtížnost: * * * Střední

Co vytvoříte

Logo se vstupní animací a jemným pohybem.

Animované logo s vstupním efektem a jemným pulsem

Krok 1: Nastavit kanály

  1. Klikněte na plátno velikosti dropdown
  2. Vyberte * * Výchozí (800 × 600) * * nebo vaši preferovanou velikost
  3. Nastavte barvu pozadí, která kontrastuje s logem

Krok 2: Přidejte svůj logo text

Pro tento tutoriál vytvoříme textové logo.

  1. Stiskněte T pro textový nástroj
  2. Zadejte značku (např. “ACME”)
  3. Nastavit vlastnosti:
    • Velikost písma: * * 96 * *
    • Barva písma: Barva vaší značky
  4. Střed na plátně

Krok 3: Přidat tagline (nepovinné)

  1. Stiskněte T znovu
  2. Napište svůj štítek
  3. Poloha pod hlavním logem
  4. Nastavit menší velikost písma (24-36)

Krok 4: Vytvořit vstupní animaci

Použijeme klávesové rámy pro profesionální vstup.

Hlavní logo vstup

  1. Vyberte text hlavního loga
  2. Otevřít časovou osu
  3. V 0 vteřinách:
    • Nastavit opacitu: * * 0 * *
    • Set Scale: * * 0.5 * *
  4. Při * * 0,5 sekundy * *:
    • Nastavit neprůhlednost: * * 1 * *
    • Set Scale: * * 1.0 * *
    • Set Easing: * * Ease Out * *

Tagline vstup (opožděný)

  1. Vyberte tagline
  2. V 0 vteřinách:
    • Nastavit opacitu: * * 0 * *
    • Nastavit pozici Y: * * + 20px * * (pod konečnou pozicí)
  3. Při 0, 8 sekundách:
    • Nastavit neprůhlednost: * * 1 * *
    • Nastavit pozici Y: konečná pozice
    • Set Easing: * * Ease Out * *

Krok 5: Přidání jemné smyčky animace

Po vstupu, přidejte jemný pokračující animace:

  1. Vyberte hlavní logo
  2. Nastavit animaci: * * Pulz * *
  3. Rychlost nastavení: * * 0.5 * * (velmi pomalu)

Krok 6: Přidat jiskřivý efekt (volitelný)

  1. Vyberte hlavní logo
  2. Klikněte na * * Add Effect * *
  3. Vyberte * * Sparkle * *
  4. Nastavit barvu tak, aby odpovídala vaší značce
  5. Rychlost nastavení: * * 0, 8 * *

Krok 7: Náhled a úprava

  1. Stiskněte Space hrát
  2. Nastavit načasování v časové ose v případě potřeby
  3. Ujistěte se, že bod smyčky vypadá hladký

Krok 8: Export

Pro webové stránky

  1. Export jako * * Animované SVG * *
  2. Přidáno na vaše webové stránky hlavička

Pro sociální média

  1. Exportovat jako * * MP4 * * (5 sekund)
  2. Nebo * * GIF * * pro autoplay platformy

Pro tipy

    • Logo Animace Nejlepší postupy: * *
  • Udržujte animace jemné - logo by mělo cítit profesionální
  • Vstup by měl být rychlý (0.5-1 sekundy)
  • ŽIVOTNÍ PROSTŘEDÍ
  • Test na malé velikosti - některé efekty nefungují dobře, když se zmenšují

Změny

Minimální vstup

Jen se vytratit bez škálování:

  • 0s: Neprůhlednost 0
  • 0,5s: Neprůhlednost 1

Bounce Entrance

Hravé značky:

  • Použít Bounce animace
  • Délka kratší

Reveal písaře

Loga založená na textech:

  • Použít animaci písaře
  • Export jako MP4 (ne SVG)

Další kroky

  • [Export Options] (/exporting/overview) - Vyberte správný formát
  • [Create Social Post] (/tutorials/social-post) - Použijte své animované logo