Premiere Pro-tutorials

Slik lager du en iPhone-knappeanimasjon i Premiere Pro

Bygg en av/på-bryter i iPhone-stil av to former, animer den med keyframes og gjør den grønn med Tint-effekten.

Motion GraphicsPremiere Pro
A green iPhone style toggle switch with a white circle, animated in Premiere Pro

Se opplæringen

Trinn 1: Tegn selve bryteren

Velg Rectangle Tool fra verktøylinjen, og klikk og dra i Program Monitor for å tegne et rektangel. La formlaget være valgt, og åpne Window > Essential Graphics hvis panelet ikke er synlig. Klikk på fanen Edit.

Trinn 2: Avrund hjørnene

Finn verdien corner radius ved siden av bredde og høyde i Essential Graphics. Øk den helt til maksimum, som er 1000. Rektangelet blir en pille, som er selve bryteren. Sørg for at Fill er mørk grå, som en iPhone-bryter som er slått av. For å endre størrelsen velger du Selection Tool og drar i håndtakene på formen.

Corner radius satt til maksimum i Essential Graphics, som gjør et rektangel til en pilleform i Premiere Pro

Trinn 3: Legg til den hvite sirkelen

Klikk på det tomme grå området på tidslinjen for å fjerne valget av laget. Klikk og hold deretter formverktøyet på verktøylinjen, og velg Ellipse Tool. Hold inne Shift mens du drar i Program Monitor for å tegne en perfekt sirkel. Endre fargen på Fill til hvit i Essential Graphics. Bruk Selection Tool til å flytte sirkelen til venstre ende av pillen og endre størrelsen så den passer pent inni.

En hvit sirkel plassert i venstre ende av en grå pilleform i Premiere Pro

Trinn 4: Animer sirkelen med Position-keyframes

Velg sirkellaget og åpne Effect Controls. Flytt avspillingshodet til punktet der bryteren skal begynne å bevege seg, og klikk på stoppeklokken ved siden av Position for å lage en keyframe. Gå fremover til punktet der animasjonen skal være ferdig, og endre verdien for Position slik at sirkelen sitter i den andre enden av pillen. For å gjøre den raskere drar du de to keyframene nærmere hverandre.

Position-keyframes for den hvite sirkelen i Effect Controls i Premiere Pro

Trinn 5: Gjør bevegelsen jevn

En ekte bryter starter og stopper mykt. Velg begge keyframene, høyreklikk på en av dem og velg Temporal Interpolation > Ease In. Gjør det samme igjen og velg Ease Out. For mer kontroll klikker du på den lille pilen ved siden av Position for å åpne hastighetsgrafen. Velg keyframene for å få fram håndtakene, og form din egen hastighetskurve.

Jevnere med EaseFlow: velg keyframene og bruk en ekte easing-kurve med ett klikk i stedet for å dra i Bezier-håndtak. Se EaseFlow

Trinn 6: Legg til Tint-effekten

Nå skal bryteren bli grønn når den slås på. Åpne Effects-panelet, søk etter Tint (under Video Effects > Color Correction) og bruk den på det nederste laget, pillen.

Søk etter Tint-effekten i Effects-panelet i Premiere Pro

Raskere med BetterFX: hopp over Effects-panelet. Trykk BetterFX-snarveien, skriv de første bokstavene i Tint og trykk Enter for å bruke den på det valgte klippet. Få BetterFX

Trinn 7: Sett keyframes på fargen

Før du endrer noen farge, må du stille avspillingshodet etter animasjonen din. Velg det øverste klippet, åpne Effect Controls og hopp til den første keyframen med pilen ved siden av Position. Velg deretter det nederste laget igjen og klikk på stoppeklokkene ved siden av Map Black To og Map White To for å lage keyframes med de opprinnelige fargene.

Velg sirkellaget igjen og flytt avspillingshodet til den siste keyframen. Gå nå tilbake til det nederste laget og sett Map White To til en klar grønn. Sett Map Black To til en mørkere grønn. Du kan velge en hvilken som helst annen farge hvis du vil. Trykk på spill av, så glir bryteren over og blir grønn samtidig.

Tint-keyframes for Map Black To og Map White To med en grønn bryter i Premiere Pro

Tips

  • Grupper lagene. Nest pillen og sirkelen slik at du kan flytte eller skalere hele bryteren som ett objekt.
  • Legg til en klikklyd. En liten klikkeffekt når sirkelen beveger seg gjør animasjonen mer ekte.
  • Reverser den. Dupliser nesten og snu den, så bryteren slås av igjen.

FAQ

Hvordan lager jeg en pilleform i Premiere Pro?

Tegn et rektangel, og øk deretter corner radius i Essential Graphics til maksimumsverdien.

Hvordan tegner jeg en perfekt sirkel i Premiere Pro?

Velg Ellipse Tool og hold inne Shift mens du drar i Program Monitor.

Hvordan animerer jeg et fargeskifte i Premiere Pro?

Bruk Tint-effekten og sett keyframes på fargene Map Black To og Map White To i starten og slutten av animasjonen.

Leter du etter ferdige animerte grafikker? Se Motion Graphic Templates.