Premiere Pro-tutorials

Slik lager du en iPhone-chatboble i Premiere Pro

Bygg en animert chatboble i iPhone-stil i Premiere Pro med verktøyene Rectangle og Pen, Horizontal Flip, Tint og en myk Scale-animasjon.

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

Se opplæringen

Trinn 1: Tegn et rektangel

Legg materialet ditt på tidslinjen. Klikk på Rectangle Tool i verktøylinjen og dra ut et enkelt rektangel i Program-monitoren der du vil ha boblen. Det vises som et grafikklag på sporet over klippet ditt.

Trinn 2: Rund av hjørnene og velg en farge

Med formen markert åpner du panelet Essential Graphics (Window > Essential Graphics) og bytter til fanen Edit. I delen Align and Transform øker du verdien for Roundness til rektangelet blir en myk pillefasong. I videoen ender den rundt 150. Rull deretter ned til Appearance, klikk på den grå fargeboksen ved Fill og velg fargen du liker, for eksempel den klassiske lyseblå.

Verdien Roundness i delen Align and Transform i panelet Essential Graphics i Premiere Pro

Trinn 3: Legg til halen med Pen-verktøyet

Klikk på det grå tomme området på tidslinjen for å oppheve markeringen av alt. Velg deretter verktøyet Pen i verktøylinjen og klikk i Program-monitoren for å tegne en liten trekant i rektangelets nederste hjørne. Lukk formen ved å klikke på det første punktet. Gi den samme fyllfarge slik at trekanten smelter sammen med boblen og blir halen.

Pen-verktøyets ankerpunkter som tegner en trekantet hale i hjørnet av et blått avrundet rektangel i Program-monitoren i Premiere Pro

Trinn 4: Slå sammen formene til én boble

Rektangelet og trekanten er fortsatt to separate lag. Klikk på det ene på tidslinjen, hold inne Shift og klikk på det andre, høyreklikk deretter og velg Nest. Gi det et navn og klikk på OK. Nå er chatboblen din ett enkelt klipp som du kan flytte, skalere og animere som ett objekt.

Høyreklikkmeny på to markerte grafikklag på tidslinjen i Premiere Pro med alternativet Nest

Trinn 5: Dupliser boblen til svaret

Hold inne Alt (Option på Mac) og dra den nestede boblen ett spor opp for å duplisere den. Dobbeltklikk på den øverste boblen i Program-monitoren og flytt den litt ned. Søk deretter etter Horizontal Flip i panelet Effects, legg den på den øverste boblen og flytt den, slik at halen peker andre veien som et svar fra noen andre.

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

Hvis du vil gi svaret sin egen farge, legger du effekten Tint på det øverste laget. I Effect Controls klikker du på fargeprøvene ved siden av Map Black To og Map White To og velger fargene du vil ha. Videoen bruker grønn til den andre boblen.

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

Trinn 6: Legg til meldingene

Bruk verktøyet Type til å skrive meldingen til den første boblen, klikk så på det grå området på tidslinjen igjen og skriv den andre meldingen. Plasser hver tekst pent inne i boblen sin. For å holde hver melding sammen med boblen sin markerer du en boble og teksten (hold inne Shift for å markere begge), høyreklikker, velger Nest og klikker på OK. Gjenta for den andre boblen og teksten.

Trinn 7: Animer framkomsten

Legg effekten Transform på den nederste boblen. Åpne Transform i Effect Controls, klikk på stoppeklokken ved siden av Scale for å lage en keyframe, og angi deretter en andre verdi slik at boblen går fra 0 (usynlig) til full størrelse på noen få bilder. Marker begge keyframes, høyreklikk på den ene og velg Ease In, høyreklikk så igjen og velg Ease Out. Det gjør framkomsten myk i stedet for mekanisk.

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

Mykere med EaseFlow: marker keyframes og legg på en ekte easing-kurve med ett klikk i stedet for å dra i Bezier-håndtak. Se EaseFlow

Til slutt klikker du på ordet Transform i Effect Controls, trykker Ctrl + C (Cmd + C på Mac) for å kopiere, markerer den andre boblen og trykker Ctrl + V. Animasjonen ligger nå på begge boblene. Hvis du ikke vil at de skal dukke opp samtidig, drar du den andre boblen litt senere på tidslinjen.

Tips

  • Forskyv meldingene. Hvis du forskyver den andre boblen et halvt sekund, føles det som en ekte samtale.
  • Hold teksten kort. Korte meldinger leses raskere og passer bedre i boblen.
  • Legg til en lyd. En meldingslyd eller en whoosh på hver boble gjør animasjonen mye mer ekte.

FAQ

Hvordan lager jeg en chatboble i Premiere Pro?

Tegn et rektangel med Rectangle Tool, rund av hjørnene i Essential Graphics, legg til en trekantet hale med Pen-verktøyet og nest de to formene sammen.

Hvordan snur jeg en chatboble slik at den peker andre veien?

Legg effekten Horizontal Flip på den duplikerte boblen og flytt den, slik at halen peker mot motsatt side.

Hvordan får jeg boblene til å poppe opp mykt?

Animer Scale med keyframes fra 0 til full størrelse og legg Ease In og Ease Out på keyframes. Les mer i guiden vår om å jevne ut keyframes i Premiere Pro.

Vil du ha en ferdig versjon? Prøv malen for varslingsanimasjon og dra den rett inn i prosjektet ditt.