Se tutorialen
Steg 1: Installera ett tillägg för skärmdumpar av hela sidan
För att få hela sidan som en enda bild behöver du ett tillägg för skärmdumpar av hela sidan. Tutorialen använder det kostnadsfria Chrome-tillägget GoFullPage - Full Page Screen Capture. Installera det från Chrome Web Store så dyker det upp i webbläsarens tilläggsmeny.

Steg 2: Fånga webbsidan
Öppna webbplatsen du vill visa, klicka på ikonen Extensions och sedan på kameraikonen för GoFullPage. Tillägget tar flera skärmdumpar av hela sidan och sätter ihop dem till en lång bild. När det är klart kan du ladda ner den som PDF eller PNG. Välj Download image (PNG).

Steg 3: Placera bilden i Premiere Pro
Importera PNG-filen och dra den till tidslinjen. Skala upp den och placera den så att toppen av sidan fyller bilden, det är din startposition. Det fungerar bäst när bildens bredd matchar bredden på din video.
Snabbare med QuickPaste: kopiera bilden och klistra in den direkt i tidslinjen med en genväg, utan att först spara och importera en fil. Se QuickPaste
Steg 4: Lägg till effekten Transform och en Position-keyframe
Sök efter Transform i Effects-panelen (Video Effects > Transform) och dra den på bilden. Öppna avsnittet Transform i Effect Controls, flytta uppspelningshuvudet till början och klicka på stoppuret bredvid Position för att skapa den första keyframen. Gå sedan framåt i tidslinjen och dra bilden uppåt, eller ändra Position-värdet, tills du kommer till den del av sidan du vill sluta på. Premiere Pro lägger automatiskt till den andra keyframen.

Steg 5: Gör rullningen mjuk med Ease Out
Markera keyframes, högerklicka på en av dem, välj Temporal Interpolation och sedan Ease Out. Rullningen startar nu i full fart och saktar ner till ett mjukt stopp, vilket ser mycket mer naturligt ut än en rak linjär rörelse.

Mjukare med EaseFlow: markera keyframes och använd en riktig easing-kurva med ett klick i stället för att dra i Bezier-handtag. Se EaseFlow
Steg 6: Finjustera hastighetskurvan och lägg till rörelseoskärpa
För full kontroll fäller du ut pilen bredvid Position och klickar på en keyframe för att visa hastighetsgrafen och dess handtag. Dra i handtagen för att forma din egen kurva. Dra bara inte handtagen uppåt, för då skjuter bilden över målet och förstör animationen. För extra realism avmarkerar du Use Composition's Shutter Angle i effekten Transform och ökar Shutter Angle för att lägga till rörelseoskärpa medan sidan rullar.

Tips
- Fånga i ett brett fönster. Ett större webbläsarfönster ger en skarpare bild när den skalas upp i Premiere Pro.
- Rulla i små avsnitt. På mycket långa sidor lägger du till fler keyframes så att sidan pausar vid varje del.
FAQ
Hur får jag en webbsida att rulla i Premiere Pro?
Fånga hela sidan som en PNG, lägg till effekten Transform och animera dess Position med keyframes från bildens topp till botten. Gör sedan keyframes mjuka.
Varför ser min rullning ryckig ut?
Keyframes är linjära som standard. Använd Ease Out eller en easing-kurva och lägg till lite rörelseoskärpa via inställningen Shutter Angle.
Behöver jag effekten Transform?
Det är det rekommenderade sättet. Dess Position verkar på själva bilden och ger dig Shutter Angle för rörelseoskärpa.
Letar du efter animerade tillgångar att visa vid sidan av din sida? Bläddra bland våra motion graphic-mallar.








