Transparente videoer er nyttig for videoskapere. De kan brukes til å lage overlegg, overgangseffekter og andre kreative effekter som ikke ville vært mulig med tradisjonell video. After Effects er et kraftig videoredigeringsprogram som gjør det mulig å lage og eksportere gjennomsiktige videoer.
For å kunne bruke en gjennomsiktig video på nettstedet ditt, er det to faser du må gå gjennom. Den første er rendering av MOV, et massivt tapsfritt filformat, og den andre er å konvertere denne filen til et mer webvennlig filformat kalt «WebM». WebM fungerer veldig bra på PC og Android-enheter, men ikke på Apple-enheter, så vi skal også vise et annet trinn du må ta for å gjøre det.
Trinn 1: Eksporter filen
Når du har gjort de nødvendige endringene, bør du eksportere filen. Klikk på «File > Export».
Sørg for at du skjuler alle faste lag, siden vi ønsker å eksportere videoen med gjennomsiktig bakgrunn.
Trinn 2: Klikk på navnet på komposisjonens navn
Klikk på komposisjonsnavnet i After Klikk på navnet til komposisjonen i After Effects’ Render-kø. Dette åpner dialogboksen «Output Module Settings».
Trinn 3: Velg QuickTime-format
Velg «QuickTime » som format under innstillinger for utdatamodulen.
Trinn 4: Velg RGB+Alpha
Etter at du har endret formatet til QuickTime. Under Channels velger du «RGB+Alpha» (viktig). Du skal bare endre dette, resten (dybde, farge osv.) forblir det samme.
Trinn 5: Endre formatalternativer
Den siste innstillingen du må endre, er Formatalternativer: Forsikre deg om at den er i «Apple ProRes 4444».
(Merk: Quicktime RGB+Alpha standardkodek fungerer for Windows-enheter; du må endre denne til Apple Pro Res 4444 hvis du vil bruke denne gjennomsiktige filen på en MAC-enhet).
Trykk deretter på «Ok».
Trinn 6: Trykk på "Output to"
Trykk på «Output to», og så er det opp til deg å angi hvilken katalog du vil at videoen skal eksporteres til.
Resultatet:
Filen skal se slik ut.
«Den er gjennomsiktig, men det er en enorm fil (500 MB for en gjennomsiktig video på 26 sekunder)!
Nå er det tid for fase 2. MAC og Windows har forskjellige fase 2. Målet med fase 2 er å komprimere denne massive filen og gjøre den nettvennlig, slik at den fungerer på alle operativsystemer.
Se Fase 2: For Windows-enheter her. ->
See Phase 2: For MAC Devices here ->
Fase 2: (For Windows-enheter) - Komprimering til WebM
For å gjøre det vennlig for brukere av nettstedet konverterer du denne MOV-filen til WeBM.
Hva er webm?
WebM er et åpent, royaltyfritt mediefilformat som er utviklet for nettet. Det er først og fremst ment å være et royaltyfritt alternativ til bruk i HTML5-video og HTML5-lydelementene. Tilsvarende for bilder heter WebP.
Det blir nå litt mer teknisk, men bare følg trinn for trinn, og du vil få det riktige resultatet.
Trinn 1:
Last ned FFMPEG
Trinn 2:
I FFMPEG-mappen finnes det en mappe som heter bin, og legg utgangsvideoen i denne mappen.
Trinn 3:
Deretter åpner du CMD. Klikk på Windows-knappen, søk etter «CMD», og åpne den.
Trinn 4:
Sørg for at du gjør dette på stasjonen der filen din er. Filen min ligger på stasjon D, og CMD åpner stasjon C som standard, så jeg må skrive «D:» først i kommandolinjen for å be CMD om å lete på stasjon D:
Gå til der ffmpeg-mappen din bin-katalog. Kopier filstien og skriv deretter inn «cd» i CMD <<lim inn den kopierte filbanen>>»
Trinn 5:
Når du er i katalogen til ffmpeg bin, må du lime inn denne koden
«.\ffmpeg -i «inputvideo.mov» -c:v libvpx-vp9 outputvideo.webm».
Merk: Teksten etter -i refererer til navnet på inndatavideoen, som vi har kalt «transparent walk animation.mov». Teksten etter -c refererer til navnet på utdatavideoen i webm-format.
Navnet på inngangsvideoen må imidlertid ikke inneholde mellomrom. Så jeg vil endre navn på videofilen vår fra transparent walk animation.mov til transparentmov.
I vårt tilfelle vil jeg endre koden til: «.\ffmpeg -i «transparentmov.mov» -c:v libvpx-vp9 transparentwebm.webm»
Trykk deretter på Enter:
Trinn 6:
Vent et par minutter, og voila! WebM-video ferdig! Gjennomsiktig og liten. Det vil komprimere MOV-størrelse til små biter av mb som er super flott for bruk på nettstedet.
Les mer om WebM. Klikk her!
Dette formatet fungerer best på Windows- og Android-enheter. Bla nedover for å se hvordan du gjør det på en MAC-enhet.
Fase 2: For å kode en mediefil til HEVC/H.265 med bevart gjennomsiktighet på en Mac/Apple-enhet, kan du bruke følgende trinn:
Hva er HEVC/H.265?
HEVC, eller H.265, er nå et allment akseptert og støttet videoformat. Det er en ny videokodek som gir høy komprimering samtidig som kvaliteten bevares. Sammenlignet med andre formater, for eksempel H.264, kan det lagre en 4K-video på 1 minutt med mindre filstørrelse.
Før du går videre med kodingen, er det viktig å sjekke mediefilens kodek og format for å se om den er kompatibel med kodingen. Til å begynne med:
Trinn 1:
Finn mediefilen (videofilen). Velg og høyreklikk for å vise alternativene.
Trinn 2:
Klikk på «Get Info».
Trinn 3:
I Get Info-vinduet kontrollerer du om kodeker er kompatible med følgende listede støttede kodeker:
Trinn 4:
Når du har bekreftet den kompatible kodeken, lukker du Get Info-vinduet for å fortsette med komprimeringen.
Når du er ferdig med å sjekke om mediefilen er kompatibel for koding, kan du starte kodingen.
Trinn 1:
Velg mediet, og høyreklikk for å vise alternativene.
Trinn 2:
Velg «Services» og klikk på Encode Selected Video Files.
Trinn 3:
I vinduet Encode Media velger du Setting og velger HEVC 1080P (2160p og 4320p kan også velges).
Trinn 4:
Når du har valgt, merker du av i boksen «Bevar gjennomsiktighet». Dette gjør at mediefilen kan konverteres med en gjennomsiktig bakgrunn.
Trinn 5:
Klikk på Fortsett, og vinduet Kod media lukkes.
Vent til filen er ferdig kodet, da den vil vises ved siden av den opprinnelige filen. Mediefilen er ferdig kodet når den er omdøpt til navn_på_fil-1.mov, og den er klar til bruk i nettutvikling.
Konklusjon
For å oppsummere: Hvis du vil bruke en gjennomsiktig video på nettstedet ditt, må du først gjengi den som en MOV-fil og deretter konvertere den til en WebM-fil. WebM er et nettvennlig format som fungerer godt på PC-er og Android-enheter, men ikke på Apple-enheter. For å gjøre videoen kompatibel med Apple-enheter kan du eksportere den som en HEVC-fil.
Spesialtips
Denne arbeidsflyten ble inspirert av utviklere som ønsker å bruke gjennomsiktige videoer i utviklingen av nettstedene sine. Transparente WebM-videoer er ennå ikke kompatible med Apple-enheter.
Hvis du viser dem på nettstedet ditt ved hjelp av Apple-enheter, kan det hende du ser dem med svart bakgrunn. Det er her det andre formatet kommer inn i bildet. Apples WebM-ekvivalent er det lette og nettstedsvennlige HEVC-formatet.
Utvikleren kan deretter legge til et skript som viser det ene eller det andre, avhengig av hvilken enhet som brukes til å besøke nettstedet. Og brukere fra alle enheter skal kunne se resultatet slik det skal være.
Håper dette hjelper!