Obejrzyj poradnik
Krok 1: Zainstaluj rozszerzenie do zrzutów całej strony
Aby uzyskać całą stronę jako jeden obraz, potrzebujesz rozszerzenia do zrzutów ekranu całej strony. Poradnik korzysta z darmowego rozszerzenia do Chrome GoFullPage - Full Page Screen Capture. Zainstaluj je ze sklepu Chrome Web Store, a pojawi się w menu rozszerzeń przeglądarki.
Krok 2: Przechwyć stronę internetową
Otwórz witrynę, którą chcesz pokazać, kliknij ikonę Extensions, a potem ikonę aparatu GoFullPage. Rozszerzenie robi kilka zrzutów całej strony i skleja je w jeden długi obraz. Gdy skończy, możesz pobrać go jako PDF lub PNG. Wybierz Download image (PNG).
Krok 3: Umieść obraz w Premiere Pro
Zaimportuj plik PNG i przeciągnij go na oś czasu. Powiększ go i ustaw tak, aby górna część strony wypełniała kadr. To twoja pozycja początkowa. Najlepiej działa to, gdy szerokość obrazu odpowiada szerokości filmu.
Szybciej z QuickPaste: skopiuj obraz i wklej go prosto na oś czasu jednym skrótem, bez wcześniejszego zapisywania i importowania pliku. Poznaj QuickPaste
Krok 4: Dodaj efekt Transform i klatkę kluczową Position
Wyszukaj Transform w panelu Effects (Video Effects > Transform) i przeciągnij go na obraz. W Effect Controls otwórz sekcję Transform, ustaw głowicę na początku i kliknij stoper obok Position, aby utworzyć pierwszą klatkę kluczową. Następnie przejdź dalej na osi czasu i przeciągnij obraz w górę lub zmień wartość Position, aż dojdziesz do fragmentu strony, na którym chcesz skończyć. Premiere Pro doda drugą klatkę kluczową automatycznie.
Krok 5: Wygładź przewijanie za pomocą Ease Out
Zaznacz klatki kluczowe, kliknij jedną prawym przyciskiem myszy, wybierz Temporal Interpolation, a następnie Ease Out. Przewijanie startuje teraz z pełną prędkością i łagodnie zwalnia aż do zatrzymania, co wygląda znacznie naturalniej niż prosty ruch liniowy.
Płynniej z EaseFlow: zaznacz klatki kluczowe i zastosuj prawdziwą krzywą easingu jednym kliknięciem zamiast ciągnąć uchwyty Bezier. Poznaj EaseFlow
Krok 6: Dopracuj krzywą prędkości i dodaj rozmycie ruchu
Aby mieć pełną kontrolę, rozwiń strzałkę obok Position i kliknij klatkę kluczową, by wyświetlić wykres prędkości i jego uchwyty. Przeciągaj uchwyty, aby ukształtować własną krzywą. Tylko nie ciągnij uchwytów w górę, bo obraz przeskoczy cel i zepsuje animację. Dla większego realizmu odznacz Use Composition's Shutter Angle w efekcie Transform i zwiększ Shutter Angle, aby dodać rozmycie ruchu podczas przewijania strony.
Wskazówki
- Przechwytuj w szerokim oknie. Większe okno przeglądarki daje ostrzejszy obraz po przeskalowaniu w Premiere Pro.
- Przewijaj małymi fragmentami. Przy bardzo długich stronach dodaj więcej klatek kluczowych, aby strona zatrzymywała się na każdej części.
FAQ
Jak sprawić, by strona internetowa przewijała się w Premiere Pro?
Przechwyć całą stronę jako jeden PNG, dodaj efekt Transform i animuj jego Position klatkami kluczowymi od góry obrazu do dołu, a potem wygładź klatki kluczowe.
Dlaczego moje przewijanie wygląda szarpnięciami?
Klatki kluczowe są domyślnie liniowe. Zastosuj Ease Out lub krzywą easingu i dodaj trochę rozmycia ruchu w ustawieniu Shutter Angle.
Czy potrzebuję efektu Transform?
To zalecany sposób. Jego Position działa na sam obraz i daje ci Shutter Angle do rozmycia ruchu.
Szukasz animowanych elementów do pokazania obok swojej strony? Przeglądaj nasze szablony motion graphics.
