Tutoriale Premiere Pro

Jak zrobić efekt paska ładowania w Premiere Pro

Stwórz animowany pasek postępu, który wypełnia dół filmu, używając kształtu prostokąta i klatek kluczowych Scale Width w Premiere Pro.

Motion GraphicsPremiere Pro
Red progress bar along the bottom of an aerial river shot in Premiere Pro

Obejrzyj samouczek

Krok 1: Narysuj prostokąt

Ułóż klipy na osi czasu i przesuń głowicę odtwarzania na sam początek. Na pasku narzędzi kliknij narzędzie kształtów i przytrzymaj, a następnie wybierz Rectangle Tool. Potem kliknij i przeciągnij w Program Monitor, aby narysować prostokąt w dowolnym miejscu obrazu. Premiere doda go jako klip Graphic na ścieżce nad twoim materiałem.

Program Monitor w Premiere Pro z szarym prostokątem narysowanym na ujęciu z drona i klipem Graphic na V2 nad trzema klipami wideo

Krok 2: Umieść pasek przy dolnej krawędzi

Przełącz się na Selection Tool klawiszem V i przeciągnij prostokąt na dół kadru. Rozciągnij go uchwytami, aż zajmie całą szerokość obrazu i uzyska pożądaną grubość. Cienki pasek wygląda czyściej niż gruby. Przyciąganie do krawędzi kadru pomaga ustawić go dokładnie.

Krok 3: Wydłuż grafikę do długości filmu

Pasek postępu ma sens tylko wtedy, gdy trwa przez cały film. Na osi czasu przeciągnij koniec klipu Graphic, aż dotrze do końca ostatniego klipu. W filmie grafika przykrywa wszystkie trzy klipy pod spodem.

Oś czasu w Premiere Pro z klipem Graphic na V2 rozciągniętym do końca trzech klipów wideo na V1

Krok 4: Zmień kolor

Przy zaznaczonej grafice otwórz Effect Controls i rozwiń Shape (Shape 01), a potem Appearance. Kliknij próbkę koloru Fill, aby otworzyć Color Picker, i wybierz kolor. W filmie użyto jaskrawej czerwieni, ale możesz dopasować kolor swojej marki albo użyć zakraplacza, żeby pobrać kolor z materiału. Zostaw Stroke wyłączony, żeby pasek był czysty.

Effect Controls w Premiere Pro z Fill w Shape Appearance ustawionym na czerwony i czerwonym paskiem na dole Program Monitor

Krok 5: Ustaw punkt zakotwiczenia i wyłącz Uniform Scale

Aby pasek rósł od lewej do prawej, musi skalować się od lewej krawędzi. W Effect Controls, w sekcji Vector Motion, przesuń Anchor Point na lewy koniec paska (w filmie robi się to, zmieniając wartości Anchor Point i dopasowując do nich Position). Następnie odznacz Uniform Scale. Odblokuje to Scale Width, więc możesz zmieniać samą szerokość bez zmiany wysokości.

Krok 6: Animuj Scale Width

Przejdź do pierwszej klatki grafiki, kliknij stoper obok Scale Width i ustaw wartość 0, żeby pasek zaczynał się jako niewidoczny. Potem skocz do ostatniej klatki grafiki i ustaw Scale Width na 100. Premiere automatycznie utworzy drugą klatkę kluczową. Naciśnij spację, aby odtworzyć, i zobacz, jak pasek wypełnia ekran od lewej do prawej przez cały film.

Effect Controls w Premiere Pro z odznaczonym Uniform Scale, aktywnym stoperem Scale Width i czerwonym kolorem Fill

Płynniej z EaseFlow: zaznacz klatki kluczowe Scale Width i zastosuj prawdziwą krzywą easingu jednym kliknięciem zamiast przeciągać uchwyty Beziera. Poznaj EaseFlow

Wskazówki

  • Zostaw liniowo dla prawdziwego paska postępu. Pasek rosnący ze stałą prędkością pokrywa się z głowicą odtwarzania, a pasek z easingiem zaczyna i kończy się powoli, co bardziej przypomina animację ładowania.
  • Zrób krótką animację ładowania. Skróć grafikę do kilku sekund i animuj Scale Width w tym czasie, aby dostać szybki pasek ładowania do intra lub przejścia.
  • Dodaj drugi pasek. Zduplikuj grafikę, zmień jej kolor i umieść ją za pierwszą, aby powstał tor, który pasek wypełnia.

FAQ

Jak zrobić pasek ładowania w Premiere Pro?

Narysuj prostokąt za pomocą Rectangle Tool, przesuń jego Anchor Point na lewą krawędź, odznacz Uniform Scale, a potem ustaw klatki kluczowe Scale Width od 0 do 100.

Dlaczego mój pasek rośnie od środka, a nie od lewej?

Anchor Point nadal jest na środku kształtu. Przesuń Anchor Point na lewy koniec paska, żeby skalowanie zaczynało się stamtąd.

Czy mogę użyć tego jako paska postępu wideo na YouTube lub TikToka?

Tak. Umieść pasek na dole kadru, rozciągnij grafikę na pełną długość filmu i animuj Scale Width od 0 do 100 w tym czasie.

Chcesz gotowe animowane grafiki, które działają po kilku kliknięciach? Przejrzyj nasze szablony motion graphics do Premiere Pro. Przeglądaj szablony