by 
Glidende websiderulning er en fantastisk måde at vise en butik, en portfolio eller en app frem i en video. I Premiere Pro fanger du hele websiden som ét højt billede og animerer derefter dets position med keyframes og en easing-kurve, så det glider i stedet for at hoppe.
Se tutorialen
Trin 1: Installér en udvidelse til skærmbilleder af hele siden
For at få hele siden som ét billede skal du bruge en udvidelse til skærmbilleder af hele siden. Tutorialen bruger den gratis Chrome-udvidelse GoFullPage - Full Page Screen Capture, hvis link står i videobeskrivelsen. Installér den fra Chrome Web Store, og den dukker op i browserens udvidelsesmenu.
Trin 2: Fang websiden
Åbn den hjemmeside, du vil vise, klik på ikonet Extensions og derefter på kameraikonet for GoFullPage. Den tager flere skærmbilleder af hele siden og sætter dem sammen til ét langt billede. Når den er færdig, kan du downloade det som PDF eller PNG. Vælg Download image (PNG).
Trin 3: Placér billedet i Premiere Pro
Importér PNG'en, og træk den ind på din tidslinje. Skalér den op, og placér den, så toppen af siden fylder dit billede. Det er din startposition. Det fungerer bedst, når billedets bredde svarer til bredden på din video.
Hurtigere med QuickPaste: kopiér billedet, og indsæt det direkte i din tidslinje med én genvej, uden først at gemme og importere en fil. Se QuickPaste
Trin 4: Tilføj Transform-effekten og en Position-keyframe
Søg efter Transform i Effects-panelet (Video Effects > Transform), og træk den hen på billedet. Åbn sektionen Transform i Effect Controls, flyt afspilningshovedet til starten, og klik på stopuret ved siden af Position for at oprette den første keyframe. Gå derefter videre i tidslinjen, og træk billedet op eller ændr Position-værdien, indtil du når til den del af siden, du vil slutte på. Premiere Pro tilføjer automatisk den anden keyframe.
Trin 5: Gør rulningen blød med Ease Out
Markér keyframes, højreklik på en af dem, vælg Temporal Interpolation og derefter Ease Out. Rulningen starter nu i fuld fart og bremser op til et blidt stop, hvilket ser langt mere naturligt ud end en ensartet lineær bevægelse.
Blødere med EaseFlow: markér keyframes og anvend en ægte easing-kurve med ét klik i stedet for at trække i Bezier-håndtag. Se EaseFlow
Trin 6: Finjustér hastighedskurven og tilføj bevægelsessløring
For fuld kontrol folder du pilen ud ved siden af Position og klikker på en keyframe for at vise hastighedsgrafen og dens håndtag. Træk i håndtagene for at forme din egen kurve. Træk bare ikke håndtagene opad, for så skyder billedet over målet og ødelægger animationen. For ekstra realisme fjerner du fluebenet ved Use Composition's Shutter Angle i Transform-effekten og øger Shutter Angle for at tilføje bevægelsessløring, mens siden ruller.
Tips
- Fang i et bredt vindue. Et større browservindue giver et skarpere billede, når det skaleres op i Premiere Pro.
- Rul i små sektioner. På meget lange sider tilføjer du flere keyframes, så siden holder pause ved hver del.
FAQ
Hvordan får jeg en hjemmeside til at rulle i Premiere Pro?
Fang hele siden som én PNG, tilføj Transform-effekten, og animér dens Position med keyframes fra toppen af billedet til bunden. Gør derefter keyframes bløde.
Hvorfor ser min rulning hakkende ud?
Keyframes er lineære som standard. Anvend Ease Out eller en easing-kurve, og tilføj noget bevægelsessløring via indstillingen Shutter Angle.
Har jeg brug for Transform-effekten?
Det er den anbefalede metode. Dens Position virker på selve billedet og giver dig Shutter Angle til bevægelsessløring.
Leder du efter animerede elementer til at vise ved siden af din side? Udforsk vores motion graphic-skabeloner.
