I den här handledningen tar vi en steg-för-steg titt på hur du skapar några grundläggande datadrivna animationer med Adobe After Effects.
För det här exemplet, låt oss säga att jag skapar ett antal försäljningsrapportanimationer som ska visas vid ett återkommande månadsmöte. För att skapa dessa datadrivna animationer kommer jag att använda Capital After Effects-mallen. Detta är en premiummall från RocketStock, som har ett antal infografik som redan är riggad och vackert animerad. För att koppla egenskaperna hos dessa animationer till datafiler kommer jag att använda MamoworldJSON-skriptet – ett kostnadsfritt verktyg från aescripts.com.
Syftet med denna teknik är att styra animationerna i ett After Effects-projekt via en enkel textfil. På så sätt kan vilken gruppmedlem som helst göra justeringar av animationerna genom att redigera värdena i en grundläggande textfil.
Låt oss gå in i handledningen.
1. Förbered AE-elementen
För det första steget vill du förbereda alla dina tillgångar och animationer i Adobe After Effects. Eftersom jag använder en mall behöver jag helt enkelt göra små ändringar i de befintliga elementen. Som jag nämnde tidigare är Capital-mallen från RocketStock redan riggad, animerad och redo för enkel anpassning. Jag ska ta tag i Infographic 01 komp och ändra de olika textelementen så att de matchar min försäljningsrapport.
Även om jag kan göra justeringar av alla värden direkt i mallen mycket snabbt och enkelt, är syftet med denna teknik att tillåta ändringar via en enkel textfil. När textfilen har redigerats och sparats kommer den automatiskt att uppdatera animationerna i AE-projektet.
2. Generera en JSON-fil
När du har laddat ner och installerat MamoworldJSON-skriptet öppnar du det via fönstret meny. Det fina med detta verktyg är att det låter dig automatiskt generera en JSON-fil från ditt After Effects-projekt.
JSON är en enkel textfil som kan lagra data i en strukturerad metod. Normalt skulle du behöva skriva komplexa uttryck för att koppla attribut till en befintlig JSON-fil. Du måste också förstå hur man skriver en JSON-fil från början, om du inte redan har en befintlig att arbeta med.
Att generera en JSON-fil är lika enkelt som att välja en egenskap för ett lager och trycka på Anslut knappen i MamoworldJSON-panelen. För min första egendom väljer jag Källtexten av mitt Värde 1 lager och tryck på Anslut . När jag har skrivit in ett namn och tryckt på OK , skapas en ny fil på min lokala enhet och placeras i projektet.
För att ansluta ytterligare tillgångar är det så enkelt som att upprepa föregående steg. Jag kopplar källtexten egenskaper för hela mitt diagram Värde lager, såväl som Artikelundertexter . MamoworldJSON låter mig ansluta nästan alla attribut. Detta inkluderar färgerna på graferna, huvudtitlarna och nästan alla andra egenskaper på skärmen.
3. Ändra data
För att öppna JSON-filen högerklickar jag på dokumentet och väljer Sök i Explorer/Finder . Återigen kan jag öppna JSON via en grundläggande textredigerare. Om du planerar att arbeta med mycket data kanske du vill hitta en app som kan presentera datan i en mer läsvänlig uppsättning. Och nu är det lika enkelt att ändra animationerna som att skriva in nya värden i varje datauppsättning och sedan spara ändringarna.
Eftersom jag använder en mall som redan är riggad och animerad, kommer data att driva dessa animationer. Allt jag behöver göra är att öppna projektet och göra komp. Det fina här är att nu kan vem som helst ändra texten i JSON-filen. Det finns ingen anledning att ha ett gäng människor som pillar runt i mitt AE-projekt.
Sluta tankar
Nu finns det bara ett fåtal värden i det här exemplet som jag kör via min JSON-fil. Men den verkliga kraften är när du börjar använda stora mängder data. Detta är särskilt användbart för väderrapporter, kampanjvalsgrafik och sportevenemang. Jag skrapar bara på ytan av vad du kan uppnå med datadrivna animationer.
För att kolla in andra högkvalitativa After Effects-mallar, gå till RocketStock.
Ladda upp din rörliga grafik med detta användbara After Effects-innehåll.
- Hur man skapar en retro Sci-Fi-nedbrytningseffekt i After Effects
- 10 minuters kraschkurs:Newton 3 After Effects Plugin
- Top 10 betalda och gratis skript och plugins för After Effects
- 9 GRATIS After Effects-mallar