Tutorial: Maak een geanimeerd logo

Een statisch logo omzetten in een opvallende animatie.

Tijd: 10 minuten ** Moeilijkheidsgraad:** Intermediair

Wat je gaat maken

Een logo met entree-animatie en subtiele continue beweging.

Stap 1: Canvas instellen

1. Klik op canvas grootte dropdown
2. Selecteer Standaard (800×600) of de gewenste grootte
3. Stel een achtergrondkleur in die contrasteert met uw logo

Stap 2: Voeg uw logotekst toe

Voor deze tutorial maken we een op tekst gebaseerd logo.

1. Druk op T voor tekstgereedschap
2. Typ uw merknaam (bijv. “ACME”)
3. Eigenschappen instellen:
   • Lettertypegrootte: 96
   • Lettertypekleur: Uw merkkleur
4. Op canvas centreren

Stap 3: Tagline toevoegen (facultatief)

1. Druk opnieuw op T
2. Typ je slogan
3. Positie onder het hoofdlogo
4. Kleinere lettergrootte instellen (24-36)

Stap 4: Creëer entreeanimatie

We gebruiken sleutelframes voor een professionele ingang.

Hoofdlogo ingang

1. Selecteer de hoofdlogotekst
2. Open tijdlijnpaneel
3. Op 0 seconden:
   • Doorzichtigheid instellen: 0
   • Schaal instellen: 0.5
4. Op 0,5 seconden:
   • Doorzichtigheid instellen: 1
   • Schaal instellen: 1,0
   • Easing instellen: Ease Out

Tagline-ingang (vertraagd)

1. Selecteer de tagline
2. Op 0 seconden:
   • Doorzichtigheid instellen: 0
   • Positie Y instellen: +20px (onder de eindpositie)
3. Op 0,8 seconden:
   • Doorzichtigheid instellen: 1
   • Positie Y instellen: eindpositie
   • Easing instellen: Ease Out

Stap 5: Subtiele lusanimatie toevoegen

Na de ingang, voeg een subtiele lopende animatie:

1. Het hoofdlogo selecteren
2. Animatie instellen: Pulse
3. Snelheid instellen: 0.5 (zeer langzaam)

Stap 6: Sparkle Effect toevoegen (facultatief)

1. Het hoofdlogo selecteren
2. Klik op Add Effect
3. Selecteer Sparkle
4. Kleur instellen op uw merk
5. Snelheid instellen: 0,8

Stap 7: Voorbeeld en Aanpassen

1. Druk op Space om af te spelen
2. De timing aanpassen in de tijdlijn indien nodig
3. Zorg ervoor dat het luspunt er glad uitziet

Stap 8: Exporteren

Voor website

1. Exporteren als Geanimeerde SVG
2. Ingesloten op uw website-header

Voor sociale media

1. Exporteren als MP4 (5 seconden)
2. Of GIF voor auto-play platforms

Pro Tips

Verschil

Minimale toegang

Vervagen zonder te schalen:

• 0s: dekking 0
• 0,5s: dekking 1

Bounce-ingang

Speelse merken:

• Bounce-animatie gebruiken
• Kortere duur

Schrijfmachine onthullen

Op tekst gebaseerde logo’s:

• Typewriter-animatie toepassen
• Exporteren als MP4 (geen SVG)

Volgende stappen

• Export Opties Kies het juiste formaat
• Create Social Post