Tutorials för Premiere Pro

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

Bygg en animerad chattbubbla i iPhone-stil i Premiere Pro med verktygen Rectangle och Pen, Horizontal Flip, Tint och en mjuk Scale-animation.

Motion GraphicsPremiere Pro
Man relaxing on a bean bag with three iPhone style chat bubbles in blue and green over the video

Se handledningen

Steg 1: Rita en rektangel

Lägg ditt material på tidslinjen. Klicka på Rectangle Tool i verktygsfältet och dra ut en enkel rektangel i Program-monitorn där du vill ha bubblan. Den dyker upp som ett grafiklager på spåret ovanför ditt klipp.

Steg 2: Runda hörnen och välj en färg

Med formen markerad öppnar du panelen Essential Graphics (Window > Essential Graphics) och byter till fliken Edit. Höj värdet för Roundness i avsnittet Align and Transform tills rektangeln blir en mjuk pillerform. I videon hamnar det på cirka 150. Scrolla sedan ner till Appearance, klicka på den grå färgrutan vid Fill och välj den färg du gillar, till exempel den klassiska ljusblå.

Värdet Roundness i avsnittet Align and Transform i panelen Essential Graphics i Premiere Pro

Steg 3: Lägg till svansen med Pen-verktyget

Klicka på den grå tomma ytan på tidslinjen för att avmarkera allt. Välj sedan verktyget Pen i verktygsfältet och klicka i Program-monitorn för att rita en liten triangel i rektangelns nedre hörn. Stäng formen genom att klicka på din första punkt. Ge den samma fyllningsfärg så att triangeln smälter ihop med bubblan och blir svansen.

Pen-verktygets ankarpunkter som ritar en triangelformad svans i hörnet på en blå rundad rektangel i Program-monitorn i Premiere Pro

Steg 4: Slå ihop formerna till en bubbla

Rektangeln och triangeln är fortfarande två separata lager. Klicka på det ena på tidslinjen, håll ned Shift och klicka på det andra, högerklicka sedan och välj Nest. Ge den ett namn och klicka på OK. Nu är din chattbubbla ett enda klipp som du kan flytta, skala och animera som ett objekt.

Högerklicksmeny på två markerade grafiklager på tidslinjen i Premiere Pro med alternativet Nest

Steg 5: Duplicera bubblan till svaret

Håll ned Alt (Option på Mac) och dra den nästlade bubblan ett spår uppåt för att duplicera den. Dubbelklicka på den övre bubblan i Program-monitorn och flytta den en bit nedåt. Sök sedan efter Horizontal Flip i panelen Effects, lägg den på den övre bubblan och flytta den, så att svansen pekar åt andra hållet som ett svar från någon annan.

Snabbare med BetterFX: hoppa över panelen Effects. Tryck på din BetterFX-genväg, skriv de första bokstäverna i Horizontal Flip och tryck på Enter för att lägga den på det markerade klippet. Hämta BetterFX

Om du vill ge svaret en egen färg lägger du effekten Tint på det övre lagret. I Effect Controls klickar du på färgrutorna bredvid Map Black To och Map White To och väljer de färger du vill ha. Videon använder grönt för den andra bubblan.

Effekten Tint med Map Black To och Map White To och en grön Color Picker öppen i Premiere Pro

Steg 6: Lägg till meddelandena

Använd verktyget Type för att skriva meddelandet till din första bubbla, klicka sedan på den grå ytan på tidslinjen igen och skriv det andra meddelandet. Se till att varje text sitter snyggt inuti sin bubbla. För att hålla ihop varje meddelande med sin bubbla markerar du en bubbla och dess text (håll ned Shift för att markera båda), högerklickar, väljer Nest och klickar på OK. Upprepa för den andra bubblan och dess text.

Steg 7: Animera uppdykandet

Lägg effekten Transform på den nedre bubblan. Öppna Transform i Effect Controls, klicka på stoppuret bredvid Scale för att skapa en keyframe och ange sedan ett andra värde så att bubblan går från 0 (osynlig) till full storlek på några bildrutor. Markera båda keyframes, högerklicka på en av dem och välj Ease In, högerklicka sedan igen och välj Ease Out. Det gör uppdykandet mjukt i stället för mekaniskt.

Högerklicksmeny på Scale-keyframes i panelen Effect Controls i Premiere Pro med alternativen Ease In och Ease Out

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

Klicka till sist på ordet Transform i Effect Controls, tryck på Ctrl + C (Cmd + C på Mac) för att kopiera, markera den andra bubblan och tryck på Ctrl + V. Animationen ligger nu på båda bubblorna. Om du inte vill att de ska dyka upp samtidigt drar du den andra bubblan lite senare på tidslinjen.

Tips

  • Förskjut meddelandena. Om du förskjuter den andra bubblan en halv sekund känns det som ett riktigt samtal.
  • Håll texten kort. Korta meddelanden läses snabbare och passar bättre i bubblan.
  • Lägg till ett ljud. Ett meddelandeljud eller ett svisch på varje bubbla gör animationen mycket mer verklig.

FAQ

Hur gör jag en chattbubbla i Premiere Pro?

Rita en rektangel med Rectangle Tool, runda hörnen i Essential Graphics, lägg till en triangelformad svans med Pen-verktyget och nästla ihop de två formerna.

Hur vänder jag en chattbubbla så att den pekar åt andra hållet?

Lägg effekten Horizontal Flip på den duplicerade bubblan och flytta den, så att svansen pekar åt motsatt sida.

Hur får jag bubblorna att poppa upp mjukt?

Animera Scale med keyframes från 0 till full storlek och lägg Ease In och Ease Out på keyframes. Läs mer i vår guide om att mjuka upp keyframes i Premiere Pro.

Vill du ha en färdig version? Prova mallen för notisanimation och dra den rakt in i ditt projekt.