Mock Up Ar Graphics med After Effects

Sep 11, 2025

Hur

After Effects har några kraftfulla verktyg som vi kan använda för att mima ökad verklighet. Du kan hitta det här nödvändigt om du till exempel ville göra en höjdvideo för att visa vad en app med förstärkta verklighetskapacitet kan se ut.

43 AMAZING After Effects Tutorials

För den här handledningen använder vi bilder av Rio och någon kartgrafik för att överlappa på staden. Vi borde sluta med något som ser ut så här:

Our final design should look like this — Vår sista design ska se ut så här

01. Bli bekant med 3D-kamerans tracker

Välj det fotskikt du vill spåra och klicka på knappen Spårkamera i Tracker Panel - du kommer att se en blå bar visas över de bilder som säger att analysera. För att få en bättre lösning, klicka på detaljerad analys i Effects-panelen för 3D-kamerans tracker. Du kan också få en bättre lösning genom att ange skotttypen, om du vet vilken du vill ha för ditt speciella skott.

På fliken Avancerat kan du ange lösningsmetoden eller bara lämna den inställd på Auto Detect. Att välja rätt lösningsmetod kan ibland resultera i ett bättre spår än att använda standard Auto-inställningen.

02. Lös din footage

Remove any points that are not using good data — Ta bort eventuella punkter som inte använder bra data

När din kamera börjar lösa kommer du att märka bannerns färg ändras från blått till orange, och när det är färdigt kommer bannern att försvinna. Ibland kan du få poäng i himlen eller på områden som du kan säga inte använder bra data. Ta bort dessa punkter.

Välj minst tre eller flera av de punkter som representerar markplanet. Högerklicka med de valda punkterna och välj Ställ markplan och amp; Ursprung. Med samma poäng som valts, högerklicka och välj Skapa NULL & AMP; Kamera. Du har nu löst ditt bilder och ställer dig upp för framgång med ett kamera och nullobjekt som kan användas som referenspunkt.

03. Lägg till en grafik

This map marker will pop up inside the stadium — Denna kartmarkör kommer att dyka upp inuti arenan

Nu kan du börja lägga till grafik till tidslinjen. Jag använder en kartmarkering som jag vill dyka upp från insidan av stadion. Redigera ankarpunkten för den grafiska vid behov, så den korrekta kanten används för positionsdata. I mitt fall flyttade jag ankarpunkten till botten mitt med hjälp av panelen bakom (Anchor Point).

Klicka på 3D-omkopplaren för skiktet så att det också kan röra sig i Z-rymden. Välj en punkt i bilden där du vill att grafiken ska visas, högerklicka på den punkten och välj Skapa null. Kopiera nu positionsdata från det null till positionen för din grafik, skala och maskera den grafiska som behövs. Det kan vara nödvändigt att skriva in masken över tiden.

04. Integrera större grafik

This larger graphic covers the ground like a map — Denna större grafisk täcker marken som en karta

Nu kan du upprepa steg 03 för att integrera mer grafik. Till exempel kan du integrera något längs hela markplanet som en karta. För att göra detta, välj flera punkter över markplanområdet. Obs! För att välja de punkter nu måste du faktiskt ha den 3D-kamera-tracker-effekten som valts i panelen Effects Controls. Högerklicka på dessa punkter och skapa en null.

Upprepa processen att kopiera data och flytta ankarpunkten om det behövs. Den här gången bör du också kopiera orienteringen av noll till grafiken så att den ligger på marken. Du kan fortfarande behöva justera saker lite för att få grafiken att ställa upp med gatorna i bilderna.

05. Lägg till text

Du kan också lägga till text för att följa och flöda tillsammans med bilderna. För text som bara behöver spåra med statiska föremål som byggnader, kan du använda samma metod för matchning som vi använde för markörerna och kartan. Om du vill att text ska följa med en vandrande person eller körbil, har du nu två typer av rörelse som är involverade: kamerans rörelse och körning av körning eller promenader.

För dessa typer av spår använder vi ett mer traditionellt spårningsmetod. Med de valda bilderna väljer du spårrörelse från spårpanelen. För att förbereda dig för spåret, skapa ett nollobjekt och namnge det bilspårare. Välj en bil på vägen (du kan behöva visa upp ljusstyrkan och kontrasten i ditt bilder för att se en).

06. Spåra rörliga föremål

Text can track static or moving objects — Text kan spåra statiska eller rörliga föremål

Eftersom bilarna i det här footage är så små, finns det inte tillräckligt med data för att göra ett tvåpunktsspår för att få skala data. Vi måste hacka det här bara! Fortsätt som om du bara samlar X- och Y-spårningsdata.

Placera spårpunkt 1 på något som är mycket synligt som strålkastarna. Det kan ta lite tid att få ditt spår korrekt, och du kan behöva fixa några delar för hand. När ditt spår är klart är det dags att applicera det på det nollobjekt som vi skapat som kallas bilspårare. Hoppa tillbaka till din footage och välj 3D-kamerans tracker-effekt i Effects and Controls-panelen.

Välj närmaste punkt till den plats där bilen börjar, högerklicka på det och skapa en null. Byt namn på denna null 'z Start'. Upprepa Null-skapningssteget för närmaste möjliga punkt till var bilen slutar och byt namn på den här "Z-änden". Ändra nu Car Tracker Null-objektet till ett 3D-objekt och lägg till två nyckelramar: en nyckel med Z-värdet på 'Z -start' null, och en annan vid det 'Z-änden. Dessa nycklar ska vara i början och slutet av spårningsnyckeln.

Slutligen, förälder den text du vill följa med bilen till bilspåraren null. Gläd dig att ditt lilla hack jobb har uppnått de resultat du ville ha!

07. Tweak ditt arbete

Use trim paths to animate your text boxes — Använd trimvägar för att animera dina textrutor

Om du behöver ändra något, välj hela positionsfastigheten och dra sedan positionsvärdet. Detta kommer att förändra allt i förhållande till befintliga data så att du inte av misstag gör en fix för bara en ram.

Om du byggde dina textrutor i After Effects, försök använda trimvägar för att animera dem på skärmen när de blir relevanta för åtgärden. Animera din text också, kanske med en skrivmaskin eller ordbehandlareffekt. Känn dig fri att lägga till annan animerad grafik som behövs för att krossa kompositionen.

Om du vill få handledningen i detalj kolla in min fullständiga kurs på PluralSight: Använda 3D-kamerans tracker och integrera grafik i After Effects .

Om PluralSight

PluralSight är en Enterprise Technology Learning Platform som levererar en enhetlig, slutar för att avsluta lärande erfarenhet för företag över hela världen. Genom en prenumerationstjänst har företagen befogenhet att flytta med teknikens hastighet, ökad kompetens, innovation och effektivitet. För en gratis försök och mer information, besök www.pluralsight.com .

Relaterade artiklar:

Topptips för att skala upp AR-appar 2017
Så här flyttar du från Photoshop till After Effects
43 AMAZING After Effects Tutorials

Mock Up Ar Graphics med After Effects

01. Bli bekant med 3D-kamerans tracker

02. Lös din footage

03. Lägg till en grafik

04. Integrera större grafik

05. Lägg till text

06. Spåra rörliga föremål

07. Tweak ditt arbete

Om PluralSight

Hur - Mest populära artiklar

44 av de bästa iPad-genvägarna och gesterna för iPadOS 2020

Hur man ritar ett lejon

Hur man sätter upp en lokal utvecklingsmiljö

Hur man kodar Smart Text Effects med CSS

Hur man gör din egen karaktär bibel

Slå på dina menyer med animering med CSS

Skapa organiska texturer i bläck

Stitch och Composit 360 Footage

Kategorier