Tutorial: Opret en præsentationsdias

Design en animeret dias til præsentationer eller video introer med hjørne dekorationer, forskudt kugle punkter, og glat tekst afslører.

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

Hvad du vil oprette

En professionel titel slide med hjørne beslag dekorationer, animeret titel afslører, og forskudt indhold animationer.

Animerede præsentation slide med hjørne dekorationer og forskudt bullet points

Trin 1: Sæt Canvas op

  1. Klik på lærred størrelse dropdown
  2. Vælg * * YouTube miniaturebillede (1280x720) * * for et 16: 9 forhold

Trin 2: Opret baggrund

  1. Fanebladet Scene → Baggrundstilstand: * * Solid farve * *
  2. Sæt farve: * * # 0f172a * * (dyb flåde)

En ren mørk baggrund holder fokus på indholdet og lader dekorative elementer skiller sig ud.

Trin 3: Tilføj hjørne beslag Dekorationer

Opret L- formede parenteser i hvert hjørne af lærredet ved hjælp af linjer:

  1. For hvert hjørne, skal du oprette to linjer møde i en ret vinkel
  2. Egenskaber:
    • Stroke Color: * * # 334155 * * (subtile skifer)
    • Strømpebredde: * * 1,5 * *
    • Stroke Cap: * * runde * *
  3. Position parentes 40px fra hver kant, med 80px armlængde
  4. Stagger hvert hjørne udseende ved 0,08 sekunder for en sekventiel afsløre

Disse hjørne parentes ramme dias og tilføje en poleret, professionel look.

Trin 4: Tilføj venstre kant Accent

  1. Opret en lodret linje langs venstre kant
  2. Egenskaber:
    • From: (40, 200) to (40, 520)
    • Strømpefarve: * * # 3b82f6 * * (blå accent)
    • Strømpebredde: * * 2 * *
  3. Tastaturer:
    • 0s- 0, 4 s: skjult (uklarhed 0)
    • 0.9 'ere: Opacity 0.6 - Leasing: Ease Out

Trin 5: Tilføj titel

  1. Tryk på T
  2. Skriv din præsentation titel (fx, “Q4 Business Review”)
  3. Egenskaber:
    • Skrifttype Størrelse: * * 72 * *
    • Skrifttype: * * # f8fafc * * (næsten hvid)
  4. Nøglerammer - glide ind fra venstre:
    • 90 'erne: Opacity 0, X offset -60px fra midten
    • 0.7 s: Opacity 1, X i midten - Leasing: Ease Out

Trin 6: Tilføj dividerlinje

  1. Opret et tyndt rektangel mellem titel og undertitel
  2. Egenskaber:
    • Bredde: * * 300 * *, Højde: * * 3 * *
    • Farve: * * # 3b82f6 * * (blå accent)
  3. Tastaturer:
    • 0s- 0, 5 s: skjult (uklarhed 0)
    • 1.1.s: Ugennemsigtighed 1 - Leasing: Lease Out

Trin 7: Tilføj undertekst

  1. Tryk på T
  2. Skriv din undertitel (f.eks. “Årlig Performance & Growth Strategy”)
  3. Egenskaber:
    • Skrifttype Størrelse: * * 28 * *
    • Skrifttype: * * # 94a3b8 * * (dæmpet grå)
  4. Tastaturer:
    • 0s- 0, 8 s: skjult (opacitet 0, Y + 20 px offset)
    • 1.4s: Opacity 1, Y ved slutposition - Leasing: Lease Out

Trin 8: Tilføj bulletpunkter

Opret 3 tekstelementer til dine nøglemålinger eller talepunkter:

  1. Tryk på T for hver kugle
  2. Brug pil præfiks: “→ Indtægter voksede 34% år-over-år”
  3. Egenskaber:
    • Skrifttype Størrelse: * * 22 * *
    • Skrifttype: * * # cbd5e1 * *
    • Indstilling: * * Venstre * *
  4. Stikke hver kugle udseende med 0,2 sekunder:
    • Bullet 1: vises på * * 1.2s- 1.6s * *
    • Bullet 2: vises ved * * 1.4s- 1.8s * *
    • Bullet 3: vises ved * * 1.6s- 2.0s * *

Hver kugle glider lidt fra venstre (x offset -20px), mens der falmer ind.

Trin 9: Eksempel & eksport

  1. Tryk på Space for at få vist
  2. Tjek rækkefølgen: hjørner vises → titel dias i → divider fades → undertitel stiger → kugler stagger
  3. Eksportér som * * MP4 * * eller * * WebM * * (5 sekunder, 30 fps)

Konstruktionsændringer

Minimal virksomhed

  • Hvid baggrund
  • Sort tekst med simpel fade- in
  • Ingen hjørnedekorationer

Tech / Moderne

  • Mørk baggrund med hjørnebeslag
  • Blå accent farver og slide-in afslører
  • Subtle geometriske accenter

Kreativ / fed

  • Sunburst baggrundsgenerator
  • Stor, fed tekst med bounce animation
  • Flere accent former

Tips

    • Præsentationsdias: * *
  • Hold tekst læsbar - store skrifttyper, høj kontrast
  • Hjørnebeslag ramme dias uden distraktion
  • Staggerkugle punkter 0.2 fra hinanden for en naturlig strøm
  • Brug en venstre kant accent linje til at guide øjet
  • Animation bør forbedres, ikke distrahere

Næste skridt

  • [Lær Keyframes] (/features/keyframes) - Mere animationskontrol
  • [Eksportmuligheder] (/exporting/overview) - Vælg det rigtige format