Opplæringen

Hei alle sammen! I denne opplæringen vil vi vise deg hvordan du lager en virkelig kult ser puslespill animasjon i After Effects.You trenger ikke noen eksterne plugins (Den optiske flares animasjon er bare en ekstra visuell forbedring det er ikke nødvendig å ha. Men jeg inkluderte den optiske fakkelversjonsprosjektfilen til de av dere som ønsker å modifisere flareen for eksempel). Jeg tror denne effekten er veldig allsidig, så dette vil være en veldig nyttig ting for deg. La oss dykke inn.


Opplæringen


Trinn 1

Lag en ny sammensetning som klikker på Meny-> Sammensetning-> Ny sammensetning. Gi det navnet som puslespill, endre oppløsningen til1280x720 og sett inn varigheten til 7 sekunder.


Steg 2

Lag et nytt, solidt klikk på Meny-> lagdannelse> New-> Solid. Fargen er ikke viktig. Endre oppløsningen til 1280x720 og betegne det som 'bg'.


Trinn 3

Med BG-laget valgt, gå til Effekt-> Generer-> Ramp og bruk Ramp-effekten til det. La oss endre egenskapene. Først sett fargene. Start farge: # 43324A Sluttfarge:# 110E13 og la oss forandre rampen til radial rampe.


Trinn 4

Jeg er ikke sikker på at du kan se tydelig på bildet nedenfor, mesteparten av tiden når vi arbeider med rampeffekten, vi kan få en merkelig artefaktfeil. Det ser ut som en hel haug med fargerike ringer som ikke er også bra. For å unngå eller fikse dette problemet må vi bruke følgende effekt: Støy.


Trinn 5

Gå til Effekt-> Støy og Grain-> Støy og bruk det og endre mengden støyverdi til 1%.


Trinn 6

Støyen vil redusere opaciteten til bandet artefakt feilen, men det vil fortsatt være merkbar, så du må også øke fargedybden ved alt + venstre klikk på 8 bpc "knappen". Endre denne verdien til 32, og det vil løse et problem.


Trinn 7

La oss importere Aetuts + -logoen og sette den over BG-laget, og med Aetuts + -logglaget valgt, gå til Lag-> Pre-Compose og velg Flytt alle attributter til det nye kompositionsalternativet.


Trinn 8

Med den valgte logo-sammensetningen, la vi slå på 3D-bryteren.


Trinn 9

Med LOGO-sammensetningen valgt, gå til Effekt-> Simulering-> Skjul og la oss endre følgende egenskaper. Forresten, som du kan se har vi 2 feilmeldinger. Det første triangelikonet betyr at denne effekten ikke støtter 32-biters fargedybde, og den andre har dukket opp fordi vi bare slått på 3D-bryteren uten kamera. Det er ikke en stor avtale alt vil fungere bra ikke bekymre deg. Andre viktige ting er at du kan endre tykkelsen på puslespillene ved å endre ekstruderingsdybden. Hvis du vil ha flere stykker, øker du gjentakingsverdien.


Trinn 10

La oss endre følgende egenskaper: Under Force 1-delen er Radius-verdien viktig, fordi hvis logoen din er større enn standard Aetuts + -logoen som jeg brukte i denne opplæringen, må du øke denne verdien for å gjøre en større pusleside. Husk også under Fysikkegenskapene du vil finne en tilfeldighetseiendom. Dette vil randomisere puslespillene, men på slutten av animasjonen må disse verdiene være 0, fordi hvis det er høyere enn 0, ser du et merkelig puslespill med store hull. La meg bare vise deg hva jeg mener.


Trinn 11

Hvis tilfeldighetsverdien ikke er 0 så kan du se at brikkene ikke passer perfekt til hverandre på slutten av animasjonen. Foreløpig er dette ikke et stort problem fordi vi vil fikse det senere.


Trinn 12

Under fanen Teksturer kan du legge til en farge eller en tekstur i puslespillet ditt. Husk at hvis du prøver å bruke en tekstur (som en ekte fotostruktur), må du Pre-komponere det først ellers vil dette ikke fungere. I dette eksemplet brukte jeg bare en enkel farge # 616063 og jeg stiller denne fargen til side- og bakmodus. Under lynet alternativet la vi endre lystypen til First Comp Light.


Trinn 13

Gå til Effect-> Perspective-> Command Alpha og bruk den med følgende egenskaper. Det gir bare et lite ekstra høydepunkt på kanten av puslespillene.


Trinn 14

La oss legge til et nytt lys. Gå til Lag-> Ny-> Lys. Du kan leke med lysavstanden, eller du kan bruke innstillingene nedenfor. Dette vil gjøre en mer troverdig 3D ser scenen med en liten skygge falloff.


Trinn 15

La oss stille følgende lysegenskaper til lyset.


Trinn 16

Vi må reversere puslespillet, så velg LOGO-komposisjonen og høyreklikk på den og velg Time-Reverse Layer.


Trinn 17

Vi har et lite problem. Animasjonen fungerer fint, men på slutten forsvinner hele animerte logoen. Tidsremapping og fryse ramme løsning virker ikke. Jeg vet ikke hvorfor, men vi trenger en annen løsning. Vi kan gjøre to ting. Den første er veldig enkel og primitiv. Med dette loggelaget valgt, går du til den siste rammen på tidslinjen (Du kan se bildet nedenfor) og treffer n og b-tastene på tastaturet. Etter at la oss gjengi denne rammen som en .jpg-fil. Når gjengivelsen er ferdig, importer denne .jpg til ettervirkninger og sett den over LOGO-sammensetningslaget. La oss kompensere det til slutten av Logo-sammensetningslaget. Så i utgangspunktet vil logoen ikke forsvinne lenger, men hva om bakgrunnen er animert? Her er en bedre løsning.


Trinn 18

Den andre ideen er litt annerledes. Du må duplisere LOGO-laget. Jeg bytter navn på den dupliserte versjonen til Freeze-logoen. Du må gå til siste ramme og du må trimme den. Etter at åpne Shatter-plugin-egenskapene og under fanen fysikk, la vi endre tilfeldigheten til 0.


Trinn 19

La oss åpne Shatter-effektegenskapene på det nye dupliserte fryseprofillaget og det opprinnelige logotyper også. Jeg brukte bare pickwhip-verktøyet til å lage et enkelt uttrykk for å koble radiusegenskapene med den originale logosammensetningen. Det er viktig fordi hvis vi bruker en annen logo som er større enn den nåværende logoen, må vi endre radiusegenskapene på hver duplikat, men på grunn av uttrykket vil alt fungere bra.


Trinn 20

Ekspressjonsdelen er ferdig, så vi må duplisere og kompensere sammensetningen for fryse logo.


Trinn 21

Jeg lagde mange duplikater, slik at jeg bare slått på den sjenerte knappen for å skjule alle disse lagene.


Trinn 22

Gå til Lag-> Ny-> Kamera og legg til et nytt kamera.


Trinn 23

Jeg har nettopp laget en veldig enkel kamera animasjon. Gå til den første rammen og endre z-egenskapen til -991, etter det, gå 4 sekunder og endre denne verdien til -1789, og det er det.



Konklusjon

Så dette er det! Jeg håper du likte opplæringen og lærte noen nye ting. Prøv dine egne variasjoner eller tilpass den gratis prosjektfilen du kan laste ned øverst. Jeg heter Tibor Miklos, takk mye for din oppmerksomhet, og jeg vil se deg neste gang! Åh, og hvis du har noen spørsmål eller du bare sitter fast, så skriv meg en e-post. [email protected].


Endelig bilde