Handledning

Hej alla! I den här handledningen kommer vi att visa dig hur du skapar en riktigt coolt pusselanimation i After Effects.You behöver inga externa plugins (Den optiska flaresanimationen är bara en extra visuell förbättring, det är inte nödvändigt att ha. Men jag inkluderade projektfilen för optisk flaresversion till de av er som vill ändra flaren till exempel). Jag tycker att den här effekten är väldigt mångsidig, så det här kommer att vara en väldigt användbar sak för dig. Låt oss dyka in.


Handledning


Steg 1

Skapa en ny komposition som klickar på Meny-> Sammansättning-> Ny sammansättning. Namn det som pusselanimering, ändra upplösningen till1280x720 och ställ in varaktigheten till 7 sekunder.


Steg 2

Skapa ett nytt solidt klick av Meny-> Layer> New-> Solid. Färgen är ingen roll. Ändra upplösningen till 1280x720 och namnge det som "BG".


Steg 3

Med BG-skiktet valt, gå till Effekt-> Generera-> Rampa och använd Ramp-effekten till det. Låt oss ändra egenskaperna. Först ställ in färgerna. Start Färg: # 43324A Slutfärg:# 110E13 och låt oss ändra rampformen till radiell ramp.


Steg 4

Jag är inte säker på att du kan se tydligt på bilden nedan, mestadels när vi hanterar rampeffekten, vi kan få ett konstigt artefaktfel. Det ser ut som en hel massa färgstarka ringar som inte är för bra. För att undvika eller åtgärda detta problem måste vi tillämpa följande effekt: Buller.


Steg 5

Gå till Effect-> Noise & Grain-> Noise och tillämpa det och ändra ljudbeloppet till 1%.


Steg 6

Ljudet kommer att minska opaciteten för bandartfelfelet men det kommer fortfarande att märkas så att du också måste öka färgdjupet med alt + vänsterklick på 8 bpc "knappen". Ändra detta värde till 32 och det kommer att lösa ett problem.


Steg 7

Låt oss importera Aetuts + -logotypen och placera den över BG-skiktet och med Aetuts + -loggskiktet valt gå till Layer-> Pre-Compose och välj Flytta alla attribut i det nya kompositionalternativet.


Steg 8

Med den markerade logosammansättningen, låt vi slå på 3D-strömbrytaren.


Steg 9

Med den kombinerade LOGO-kompositionen, gå till Effekt-> Simulering-> Shatter och låt oss ändra följande egenskaper. Förresten, som du kan se har vi 2 felmeddelanden. Den första triangelikonen innebär att den här effekten inte stöder 32-bitars färgdjup och den andra har dykt upp eftersom vi bara slår på 3D-omkopplaren utan en kamera. Det är inte en stor sak, allt fungerar bra oroa dig inte. En annan viktig sak är att du kan ändra tjockleken på pusselbitarna genom att ändra extrusionsdjupet. Om du vill ha fler stycken öka sedan upprepningsvärdet.


Steg 10

Låt oss ändra följande egenskaper: I avsnittet Force 1 är Radius-värdet viktigt eftersom om din logotyp är större än standard Aetuts + -logotypen som jag använde i den här handledningen måste du öka detta värde för att göra en större pussyta. Håll även det i åtanke under egenskaperna Fysik hittar du en Randomness-egenskap. Detta kommer att randomisera pusselbitarna, men i slutet av animationen måste dessa värden vara 0, för om det är högre än 0 så ser du en konstig pusselbit med stora luckor. Låt mig bara visa dig vad jag menar.


Steg 11

Om slumpmässigt värde inte är 0 så kan du se att bitarna inte matchar varandra perfekt i slutet av animationen. För närvarande är detta inte ett stort problem eftersom vi kommer att fixa det senare.


Steg 12

Under fliken Texturer kan du lägga till en färg eller en textur i din pusselbit. Kom ihåg att om du försöker använda en textur (som en riktig bildtextur), måste du Pre-komponera den först annars kommer det inte att fungera. I det här exemplet använde jag bara en enkel färg # 616.063 och jag ställer in den här färgen till sid- och bakläget. Under blixtalternativet kan vi byta ljus typ till First Comp Light.


Steg 13

Gå till Effect-> Perspective-> Command Alpha och tillämpa den med följande egenskaper. Det ger bara en liten extra höjdpunkt på kanten av pusselbitarna.


Steg 14

Låt oss lägga till ett nytt ljus. Gå till Layer-> New-> Light. Du kan leka med ljusavståndet eller du kan använda mina inställningar nedan. Detta kommer att göra en mer trovärdig 3D-serig scen med lite skuggaförlust.


Steg 15

Låt oss ange följande positionsegenskaper för ljuset.


Steg 16

Vi måste vända pusselanimationen så välj LOGO-kompositionen och högerklicka på den och välj Time-Reverse Layer.


Steg 17

Vi har ett litet problem. Animationen fungerar bra, men i slutet försvinner hela animerade logotypen. Tidsremapping och frysningsramlösningen fungerar inte. Jag vet inte varför, men vi behöver en annan lösning. Vi kan göra två saker. Den första är verkligen enkel och primitiv. Med det här logglagret valt, gå till den sista bilden på tidslinjen (Du kan se bilden nedan) och tryck på tangenterna n och b på tangentbordet. Därefter låt oss göra denna ram som en .jpg-fil. När renderingen är klar, importera detta .jpg till efterverkningar och lägg det över LOGO-kompositionskiktet. Låt oss kompensera det till slutet av logosammansättningskiktet. Så i grunden kommer inte logotypen att försvinna längre, men om bakgrunden är animerad? Här är en bättre lösning.


Steg 18

Den andra idén är lite annorlunda. Du måste duplicera LOGO-lagret. Jag byter namn på den dubbla versionen till Freeze-logotypen. Du måste gå till den sista ramen och du måste trimma den. Efter det öppnar egenskaperna för Shatter-plugin och under fliken fysik vi ändrar slumpmässigheten till 0.


Steg 19

Låt oss öppna Shatter-effektegenskaperna på det nya duplicerade fryslogotyget och det ursprungliga logotyget också. Jag har just använt pickwhip-verktyget för att göra ett enkelt uttryck för att ansluta radiusegenskaperna med den ursprungliga logotypkompositionen. Det är viktigt för att om vi använder en annan logotyp som är större än den nuvarande logotypen, måste vi ändra radienegenskaperna på varje dubblett, men på grund av uttrycket kommer allt att fungera bra.


Steg 20

Expressionsdelen är klar så att vi måste duplicera och kompensera frysprofilens komposition.


Steg 21

Jag gjorde många dubbletter så jag slog bara på blygknappen för att dölja alla dessa lager.


Steg 22

Gå till Lager-> Ny-> Kamera och lägg till en ny kamera.


Steg 23

Jag har just gjort en riktigt enkel kameraanimation. Gå till den första ramen och ändra z-egenskapen till -991, följ sedan 4 sekunder och ändra detta värde till -1789 och det är det.



Slutsats

Så det här är det! Jag hoppas att du tyckte om handledningen och lärde dig några nya saker. Prova dina egna variationer eller anpassa den fria projektfilen som du kan ladda ner längst upp. Jag heter Tibor Miklos, tack så mycket för din uppmärksamhet och jag ses nästa gång! Åh, och om du har några frågor eller om du bara fastnar, skriv bara mig ett e-postmeddelande. [email protected].


Slutlig bild