Premiere Pro-tutorials

Een zijbalkanimatie maken in Premiere Pro

Maak in Premiere Pro een zijbalk die in- en uitschuift, met een Color Matte, tekst, een geneste sequentie en vloeiende positie-keyframes.

Motion GraphicsPremiere Pro
White sidebar with title, text and a map next to drone footage of a beach in Premiere Pro

Bekijk de tutorial

Stap 1: Maak een Color Matte

Klik in het Project-paneel op New Item en kies Color Matte. Klik op OK, kies in de Color Picker de achtergrondkleur voor de zijbalk (in het voorbeeld wit) en klik nogmaals op OK. Klik daarna op OK in het naamvenster.

Met één klik met Mako: het gratis Mako-paneel voegt met één klik een color matte toe boven de geselecteerde clips, op de positie van de afspeelkop, op de eerste vrije track. Download Mako gratis

Stap 2: Plaats en positioneer de matte

Sleep de Color Matte naar de track boven je video en houd hem geselecteerd. Open Effect Controls en pas de Position van de matte aan zodat alleen een smalle strook zichtbaar is aan de linker- of rechterkant van het scherm. Die strook is je zijbalk.

Witte color matte aan de linkerrand van het beeld als zijbalk in Premiere Pro

Stap 3: Voeg tekst toe en geef die een stijl

Voeg met de Type Tool een titel en wat bodytekst toe en geef ze de stijl die je wilt, zodat ze netjes in de zijbalk passen. Zorg er voor het animeren voor dat de duur van de tekstlaag overeenkomt met die van de Color Matte door het einde ervan uit te lijnen.

Stap 4: Nest alles samen

Selecteer de tekst, de Color Matte en eventuele andere lagen die je voor de zijbalk hebt gemaakt. Klik met de rechtermuisknop op een ervan, kies Nest en klik op OK. Door te nesten wordt de zijbalk één clip, die je in één keer kunt verplaatsen.

Stap 5: Animeer de zijbalk naar binnen

Open het Effects-paneel, zoek naar Transform en pas het Transform-effect toe op de geneste laag. Open met de laag geselecteerd Effect Controls en controleer of de afspeelkop aan het begin van de clip staat. Klik onder Transform op het stopwatchje naast Position om een keyframe te maken.

Stopwatch van Position in het Transform-effect in Premiere Pro Effect Controls

Omdat de zijbalk in zijn huidige positie moet eindigen, verplaats je deze keyframe iets naar voren op de tijdlijn. Ga daarna terug naar het allereerste begin en pas de Position aan zodat de zijbalk buiten beeld staat. Bij het afspelen schuift de zijbalk naar binnen.

Stap 6: Animeer de zijbalk naar buiten

Zet de afspeelkop op het punt waar de zijbalk het scherm moet gaan verlaten. Maak een positie-keyframe met de huidige waarde, ga dan naar het punt waar hij verborgen moet zijn en pas de Position opnieuw aan om hem uit beeld te duwen. Nu heb je een in- en een uit-animatie.

Afgewerkte zijbalk met titel, tekst en een kaart naast dronebeelden in Premiere Pro

Stap 7: Maak de beweging vloeiend

Selecteer alle keyframes, klik met de rechtermuisknop, kies Temporal Interpolation en kies Ease In. Herhaal dit en kies Ease Out. De zijbalk versnelt en vertraagt nu soepel.

Temporal Interpolation-menu met Ease In en Ease Out in Premiere Pro

Soepeler met EaseFlow: selecteer de keyframes en pas met één klik een echte easingcurve toe in plaats van Bezier-handvatten te slepen. Bekijk EaseFlow

Voor extra afwerking scrol je in het Transform-effect omlaag en zet je Shutter Angle op 360 om bewegingsonscherpte toe te voegen. Klap daarna de pijl naast Position open, klik op een keyframe om de blauwe handvatten te tonen en sleep ze om de snelheidsgrafiek aan te passen tot de beweging goed voelt.

Snelheidsgrafiek met blauwe Bezier-handvatten voor de Position-keyframes van de zijbalk in Premiere Pro

Tips

  • Pas het aan je merk aan. Gebruik je merkkleur voor de matte en hetzelfde lettertype als de rest van je video.
  • Houd de pauze kort. Een zijbalk die te lang blijft staan, concurreert met je beeld.
  • Hergebruik hem. Kopieer de geneste zijbalk naar andere delen van je tijdlijn en bewerk de tekst erin.

FAQ

Waarom de lagen nesten voordat je animeert?

Nesten groepeert de matte en de tekst in één clip, zodat één set positie-keyframes alles samen verplaatst.

Hoe laat ik de zijbalk van rechts inschuiven?

Plaats de matte in stap 2 aan de rechterrand en begin de animatie met een positie die rechts buiten beeld ligt.

Hoe voeg ik bewegingsonscherpte toe aan de animatie?

Zet in het Transform-effect Shutter Angle op 360.

Wil je kant-en-klare geanimeerde layouts? Bekijk de motion graphic-templates.