Premiere Pro -tutoriaalit

Näin teet sulavan verkkosivun vierityksen Premiere Prossa

Tallenna koko verkkosivu yhtenä kuvana ja animoi se Premiere Prossa Transform-avainkuvilla, Ease Outilla ja liikesumennuksella sulavaa vieritystä varten.

Motion GraphicsPremiere Pro
Website page shown in the Premiere Pro Program Monitor for a smooth scrolling animation

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.

GoFullPage - Full Page Screen Capture -laajennus Chrome Web Storessa

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).

Download image (PNG) -painike GoFullPage-laajennuksessa

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.

Position-sekuntikello Transform-efektissä Premiere Pron Effect Controlsissa

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.

Temporal Interpolation -valikko, jossa Ease Out, Premiere Prossa

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.

Position-nopeuskaavio kahvoineen Premiere Pron Effect Controlsissa

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.