REC

Wskazówki dotyczące nagrywania, produkcji, edycji wideo i konserwacji sprzętu.

 WTVID >> Wideo >  >> wideo >> Klip wideo

Utwórz efekt pękniętego ekranu telefonu w After Effects

Nie naprawdę nie trzeba łamać telefonu. Rozwal czwartą ścianę w After Effects dzięki temu łatwemu w obsłudze samouczkowi.

W ciągu ostatniego roku Instagram spotkał się z krytyką wzrostu reklam pojawiających się w feedzie – oraz funkcji „stories”, która zadebiutowała w 2016 roku. Ostatnio, przeglądając historie, zobaczyłam reklamę, która jednak bardzo szybko przykuła moją uwagę z powodów twórczych. Reklama dotyczyła brytyjskiej usługi telefonii komórkowej O2 i miałem zamiar ją pominąć, aż do fantastycznego efektu pojawił się w połowie sceny. Reklama promowała jakiś rodzaj polisy ubezpieczeniowej (chyba nie zwracałem zbytniej uwagi na samą reklamę) dla tych, którzy mają skłonność do upuszczania telefonów. Gdy postacie w reklamie upuszczają telefony, pęka cały ekran. W rezultacie nagranie wideo przemieściłoby się w miejscu pęknięcia „ekranu” .

Chociaż technika ta ma ograniczone zastosowanie w dramacie narracyjnym (być może ma swoje miejsce w gatunku found footage ), istnieje wiele fajnych aplikacji do tego efektu w teledyskach, reklamach i treściach online . Zobaczmy, jak osiągnąć ten efekt w Adobe After Effects .

Miałem podstawowy pomysł, jak uzyskać efekt:tekstura rozbitego szkła, efekt mapy przemieszczeń i zmiana trybu mieszania dla warstwy tekstury. Jednak ciągle napotykałem problem, w którym cały obraz reagował w sposób, którego nie chciałem. Tekstura szkła wpływała na obszary obrazu, na których nie pojawiały się pęknięcia , nawet gdybym zmienił ustawienie zachowania mapy przemieszczeń.

Na szczęście YouTuber Trey Trimble wyprodukował film obejmujący podobny efekt i mogłem zobaczyć, gdzie wystąpił błąd. Tekstura szkła była kwadratowym plikiem JPEG, a mapa przemieszczeń działała na krawędziach kwadratu , a nie same pęknięcia. Poprawka polegała na zamaskowaniu pękniętej tekstury, aby wyglądała na bardziej kanciastą.

Aby uzyskać efekt, będziesz potrzebować tekstury popękanego szklanego ekranu i na szczęście możesz znaleźć setki tekstur online, po prostu sprawdź warunki licencji – oto punkt wyjścia.

Metoda

Zaimportuj teksturę szkła do Photoshopa — możesz również wykonać to zadanie w After Effects , ale wolę prostotę Photoshopa — i wybierz narzędzie Pióro. Teraz utwórz maskę kątową wokół niektórych postrzępionych krawędzi tekstury szkła.

Po uzyskaniu maski, z której jesteś zadowolony, zapisz plik jako PNG, a w programie After Effects zaimportuj nowo utworzony plik szkła PNG i materiał filmowy, na który chcesz wpłynąć. Umieść oba pliki na osi czasu i umieść plik PNG nad materiałem z telefonu. Musisz teraz zmienić tryb mieszaniaJaśniejsze lub Ekran to świetne tryby. Wybrany tryb będzie zależał od wyglądu, który chcesz osiągnąć; w tym przykładzie używam ekranu.

To już wygląda całkiem nieźle. Gdyby czas był ograniczony, a to miałby być tylko nieruchomy obraz, być może zatrzymałbym się tutaj. Ale ponieważ to jest wideo, musimy wpłynąć na poruszający się materiał z przesuniętym szkłem i możemy to zrobić za pomocą mapy przemieszczenia w panelu efektów . Po zastosowaniu efektu mapy przemieszczeń do materiału wideo musimy zmienić kilka ustawień.

  • Chcemy, aby warstwa mapy przemieszczeń była teksturą pękniętego szkła.
  • Użyj do przesunięcia poziomego =luminancji.
  • Użyj do przemieszczenia pionowego =luminancji.
  • Zachowanie mapy przemieszczeń =rozciągnij mapę, aby dopasować.

Na poniższym obrazku widać, że jeśli nie zmienisz zachowania mapy, wpłynie to na obszary obrazu, w których nie powinna znajdować się tekstura szkła .

Na koniec, aby przemieścić część materiału w pękniętym obszarze, chcesz zwiększyć ustawienia przemieszczenia w poziomie i w pionie . Nie ma na to poprawnej liczby; będzie to zależeć od wyglądu, do którego dążysz. Chcesz, aby pęknięta część ekranu była nieco odsunięta od oryginalnego nośnika, jak widać na poniższym zdjęciu.

Korzystając z powyższej metody, oto przed i po na innym klipie.

Oczywiście z tej perspektywy, w porównaniu z pierwotną reklamą, pęknięty będzie obiektyw aparatu telefonu, a nie ekran. Ale ostatecznie opcje twórcze z tym efektem są nieskończone , i to jest najfajniejsza część.


  1. Użyj aplikacji na telefon do tworzenia wektorów dla After Effects

  2. Jak włączyć materiał z zielonego ekranu w After Effects?

  3. Twórz płynne pętle tła w After Effects

  4. Jak tworzyć animacje matowego tekstu w After Effects

  5. Stwórz efekt usterki dla logo i tytułów w programie After Effects

Klip wideo
  1. Jak stworzyć efekt dezintegracji retro science fiction w After Effects?

  2. Jak stworzyć efekt pociągnięcia pędzlem w After Effects?

  3. Jak stworzyć przejście Twirl w Adobe After Effects?

  4. Jak tworzyć efekty winiety w Adobe After Effects?

  5. Jak stworzyć zniekształcenie termiczne w Adobe After Effects?

  6. Jak tworzyć ruchome grafiki w After Effects

  7. Jak stworzyć animację tekstu w After Effects