Kom igång med animering i After Effects

After Effects CC kanske låter som ett komplext program, men när du förstår några grundläggande begrepp kan du skapa en rad animeringsstilar med Adobes programvara för 3D, rörelsegrafik och animering.

I den här artikeln går vi igenom några topptips för animering av illustrationer i After Effects, med början med grunderna. Och se till att kolla in andra fantastiska After Effects-handledning för nybörjare, mellanliggande och experter efteråt, för mer praktiska tips och designinspiration.

01. Importera filer från Photoshop

Med After Effects kan du integrera Photoshop-filer i din komposition (comp). När du importerar dessa filer till ett projekt kommer lagren att behålla sina individuella egenskaper - dra bara en till kompisen så visas den på animeringens tidslinje.



hur man animerar rader i eftereffekter

02. Använd nyckelbilder

Använd positionsattributet för att flytta elementet under nyckelbildrutor [klicka på ikonen för övre högra pilarna för att förstora denna skärmdump]

Använd positionsattributet för att flytta elementet under nyckelbildrutor [klicka på ikonen för övre högra pilarna för att förstora denna skärmdump]

Om du klickar på triangeln bredvid Transform visas Position, Scale, Rotation och mer. Var och en av dessa aspekter är en nyckelbild - en plats på tidslinjen som markerar början eller slutet av en övergång. För att lägga till en nyckelbild väljer du vilken egenskap du vill ändra och klickar framåt på tidslinjen.

Positionen kan till exempel ändras från en nyckelbild till en annan genom att dra den längs komp. När du spelar animationen kommer den att färdas längs den väg du skapade.

03. Utjämna övergångar med hjälp av lättnad

Genom att underlätta kan övergångar mellan nyckelbilder se mindre hackiga ut genom att organiskt påskynda eller sakta ner animeringen. Hitta Keyframe Assistant-menyn under Animation för att inkludera lättnader. Easy Ease gör vad namnet antyder genom att underlätta elementet på båda sidor om keyframe.

hur man drar en fot framifrån

04. Justera ankarpunkterna

Justera ankarpunkterna så att enskilda delar roterar i förhållande till varandra [klicka på ikonen för övre högra pilarna för att förstora denna skärmdump]

Justera ankarpunkterna så att enskilda delar roterar i förhållande till varandra [klicka på ikonen för övre högra pilarna för att förstora denna skärmdump]

Föräldraskap synkroniserar ändringarna av ett lager med ett annat skikt. Hjulet på en bil, till exempel, skulle vara barnlagret i ett fordon, vilket är föräldern. I det här fallet följer hjulet varje gång bilen flyttas, roteras eller skalas.

För att tilldela förhållandet mellan förälder och barn, se först till att dina ankarpunkter är korrekt inriktade. Tänk på det som en skelett av en figur - vad är lederna? När roterar något, var kommer det att rotera ifrån? Dra ankarpunkten för att ändra dess position.

05. Anslut element

Klicka på underelementet (spiralen) och dra ikonen till dess förälder [klicka på den högra pilarikonen för att förstora den här skärmdumpen]

Klicka på underelementet (spiralen) och dra ikonen till dess förälder [klicka på den högra pilarikonen för att förstora den här skärmdumpen]

När dessa punkter har bestämts markerar du det avsedda underordnade elementet och klickar på spiralikonen under Förälder. Dra det sedan till det överordnade elementet och släpp - de två är nu parade och alla ändringar du gör kommer att påverka båda delarna av ditt nya element.

06. Lägg till rörelse

Använd Puppet Pins för att tilldela rörelse till olika delar av bilden [klicka på ikonen för övre högra pilarna för att förstora bilden]

hur man ändrar teckensnitt i whatsapp
Använd Puppet Pins för att tilldela rörelse till olika delar av bilden [klicka på ikonen för övre högra pilarna för att förstora bilden]

Dockverktyget ger en rasteriserad bild naturlig rörelse. En orm kan tippa huvudet medan svansen skakar, till exempel allt med placering av några stift.

Klicka först på triangeln bredvid effekter och välj docka. Under den ser du Mesh 1. Klicka på triangeln bredvid den för att visa Deform-menyn. Nu kan du klicka på de områden där du vill lägga till Puppet Pins - du kan experimentera med detta tills du får den effekt du letar efter.

När du har placerat dina stift klickar du framåt på tidslinjen och använder egenskapen Transform för att sträcka ut eller snedvrida varje enskild stift. Ditt marionettämne rör sig på nolltid.

07. Exportera din animering

Exportera din animerade illustration [klicka på den högra pilarikonen för att förstora skärmdumpen]

Exportera din animerade illustration [klicka på den högra pilarikonen för att förstora skärmdumpen]

När du är nöjd med din animering exporterar du den. För att exportera en animering till en film, gå till Arkiv> Exportera> Lägg till i render-kö.

Denna artikel publicerades ursprungligen i Datakonst tidskrift. Prenumerera nu.

Relaterade artiklar: