Tutorials för Premiere Pro

Så gör du en iPhone-knappanimation i Premiere Pro

Bygg en av/på-brytare i iPhone-stil av två former, animera den med keyframes och gör den grön med Tint-effekten.

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

Se handledningen

Steg 1: Rita brytarens kropp

Välj Rectangle Tool i verktygsfältet och klicka och dra i Program Monitor för att rita en rektangel. Behåll formlagret markerat och öppna Window > Essential Graphics om panelen inte syns. Klicka på fliken Edit.

Steg 2: Runda av hörnen

Hitta värdet corner radius bredvid bredd och höjd i Essential Graphics. Öka det hela vägen till maxvärdet, som är 1000. Rektangeln blir en piller-form, som är brytarens kropp. Se till att Fill är mörkgrå, som en iPhone-brytare som är avstängd. För att ändra storleken väljer du Selection Tool och drar i formens handtag.

Corner radius inställd på max i Essential Graphics, vilket gör en rektangel till en pillerform i Premiere Pro

Steg 3: Lägg till den vita cirkeln

Klicka på det tomma grå området på tidslinjen för att avmarkera lagret. Klicka sedan och håll nere formverktyget i verktygsfältet och välj Ellipse Tool. Håll ned Shift medan du drar i Program Monitor för att rita en perfekt cirkel. Ändra färgen på Fill till vit i Essential Graphics. Använd Selection Tool för att flytta cirkeln till pillrets vänstra ände och ändra storleken så att den passar snyggt inuti.

En vit cirkel placerad i vänstra änden av en grå pillerform i Premiere Pro

Steg 4: Animera cirkeln med Position-keyframes

Markera cirkellagret och öppna Effect Controls. Flytta uppspelningshuvudet till den punkt där brytaren ska börja röra sig och klicka på stoppuret bredvid Position för att skapa en keyframe. Gå framåt till den punkt där animationen ska vara klar och ändra värdet för Position så att cirkeln sitter i pillrets andra ände. För att göra den snabbare drar du de två keyframes närmare varandra.

Position-keyframes för den vita cirkeln i Effect Controls i Premiere Pro

Steg 5: Gör rörelsen mjukare

En riktig brytare startar och stannar mjukt. Markera båda keyframes, högerklicka på en av dem och välj Temporal Interpolation > Ease In. Gör sedan likadant och välj Ease Out. För mer kontroll klickar du på den lilla pilen bredvid Position för att öppna hastighetsgrafen. Markera keyframes för att få fram handtagen och forma sedan din egen hastighetskurva.

Mjukare med EaseFlow: markera keyframes och lägg på en riktig easingkurva med ett klick i stället för att dra i Bezier-handtag. Se EaseFlow

Steg 6: Lägg till Tint-effekten

Nu ska brytaren bli grön när den slås på. Öppna panelen Effects, sök efter Tint (under Video Effects > Color Correction) och lägg den på det understa lagret, pillret.

Sökning efter Tint-effekten i Effects-panelen i Premiere Pro

Snabbare med BetterFX: hoppa över Effects-panelen. Tryck på din BetterFX-genväg, skriv de första bokstäverna i Tint och tryck Enter för att använda den på det markerade klippet. Skaffa BetterFX

Steg 7: Sätt keyframes på färgen

Innan du ändrar någon färg ska du ställa in uppspelningshuvudet efter din animation. Markera det översta klippet, öppna Effect Controls och hoppa till den första keyframen med pilen bredvid Position. Markera sedan det understa lagret igen och klicka på stoppuren bredvid Map Black To och Map White To för att skapa keyframes med originalfärgerna.

Markera cirkellagret igen och flytta uppspelningshuvudet till den sista keyframen. Gå nu tillbaka till det understa lagret och ställ in Map White To på en klargrön färg. Ställ in Map Black To på en mörkare grön. Du kan välja vilken annan färg som helst om du vill. Tryck på spela upp, så glider brytaren över och blir grön samtidigt.

Tint-keyframes för Map Black To och Map White To med en grön brytare i Premiere Pro

Tips

  • Gruppera lagren. Nesta pillret och cirkeln så att du kan flytta eller skala hela brytaren som ett objekt.
  • Lägg till ett klickljud. Ett litet klick när cirkeln rör sig gör att animationen känns äkta.
  • Vänd på den. Duplicera nesten och vänd den så att brytaren stängs av igen.

FAQ

Hur gör jag en pillerform i Premiere Pro?

Rita en rektangel och öka sedan corner radius i Essential Graphics till maxvärdet.

Hur ritar jag en perfekt cirkel i Premiere Pro?

Välj Ellipse Tool och håll ned Shift medan du drar i Program Monitor.

Hur animerar jag en färgförändring i Premiere Pro?

Lägg på Tint-effekten och sätt keyframes på färgerna Map Black To och Map White To i början och slutet av animationen.

Letar du efter färdiga animerade grafiker? Utforska Motion Graphic Templates.