Premiere Pro-tutorials

Slik lager du en roterende ikon-animasjon i Premiere Pro

Få en logo eller et ikon til å rotere med to Rotation-keyframes i Premiere Pro, og gjør bevegelsen myk slik at den øker farten og lander rolig.

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

Se veiledningen

Trinn 1: Legg til ikonet og åpne Effect Controls

Plasser ikonet på tidslinjen. En PNG eller SVG med gjennomsiktig bakgrunn fungerer best, og du kan legge den over et bakgrunnsklipp eller en fargeflate. Klikk på ikonklippet for å velge det, og åpne deretter panelet Effect Controls (Window > Effect Controls). Åpne delen Motion hvis den er lukket. Bruk Scale og Position hvis du vil justere størrelse og plassering på ikonet først.

Trinn 2: Sett den første Rotation-keyframen

Flytt avspillingshodet til starten av klippet, der du vil at rotasjonen skal begynne. Under Motion klikker du på stoppeklokken ved siden av Rotation. Dette lager din første keyframe med verdien 0.

Effect Controls i Premiere Pro med Rotation-stoppeklokken aktivert ved starten av klippet og ikonet oppreist i Program Monitor

Trinn 3: Roter ikonet på et senere tidspunkt

Flytt avspillingshodet frem til der rotasjonen skal ende. Omtrent ett sekund er et godt utgangspunkt for en rask rotasjon. Endre nå verdien for Rotation. Premiere Pro teller hele omdreininger i tillegg til grader, så du kan skrive inn en verdi med flere omdreininger for en rask animasjon med flere rotasjoner. I videoen gjør ikonet noen hele omdreininger før det stopper. En andre keyframe dukker opp automatisk, og når du spiller av klippet, ser du ikonet rotere.

Ikonet midt i rotasjonen i Program Monitor i Premiere Pro med Rotation-keyframes i Effect Controls

Prøv flere omdreininger for en raskere, villere rotasjon og færre for en roligere. Hvis du ender på et helt antall omdreininger, lander ikonet oppreist igjen, noe som som regel ser reneste ut.

Trinn 4: Sjekk begge keyframes

Se på keyframe-området på høyre side av panelet Effect Controls. Du skal se to diamanter på Rotation-linjen: én ved starten og én der rotasjonen slutter. Du kan dra i begge for å endre hvor lenge rotasjonen varer. Jo nærmere keyframes ligger, jo raskere roterer det.

To Rotation-keyframes i Effect Controls i Premiere Pro med ikonet rotert i Program Monitor

Trinn 5: Gjør rotasjonen myk i grafen

En rett rotasjon går med jevn fart og kan derfor se stiv ut. Klikk på den lille pilen ved siden av Rotation for å åpne verdi- og hastighetsgrafen. Velg keyframes, høyreklikk og velg Temporal Interpolation > Ease In og Ease Out. Dra deretter i Bézier-håndtakene for å forme kurven. En kurve som starter raskt og bremser til stillstand, gir den klassiske følelsen av en rotasjon som lander.

Rotation-verdi- og hastighetsgraf i Effect Controls i Premiere Pro, brukt til å gjøre ikonrotasjonen myk

Mykere med EaseFlow: velg keyframes og bruk en ekte easing-kurve med ett klikk i stedet for å dra i Bézier-håndtak. Se EaseFlow

Tips

  • Roter inn og ut. Hold nede Alt (Option på Mac) og dra en keyframe for å kopiere den, slik at du kan legge til en tilsvarende rotasjon på slutten av klippet.
  • Bruk anchor point. Rotation dreier rundt Anchor Point, så hold det midt i ikonet med mindre du vil ha en sving utenfor midten.
  • Legg til skalering. Sett keyframes på Scale fra liten til full størrelse mens ikonet roterer, for en pop-in-effekt. Easing-guiden vår viser hvordan du pusser på den.

FAQ

Hvordan får jeg et ikon til å rotere i Premiere Pro?

Velg ikonet, legg til en Rotation-keyframe ved starten, gå fremover og endre verdien for Rotation. Premiere Pro animerer rotasjonen mellom de to keyframes.

Hvordan gjør jeg rotasjonen raskere eller saktere?

Flytt de to keyframes nærmere hverandre for en raskere rotasjon eller lenger fra hverandre for en saktere. En høyere Rotation-verdi med samme timing gjør den også raskere.

Hvorfor roterer ikonet mitt rundt feil punkt?

Rotation bruker Anchor Point. Juster verdiene for Anchor Point slik at punktet ligger midt i ikonet.

Animasjoner som denne ser best ut med ordentlig easing, og EaseFlow gir deg ekte kurver med ett klikk. Få EaseFlow for Premiere Pro