Premiere Pro-tutorials

Een icoon laten draaien in Premiere Pro

Laat een logo of icoon draaien met twee Rotation-keyframes in Premiere Pro en maak de beweging vloeiend zodat hij versnelt en zacht tot stilstand komt.

Motion GraphicsPremiere Pro
A dark blue app icon spinning against a bright teal and purple animated background in Premiere Pro

Bekijk de tutorial

Stap 1: Voeg je icoon toe en open Effect Controls

Zet je icoon op de tijdlijn. Een PNG of SVG met een transparante achtergrond werkt het best, en je kunt hem boven een achtergrondclip of een kleurvlak plaatsen. Klik op de icoonclip om hem te selecteren en open daarna het paneel Effect Controls (Window > Effect Controls). Open het onderdeel Motion als het dicht staat. Gebruik Scale en Position als je het icoon eerst wilt schalen en plaatsen.

Stap 2: Stel het eerste Rotation-keyframe in

Zet de afspeelkop aan het begin van de clip, waar je de draai wilt laten beginnen. Klik in Motion op de stopwatch naast Rotation. Daarmee maak je je eerste keyframe met de waarde 0.

Effect Controls in Premiere Pro met de Rotation-stopwatch ingeschakeld aan het begin van de clip en het icoon rechtop in de Program Monitor

Stap 3: Draai het icoon op een later moment

Zet de afspeelkop verder naar voren, waar de draai moet eindigen. Ongeveer een seconde is een goed beginpunt voor een snelle draai. Verander nu de waarde van Rotation. Premiere Pro telt hele omwentelingen en graden, dus je kunt een waarde met meerdere omwentelingen intypen voor een snelle animatie met meerdere draaien. In de video maakt het icoon een paar hele omwentelingen voordat het stopt. Er verschijnt automatisch een tweede keyframe en bij het afspelen van de clip zie je het icoon draaien.

Het icoon halverwege de draai in de Program Monitor van Premiere Pro, met Rotation-keyframes in Effect Controls

Probeer meer omwentelingen voor een snellere, wildere draai en minder voor een rustigere. Als je eindigt op een heel aantal omwentelingen, staat het icoon aan het eind weer rechtop, wat meestal het strakst oogt.

Stap 4: Controleer beide keyframes

Kijk naar het keyframegedeelte aan de rechterkant van het paneel Effect Controls. Je ziet twee ruitjes op de Rotation-regel: één aan het begin en één waar de draai eindigt. Je kunt ze allebei slepen om de duur van de draai te veranderen. Hoe dichter de keyframes bij elkaar, hoe sneller de draai.

Twee Rotation-keyframes in Effect Controls van Premiere Pro met het gedraaide icoon in de Program Monitor

Stap 5: Maak de draai vloeiend in de grafiek

Een rechte draai heeft een constante snelheid en kan daardoor stijf ogen. Klik op het pijltje naast Rotation om de waarde- en snelheidsgrafiek te openen. Selecteer de keyframes, klik met rechts en kies Temporal Interpolation > Ease In en Ease Out. Sleep daarna de Bézier-handvatten om de curve te vormen. Een curve die snel begint en afremt tot stilstand geeft het klassieke gevoel van een draai die tot rust komt.

Rotation-waarde- en snelheidsgrafiek in Effect Controls van Premiere Pro om de draai van het icoon vloeiend te maken

Vloeiender met EaseFlow: selecteer de keyframes en pas met één klik een echte easing-curve toe in plaats van Bézier-handvatten te slepen. Bekijk EaseFlow

Tips

  • Erin en eruit draaien. Houd Alt (Option op Mac) ingedrukt en sleep een keyframe om het te kopiëren, zodat je aan het einde van de clip een bijpassende draai toevoegt.
  • Gebruik het ankerpunt. Rotation draait om het Anchor Point, dus laat dat in het midden van het icoon staan, tenzij je juist een zwaai buiten het midden wilt.
  • Voeg schaal toe. Zet keyframes op Scale van klein naar volledige grootte terwijl het icoon draait voor een pop-in-effect. In onze easing-gids zie je hoe je dat verfijnt.

FAQ

Hoe laat ik een icoon draaien in Premiere Pro?

Selecteer het icoon, voeg aan het begin een Rotation-keyframe toe, ga verder en verander de waarde van Rotation. Premiere Pro animeert de draai tussen de twee keyframes.

Hoe maak ik de draai sneller of langzamer?

Zet de twee keyframes dichter bij elkaar voor een snellere draai of verder uit elkaar voor een langzamere. Een hogere Rotation-waarde met dezelfde timing laat hem ook sneller draaien.

Waarom draait mijn icoon om het verkeerde punt?

Rotation gebruikt het Anchor Point. Pas de waarden van het Anchor Point aan zodat het punt in het midden van het icoon ligt.

Animaties zoals deze zien er het best uit met goede easing, en EaseFlow geeft je met één klik echte curves. Download EaseFlow voor Premiere Pro