REC

Tips om videoinspelning, produktion, videoredigering och underhåll av utrustning.

 WTVID >> Sverige Video >  >> video- >> Videoklipp

Skapa en sprucken telefonskärmseffekt i After Effects

Du don Jag behöver inte gå sönder din telefon. Slå sönder den fjärde väggen i After Effects med denna lättanvända handledning.

Under det senaste året har Instagram fått kritik för ökningen av annonser som visas i flödet – och i funktionen ”berättelser” som debuterade 2016. Nyligen, när jag bläddrade i berättelser, såg jag en annons, men den fångade mycket snabbt min uppmärksamhet av kreativa skäl. Annonsen gällde den brittiska mobiltelefontjänsten O2, och jag höll på att hoppa över den tills en fantastisk effekt dök upp i mitten av scenen. Annonsen marknadsförde någon form av försäkring (jag tror att jag inte ägnade så mycket uppmärksamhet åt själva annonsen) för dem som är benägna att tappa sina telefoner. När karaktärerna i annonsen tappade sina telefoner spricker hela skärmen. Som ett resultat skulle videofilmen förskjuta där "skärmen" var sprucken .

Medan tekniken har begränsad användning i berättande dramatik (kanske har den en plats i genren found footage ), det finns många coola applikationer för denna effekt i musikvideor, annonser och onlineinnehåll . Låt oss ta en titt på hur du kan uppnå den här effekten i Adobe After Effects .


Jag hade en grundläggande idé om hur jag skulle få fram effekten:en krossad glasstruktur, förskjutningskartaeffekten och en förändring av blandningsläget för texturlagret. Men jag stötte på ett problem där hela bilden reagerade på ett sätt som jag inte ville. Glasstrukturen påverkade områden på bilden där sprickorna inte uppträdde , även när jag skulle ändra inställningen för förskjutningskartans beteende.

Tack och lov hade YouTuber Trey Trimble producerat en video som täckte en liknande effekt, och jag kunde se var felet uppstod. Glasstrukturen var en fyrkantig JPEG-fil, och förskjutningskartan arbetade till kanterna av kvadraten , snarare än själva sprickorna. Lösningen var att maskera den spruckna strukturen för att se mer kantig ut.

För att producera effekten behöver du en sprucken glasskärmsstruktur , och tack och lov kan du hitta hundratals texturer online, se bara till att kontrollera licensvillkoren – här är en utgångspunkt.

Metoden

Importera din glasstruktur till Photoshop — du kan också utföra den här uppgiften i After Effects , men jag föredrar det enkla med Photoshop — och väljer pennverktyget. Skapa nu en kantig mask runt några av de taggiga kanterna av glasstrukturen.

När du har en mask som du är nöjd med sparar du filen som en PNG och i After Effects importerar du den nyskapade PNG-glasfilen och materialet du vill påverka. Ta med båda filerna till tidslinjen och placera PNG-filen ovanför din telefonfilm. Du måste nu ändra blandningslägetLättare eller Skärm är bra lägen att använda. Vilket läge du väljer beror på vilket utseende du vill uppnå; i exemplet använder jag skärmen.

Det här ser redan ganska bra ut. Om tiden var begränsad och det här bara skulle vara en stillbild, skulle jag kanske stanna här. Men eftersom det här är video måste vi påverka de rörliga bilderna med det förskjutna glaset, och det kan vi göra med förskjutningskartan i effektpanelen . När du har tillämpat förskjutningskartaeffekten på videofilmen måste vi ändra några inställningar.

  • Vi vill att förskjutningskartlagret ska vara den spruckna glasstrukturen.
  • Används för horisontell förskjutning =luminans.
  • Används för vertikal förskjutning =luminans.
  • Förskjutningskartans beteende =sträck kartan för att passa.

I bilden nedan kan du se att om du inte ändrar kartans beteende påverkar det områden på bilden där glasstrukturen inte ska vara .

Slutligen, för att flytta en del av materialet inom det spruckna området, vill du öka inställningarna för horisontell och vertikal förskjutning . Det finns inget korrekt nummer för detta; det beror på utseendet du siktar på. Du vill göra den spruckna delen av skärmen något avvikande från originalmediet som visas i stillbilden nedan.

Med metoden ovan, här är före och efter på ett annat klipp.

Naturligtvis, ur detta perspektiv, i jämförelse med den ursprungliga annonsen, skulle det vara telefonens kameralins som är sprucken – inte skärmen. Men i slutändan är de kreativa alternativen med denna effekt oändliga , och det är det roliga.



  1. Skapa en övertygande Green Screen-effekt med Chromakey

  2. Hur man använder Adobe After Effects &Photoshop för att skapa Line-Map Animation Effect

  3. Hur man skapar en rörelsegrafikmall i Adobe After Effects

  4. Hur man skapar en Dronie Loop i After Effects

  5. Hur man skapar moln i After Effects

Videoklipp
  1. Använd en telefonapp för att skapa vektorer för After Effects

  2. Hur man nyckel Green Screen-filmer i After Effects

  3. Skapa sömlösa bakgrundsloopar i After Effects

  4. Hur man skapar matta textanimationer i After Effects

  5. Skapa en glitch-effekt för logotyper och titlar i After Effects

  6. Hur man skapar en retro Sci-Fi-sönderfallseffekt i After Effects

  7. Hur skapar man en pensellinjeeffekt i After Effects?

  8. Hur man skapar en Twirl Transition i Adobe After Effects?