Katso opetusvideo
Vaihe 1: Asenna koko sivun kuvakaappauslaajennus
Saadaksesi koko sivun yhtenä kuvana tarvitset koko sivun kuvakaappauslaajennuksen. Oppaassa käytetään ilmaista Chrome-laajennusta GoFullPage - Full Page Screen Capture. Asenna se Chrome Web Storesta, niin se ilmestyy selaimen laajennusvalikkoon.

Vaihe 2: Tallenna verkkosivu
Avaa sivusto, jonka haluat näyttää, napsauta Extensions-kuvaketta ja sitten GoFullPagen kamerakuvaketta. Laajennus ottaa useita kuvakaappauksia koko sivusta ja liittää ne yhdeksi pitkäksi kuvaksi. Kun se on valmis, voit ladata kuvan PDF- tai PNG-tiedostona. Valitse Download image (PNG).

Vaihe 3: Aseta kuva Premiere Prohon
Tuo PNG ja vedä se aikajanalle. Suurenna se ja aseta niin, että sivun yläosa täyttää kuvasi, tämä on aloituskohtasi. Tämä toimii parhaiten, kun kuvan leveys vastaa videosi leveyttä.
Nopeammin QuickPastella: kopioi kuva ja liitä se suoraan aikajanalle yhdellä pikanäppäimellä ilman, että sinun tarvitsee ensin tallentaa ja tuoda tiedostoa. Tutustu QuickPasteen
Vaihe 4: Lisää Transform-efekti ja Position-avainkuva
Etsi Transform Effects-paneelista (Video Effects > Transform) ja vedä se kuvan päälle. Avaa Effect Controls -paneelissa Transform-osio, siirrä toistopää alkuun ja napsauta sekuntikelloa kohdan Position vieressä luodaksesi ensimmäisen avainkuvan. Siirry sitten eteenpäin aikajanalla ja vedä kuvaa ylöspäin tai muuta Position-arvoa, kunnes pääset sivun siihen osaan, johon haluat päättyä. Premiere Pro lisää toisen avainkuvan automaattisesti.

Vaihe 5: Tasoita vieritys Ease Outilla
Valitse avainkuvat, napsauta yhtä hiiren kakkospainikkeella, valitse Temporal Interpolation ja sitten Ease Out. Vieritys alkaa nyt täydellä nopeudella ja hidastuu pehmeästi pysähdykseen, mikä näyttää paljon luonnollisemmalta kuin suora lineaarinen liike.

Pehmeämmin EaseFlow'lla: valitse avainkuvat ja käytä oikeaa easing-käyrää yhdellä napsautuksella Bezier-kahvojen vetämisen sijaan. Tutustu EaseFlow'hun
Vaihe 6: Hio nopeuskäyrää ja lisää liikesumennus
Saadaksesi täyden hallinnan avaa nuoli kohdan Position vieressä ja napsauta avainkuvaa, jolloin nopeuskaavio ja sen kahvat tulevat näkyviin. Vedä kahvoja muotoillaksesi oman käyräsi. Älä vain vedä kahvoja ylöspäin, sillä silloin kuva menee yli ja animaatio pilaantuu. Lisää realismia saat poistamalla Transform-efektistä valinnan Use Composition's Shutter Angle ja kasvattamalla Shutter Angle -arvoa, jolloin sivun vieriessä syntyy liikesumennus.

Vinkit
- Tallenna leveässä ikkunassa. Suurempi selainikkuna antaa terävämmän kuvan, kun sitä skaalataan Premiere Prossa.
- Vieritä pienissä osissa. Hyvin pitkillä sivuilla lisää avainkuvia, jotta sivu pysähtyy jokaisen osan kohdalla.
UKK
Miten saan verkkosivun vierimään Premiere Prossa?
Tallenna koko sivu yhtenä PNG:nä, lisää Transform-efekti ja animoi sen Position avainkuvilla kuvan ylälaidasta alalaitaan. Pehmennä avainkuvat sen jälkeen.
Miksi vieritykseni näyttää nykivältä?
Avainkuvat ovat oletuksena lineaarisia. Käytä Ease Outia tai easing-käyrää ja lisää hieman liikesumennusta Shutter Angle -asetuksella.
Tarvitsenko Transform-efektin?
Se on suositeltu tapa. Sen Position vaikuttaa itse kuvaan ja antaa käyttöösi Shutter Anglen liikesumennusta varten.
Etsitkö animoituja elementtejä näytettäväksi sivusi rinnalla? Selaa motion graphic -pohjiamme.








