Tutorial: Opret et animeret logo

Omdan et statisk logo til en øjenfangende animation.

• • Tid: * * 10 minutter
• • Problemer: * * Mellemliggende

Hvad du vil oprette

Et logo med indgang animation og subtile løbende bevægelse.

Trin 1: Sæt Canvas op

1. Klik på lærred størrelse dropdown
2. Vælg * * Standard (800 × 600) * * eller din foretrukne størrelse
3. Sæt en baggrundsfarve der står i kontrast til dit logo

Trin 2: Tilføj din logotekst

For denne tutorial, vil vi oprette et tekstbaseret logo.

1. Tryk på T for tekstværktøj
2. Indtast dit varemærke (f.eks. “ACME”)
3. Sæt egenskaber:
   • Skrifttype Størrelse: * * 96 * *
   • Skrifttype: Din mærkefarve
4. Center på lærred

Trin 3: Tilføj Tagline (valgfri)

1. Tryk på T igen
2. Indtast din taglinje
3. Position under hovedlogoet
4. Sæt mindre skriftstørrelse (24 - 36)

Trin 4: Opret Entrance Animation

Vi bruger nøglebilleder til en professionel indgang.

Main Logo indgang

1. Vælg hovedlogoteksten
2. Åbn tidslinje panel
3. Ved * * 0 sekunder * *:
   • Sæt Opacity: * * 0 * *
   • Sæt skala: * * 0, 5 * *
4. Ved * * 0, 5 sekunder * *:
   • Sæt Opacity: * * 1 * *
   • Sæt skala: * * 1, 0 * *
   • Sæt Easing: * * Ease Out * *

Tagline Entrance (forsinket)

1. Vælg linjen
2. Ved * * 0 sekunder * *:
   • Sæt Opacity: * * 0 * *
   • Sæt position Y: * * + 20px * * (under endelig position)
3. Ved * * 0, 8 sekunder * *:
   • Sæt Opacity: * * 1 * *
   • Sæt position Y: endelig position
   • Sæt Easing: * * Ease Out * *

Trin 5: Tilføj Subtle Loop Animation

Efter indgangen, tilføje en subtil løbende animation:

1. Vælg hovedlogoet
2. Sæt animation: * * Pulse * *
3. Sæt hastighed: * * 0, 5 * * (meget langsom)

Trin 6: Tilføj Sparkle Effect (valgfri)

1. Vælg hovedlogoet
2. Klik på * * Tilføj effekt * *
3. Vælg * * Sparkle * *
4. Sæt farve til at matche dit mærke
5. Sæt hastighed: * * 0,8 * *

Trin 7: Forhåndsvis og juster

1. Tryk på Space for at spille
2. Juster timing i tidslinjen hvis det er nødvendigt
3. Sørg for at løkkepunktet ser glat ud

Trin 8: Eksport

Til hjemmeside

1. Eksportér som * * Animeret SVG * *
2. Indlejret på din hjemmeside header

Til sociale medier

1. Eksportér som * * MP4 * * (5 sekunder)
2. Eller * * GIF * * for auto- play platforme

Pro Tips

Ændringer

Minimal indgang

Bare fade ind uden skalering:

• 90 'ere: Ugennemsigtighed 0
• 0, 5 s: Ugennemsigtighed 1

Bounce Entrance

Spillende mærker:

• Brug Bounce animation
• Kortere varighed

Skrivemaskine Reveal

Tekstbaserede logoer:

• Anvend animering af skrivemaskine
• Eksportér som MP4 (ikke SVG)

Næste skridt

• [Eksportmuligheder] (/exporting/overview) - Vælg det rigtige format
• [Opret Social Post] (/tutorials/social-post) - Brug dit animerede logo