Tutorial: Animációs logó létrehozása

Átalakít egy statikus logót szemfogós animációvá.

• • Time: * * 10 perc
• • Nehéz: * * közbenső

What You 'll Create

Egy logó belépő animációval és finom folyamatos mozgással.

1. lépés: Állítsuk fel a kannákat

1. Kattintson a vászon mérete csepp
2. Válassza ki * * Alapértelmezés (800 × 600) * * vagy a kívánt méret
3. A háttérszín beállítása, amely ellentétes a logóval

2. lépés: A logó szövegének hozzáadása

Ehhez az oktatáshoz egy tanítási alapú logót készítünk.

1. Nyomja meg a T szöveges eszköz
2. Írja be a márkanevét (pl. “ACME”)
3. A tulajdonságok beállítása:
   • Betűméret: * * 96 *
   • Betűtípus szín: a márka színe
4. Középső vászon

3. lépés: Tagline hozzáadása (nem kötelező)

1. Nyomja meg újra az TX1Q gombot
2. Írja be a címsort
3. A fő logó alatti pozíció
4. A kisebb betűméret beállítása (24- 36)

Lépés: Entrance animáció létrehozása

Használunk kulcstartót egy profi belépőhöz.

Fő embléma

1. Válassza ki a logó fő szövegét
2. Az idővonal megnyitása
3. A * * 0 másodpercben * *:
   • Opacitás beállítása: * * * 0 * *
   • Set Scale: * * 0,5 * *
4. Ha * * 0,5 másodperc * *:
   • Opacitás beállítása: * * 1 * *
   • Set Scale: * * 1, 0 * *
   • Set Easing: * * Ease Out * *

Tagline belépő (késleltetett)

1. A tagline kiválasztása
2. A * * 0 másodpercben * *:
   • Opacitás beállítása: * * * 0 * *
   • Y pozíció beállítása: * * * + 20px * * (a végső pozíció alatt)
3. Ha * * 0,8 másodperc * *:
   • Opacitás beállítása: * * 1 * *
   • Y pozíció beállítása: végső pozíció
   • Set Easing: * * Ease Out * *

5. lépés: Alkatrész-hurok animáció hozzáadása

A bejárat után adjunk hozzá egy finom, folyamatos animációt:

1. Válassza ki a fő logót
2. Animáció beállítása: * * * Pulzus * *
3. Sebesség beállítása: * * 0,5 * * (nagyon lassú)

Lépés: Sparkle-hatás hozzáadása (választható)

1. Válassza ki a fő logót
2. Click * * add Effect * *
3. Válassza ki * * Sparkle * *
4. Színszín beállítása a márkához
5. Sebesség beállítása: * * 0,8 * *

7. lépés: Előnézet és beállítás

1. Nyomja meg a Space játszani
2. Az időzítés módosítása az időben, ha szükséges
3. Győződjön meg róla, hogy a hurok pont néz sima

8. lépés: Export

Honlap

1. Export mint * * Animated SVG * *
2. Beágyazva a weboldal fejlécébe

Szociális médiához

1. Export * * MP4 * * (5 másodperc)
2. Vagy * * GIF * * auto-play platformokhoz

Pro Tippek

Változatok

Minimális belépés

Csak elhalványul méretezés nélkül:

• 0: Opacity
• 0.5 s: Opacity 1

Bounce Entrance

Játékos márkák:

• Bounce animáció használata
• Rövidebb időtartam

A gépíró felfedése

Text- alapú logók:

• A gépírási animáció alkalmazása
• Kivitel MP4-ként (nem SVG-ként)

Következő lépések

• [Export beállítások] (/exporting/overview) - Válassza ki a megfelelő formátumot
• [Create Social Post] (/tutorials/social-post) - Az animációs logó használata