REC

Tips voor video-opnamen, productie, videobewerking en onderhoud van apparatuur.

 WTVID >> Nederlandse video >  >> video- >> Videoclip

Creëer een gebarsten telefoonschermeffect in After Effects

Je hoeft je telefoon hoeft niet echt kapot te gaan. Breek de vierde muur in After Effects met deze gemakkelijk te volgen tutorial.

In het afgelopen jaar heeft Instagram kritiek gekregen vanwege de toename van advertenties die in de feed verschijnen - en in de 'stories'-functie die in 2016 debuteerde. Onlangs zag ik tijdens het bladeren door verhalen een advertentie, maar het trok al snel mijn aandacht om creatieve redenen. De advertentie was voor de Britse mobiele telefoondienst O2 en ik stond op het punt hem over te slaan tot een fantastisch effect verscheen halverwege de scène. De advertentie promootte een soort verzekeringspolis (ik denk dat ik niet al te veel aandacht aan de advertentie zelf besteedde) voor degenen die geneigd zijn hun telefoon te laten vallen. Als de personages in de advertentie hun telefoon lieten vallen, barstte het hele scherm. Als gevolg hiervan zouden de videobeelden zich verplaatsen waar het "scherm" was gebarsten .

Hoewel de techniek beperkt wordt gebruikt in verhalend drama (misschien heeft het een plaats in het found footage-genre ), zijn er tal van coole toepassingen voor dit effect in muziekvideo's, advertenties en online inhoud . Laten we eens kijken hoe u dit effect kunt bereiken in Adobe After Effects .

Ik had een basisidee hoe ik het effect kon krijgen:een verbrijzelde glasstructuur, het verplaatsingskaarteffect en een wijziging in de overvloeimodus voor de textuurlaag. Ik liep echter steeds tegen een probleem aan waarbij het hele beeld reageerde op een manier die ik niet wilde. De glasstructuur beïnvloedde delen van de afbeelding waar de scheuren niet zichtbaar waren , zelfs als ik de instelling voor het gedrag van de verplaatsingskaart zou wijzigen.

Gelukkig had YouTuber Trey Trimble een video gemaakt met een soortgelijk effect en kon ik zien waar de fout optrad. De glasstructuur was een vierkant JPEG-bestand en de verplaatsingskaart werkte naar de randen van het vierkant , in plaats van de scheuren zelf. De oplossing was om de gebarsten textuur te maskeren om er hoekiger uit te zien.

Om het effect te produceren, heb je een gebarsten glazen schermtextuur . nodig , en gelukkig kun je honderden texturen online vinden. Zorg er wel voor dat je de licentievoorwaarden controleert. Dit is een startpunt.

De methode

Importeer uw glastextuur in Photoshop - u kunt deze taak ook uitvoeren in After Effects , maar ik geef de voorkeur aan het gemak van Photoshop - en selecteer de pentool. Maak nu een hoekig masker rond enkele van de gekartelde randen van de glasstructuur.

Zodra je een masker hebt waar je tevreden mee bent, sla je het bestand op als een PNG en in After Effects, importeer je het nieuw gemaakte PNG-glasbestand en de beelden die u wilt beïnvloeden. Breng beide bestanden naar de tijdlijn en plaats het PNG-bestand boven je telefoonbeelden. U moet nu de overvloeimodus wijzigenLichter of Scherm zijn geweldige modi om te gebruiken. De modus die u kiest, hangt af van de look die u wilt bereiken; in het voorbeeld gebruik ik het scherm.

Dit ziet er al best goed uit. Als de tijd beperkt was en dit alleen een stilstaand beeld zou zijn, zou ik hier misschien stoppen. Maar aangezien dit video is, moeten we de bewegende beelden beïnvloeden met het verplaatste glas, en dat kunnen we doen met de verplaatsingskaart in het effectenpaneel . Wanneer je het verplaatsingskaarteffect op de videobeelden hebt toegepast, moeten we een paar instellingen wijzigen.

  • We willen dat de verplaatsingskaartlaag de structuur van gebarsten glas is.
  • Gebruik voor horizontale verplaatsing =luminantie.
  • Gebruik voor verticale verplaatsing =luminantie.
  • Verplaatsingskaartgedrag =kaart uitrekken om te passen.

In de onderstaande afbeelding kunt u zien dat als u het gedrag van de kaart niet verandert, dit gebieden van de afbeelding beïnvloedt waar de glasstructuur niet zou moeten zijn .

Als u ten slotte een deel van het beeldmateriaal binnen het gebarsten gebied wilt verplaatsen, wilt u de instellingen voor horizontale en verticale verplaatsing verhogen . Hier is geen correct nummer voor; het zal afhangen van de look die u nastreeft. U wilt het gebarsten deel van het scherm enigszins afwijken van de originele media, zoals te zien is in de foto hieronder.

Met behulp van de bovenstaande methode, hier is de voor en na op een andere clip.

Natuurlijk, vanuit dit perspectief, in vergelijking met de originele advertentie, zou het de cameralens van de telefoon zijn die gebarsten is - niet het scherm. Maar uiteindelijk zijn de creatieve opties met dit effect eindeloos , en dat is het leuke.


  1. Creëer een overtuigend groen scherm-effect met Chromakey

  2. Hoe Adobe After Effects en Photoshop te gebruiken om het animatie-effect van de lijnkaart te creëren

  3. Een sjabloon voor bewegende beelden maken in Adobe After Effects

  4. Een Dronie-loop maken in After Effects

  5. Wolken maken in After Effects

  1. Gebruik een telefoon-app om vectoren voor After Effects te maken

  2. Hoe groen schermbeelden in After Effects in te toetsen

  3. Creëer naadloze achtergrondlussen in After Effects

  4. Matte tekstanimaties maken in After Effects

  5. Creëer een glitch-effect voor logo's en titels in After Effects

  6. Een retro Sci-Fi-desintegratie-effect creëren in After Effects

  7. Hoe maak je een penseelstreekeffect in After Effects?