Premiere Pro-tutorials

Sådan laver du en iPhone-chatboble i Premiere Pro

Byg en animeret chatboble i iPhone-stil i Premiere Pro med værktøjerne Rectangle og Pen, Horizontal Flip, Tint og en blød 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 tutorialen

Trin 1: Tegn et rektangel

Læg dit materiale på tidslinjen. Klik på Rectangle Tool i værktøjslinjen, og træk et enkelt rektangel ud i Program-monitoren, hvor du vil have boblen. Det vises som et grafiklag på sporet over dit klip.

Trin 2: Afrund hjørnerne og vælg en farve

Med formen markeret åbner du panelet Essential Graphics (Window > Essential Graphics) og skifter til fanen Edit. I afsnittet Align and Transform øger du værdien for Roundness, indtil rektanglet bliver til en blød pillefacon. I videoen ender den omkring 150. Rul derefter ned til Appearance, klik på den grå farveboks ved Fill, og vælg den farve, du kan lide, for eksempel den klassiske lyseblå.

Værdien Roundness i afsnittet Align and Transform i panelet Essential Graphics i Premiere Pro

Trin 3: Tilføj halen med Pen-værktøjet

Klik på det grå tomme område på tidslinjen for at fjerne markeringen af alt. Vælg derefter værktøjet Pen i værktøjslinjen, og klik i Program-monitoren for at tegne en lille trekant i rektanglets nederste hjørne. Luk formen ved at klikke på dit første punkt. Giv den samme fyldfarve, så trekanten smelter sammen med boblen og bliver til halen.

Pen-værktøjets ankerpunkter, der tegner en trekantet hale i hjørnet af et blåt afrundet rektangel i Program-monitoren i Premiere Pro

Trin 4: Saml formerne til én boble

Rektanglet og trekanten er stadig to separate lag. Klik på det ene på tidslinjen, hold Shift nede og klik på det andet, højreklik derefter og vælg Nest. Giv det et navn, og klik på OK. Nu er din chatboble ét enkelt klip, som du kan flytte, skalere og animere som ét objekt.

Højreklikmenu på to markerede grafiklag på tidslinjen i Premiere Pro med indstillingen Nest

Trin 5: Dupliker boblen til svaret

Hold Alt (Option på Mac) nede, og træk den indlejrede boble ét spor op for at duplikere den. Dobbeltklik på den øverste boble i Program-monitoren, og flyt den lidt ned. Søg derefter efter Horizontal Flip i panelet Effects, læg den på den øverste boble, og flyt den, så halen peger den anden vej som et svar fra en anden.

Hurtigere med BetterFX: spring panelet Effects over. Tryk på din BetterFX-genvej, skriv de første bogstaver af Horizontal Flip, og tryk på Enter for at lægge den på det valgte klip. Hent BetterFX

Hvis du vil give svaret sin egen farve, lægger du effekten Tint på det øverste lag. I Effect Controls klikker du på farveprøverne ved siden af Map Black To og Map White To og vælger de farver, du vil have. Videoen bruger grøn til den anden boble.

Effekten Tint med Map Black To og Map White To og en grøn Color Picker åben i Premiere Pro

Trin 6: Tilføj beskederne

Brug værktøjet Type til at skrive beskeden til din første boble, klik så igen på det grå område på tidslinjen, og skriv den anden besked. Placér hver tekst pænt inde i sin boble. For at holde hver besked sammen med sin boble markerer du en boble og dens tekst (hold Shift nede for at markere begge), højreklikker, vælger Nest og klikker på OK. Gentag for den anden boble og dens tekst.

Trin 7: Animer fremkomsten

Læg effekten Transform på den nederste boble. Åbn Transform i Effect Controls, klik på stopuret ved siden af Scale for at oprette en keyframe, og angiv så en anden værdi, så boblen går fra 0 (usynlig) til fuld størrelse på nogle få billeder. Markér begge keyframes, højreklik på den ene og vælg Ease In, højreklik derefter igen og vælg Ease Out. Det gør fremkomsten blød i stedet for mekanisk.

Højreklikmenu på Scale-keyframes i panelet Effect Controls i Premiere Pro med indstillingerne Ease In og Ease Out

Blødere med EaseFlow: markér keyframes, og læg en ægte easing-kurve på med ét klik i stedet for at trække i Bezier-håndtag. Se EaseFlow

Til sidst klikker du på ordet Transform i Effect Controls, trykker på Ctrl + C (Cmd + C på Mac) for at kopiere, markerer den anden boble og trykker på Ctrl + V. Animationen ligger nu på begge bobler. Hvis du ikke vil have, at de dukker op samtidig, trækker du den anden boble lidt senere på tidslinjen.

Tips

  • Forskyd beskederne. Hvis du forskyder den anden boble et halvt sekund, føles det som en rigtig samtale.
  • Hold teksten kort. Korte beskeder læses hurtigere og passer bedre ind i boblen.
  • Tilføj en lyd. En beskedlyd eller en whoosh på hver boble gør animationen meget mere ægte.

FAQ

Hvordan laver jeg en chatboble i Premiere Pro?

Tegn et rektangel med Rectangle Tool, afrund hjørnerne i Essential Graphics, tilføj en trekantet hale med Pen-værktøjet, og indlejr de to former sammen.

Hvordan vender jeg en chatboble, så den peger den anden vej?

Læg effekten Horizontal Flip på den duplikerede boble, og flyt den, så halen peger mod den modsatte side.

Hvordan får jeg boblerne til at poppe blødt op?

Animer Scale med keyframes fra 0 til fuld størrelse, og læg Ease In og Ease Out på keyframes. Læs mere i vores guide til at udjævne keyframes i Premiere Pro.

Vil du have en færdig version? Prøv skabelonen til notifikationsanimation, og træk den direkte ind i dit projekt.