Bygg en splittrende kinematisk tittelåpner

I denne opplæringen vil jeg vise deg hvordan du oppretter en splittende kinematisk logoåpner med bare ettervirkninger. Opplæringen er basert på noen veldig enkle triks og tips, som vi vil kombinere for å gi et imponerende massivt sluttresultat.


1. Sette opp metallisk utseende

Trinn 1

Lag en ny sammensetning.


Steg 2

Lag en annen sammensetning.


Trinn 3

Før vi lager noen effekter, må vi bryte opp fargene til logoen først. Sett inn logoen din i logoen Sammensetning og dra 5 kopier av den inn i Logo Gradient Composition.


Grunnen til at du vil gjøre dette er å gjøre teksten synlig selv inne i logoen. Ellers vil det bare være et flatt lag når vi bruker gradienten til det, og du vil ikke kunne se teksten på logoen.

En ting til, jeg trakk i ActiveDen-logoen her fordi den har flere farger enn Aetuts + -logoen. Vi trenger svart, hvit og de andre fargene separat.

Trinn 4

Bruk Fargevalgseffekten på det øverste logolaget og velg de svarte og hvite farger, slik at du bare kan se resten av fargene.

Effekt> Nøkkelord> Fargevalg.


Trinn 5

Velg 2. lag og velg Alpha Matte fra Spor Matte alternativer.


Pre-Compose disse to lagene og nevne dem Hvit.

Trinn 6

Gjenta trinn 4 og 5 igjen og bruk Fargeskala effekt på neste logo lag, denne gangen bare å velge hvit farge.


Velg deretter Alpha Inverted Matte alternativ fra Spor Matte alternativ og Pre-Compose det.

Dette vil bare vise hvite farger.

Trinn 7

Gjelder nå Gradient Overlay På de tre lagene lagde vi en etter en.

Høyreklikk på Farger Comp> Layer Styles> Bevel & Emboss & Gradient Overlay.


La innstillingene være som, og klikk deretter på Rediger Gradient.


Bruk de ovennevnte fargeinnstillingene.

Trinn 8

Gjenta trinn 7 på neste lag og høyreklikk på neste lag som vi har kalt Hvit. Layer Styles> Bevel & Emboss, og Gradient Overlay.

La innstillingene og klikk på Rediger gradient for å bruke fargeinnstillinger som du kan se på bildet.


Trinn 9

Gjør alle trinnene som er nevnt i forrige trinn igjen, og bruk følgende fargeinnstillinger på det siste logolaget.


Trinn 10

Lar se hvordan logoen vår ser ut i øyeblikket.


Nå kan du forstå hvorfor jeg separerte fargene i begynnelsen av denne opplæringen.

Endre logoet til Aetuts + -logoen.


Det ser bra ut så vi kan gå videre til neste del.



2. knuste logoen

Trinn 1

Lage en ny sammensetning.


Steg 2

Legg til et kamera i komposisjonen. Lag> Nytt> Kamera.

Sett inn Gradient Composition vi nettopp har gjort i forrige del.

Legg til et justeringslag. Lag> Nytt> Justeringslag.


Trinn 3

Søk nå fire Expression ControlsJusteringslag oppkalt Controller.

  • 1 Kontrollpanelkontroll
  • 1 vinkelkontroll
  • 2 posisjonskontroller

Effekt> Ekspresjonskontroller.

Gi nytt navn til dem som vist på bildet nedenfor.


Trinn 4

Påfør Knuse effekt på Logo Gradient Layer og bruk følgende innstillinger.


Trinn 5

Alt + klikkKraft 1 posisjon stoppeklokke og lim inn følgende uttrykk:

thisComp.layer ("Controller"). effekt ("Shatter Point 1") ("Point")


Trinn 6

Alt + klikkKraft 2 posisjon stoppeklokke og lim inn følgende uttrykk:

thisComp.layer ("Controller"). effekt ("Shatter Point 2") ("Point")


Trinn 7

Alt + klikkGravity Direction stoppeklokke og lim inn følgende uttrykk:

thisComp.layer ("Controller"). effekt ("Shatter Angle") ("Angle")


Trinn 8

Opprett nå nøkkelrammer for Radius av begge Force 1 & 2 og sett verdien til 0.05.


Trinn 9

Flytt fremover noen få sekunder, og endre radiusens verdi til 0.5.


Trinn 10

Gå tilbake i Form innstillingene og sett inn Extrusion verdi til 0 fordi vi vil lage vår egen ekstrudering senere i opplæringen.


Trinn 11

Lar sjekke hvordan ting går.


Vel, de går ganske bra til nå.

Trinn 12

Grunnen til at vi laget et kontrollerlag er å kontrollere alle parametrene med et enkelt lag som vi skal lage i de neste trinnene. La oss endre Position og Retning av Shatter og se hva som skjer.


Se, det fungerer perfekt.

Trinn 13

Duplisere de Logo Gradient lag og endre Mønster og Gjentakelse innstillinger i Form opsjoner.


Dette vil øke stykkene med en mer tilfeldig rekkefølge.

Trinn 14

Igjen, dupliser laget og øk Gjentakingsverdi til 100.


Jo mer tilfeldighet du lager, desto bedre ser det ut til slutt.

Trinn 15

Sett inn den vanlige logoen kompis bak disse Shatter-lagene, så det virker som om bare det øverste laget knuser.


Trinn 16

Legg til et logo Gradientlag under alle lagene uten Shatter-effekten og flytt resten av lagene fremover i tide. Dette skaper en illusjon av logoen som knuses etter noen få sekunder.


Trinn 17

Legg til en Justeringslag og legg til Gløde effekt for å gi det et skinnende utseende. Bare spill med verdiene til du har noe som ser bra ut.


Trinn 18

Nå hvis vi ønsker å lage ekstruder, kan vi ikke se det i denne logoen, så vi må eksperimentere med den normale logoen.


Trinn 19

Dupliser det normale logolaget. Vi vil bruke den til ekstrudering. Gi nytt navn til Logo 001.


Trinn 20

Søke om Gradient Overlay på den. Høyreklikk> Layer Styles> Gradient Overlay.

La innstillingene som de er, bare endre Gradient-fargene som jeg har i bildet.


Trinn 21

Gjør det til en 3D-lag, Alt + klikkPosition stoppeklokke og lim inn følgende uttrykk:

offset = 1;

p = thisComp.layer ( "Logo")

offsetInterval = Math.abs (index-thisComp.layer ( "Logo") indeks.);

[P.position [0], p.position [1], p.position [2] + (offset * offsetInterval)];


Fordelen med dette uttrykket er at når du dupliserer laget logo 001, det vil fortsette å skyve det i Z-rommet og vil forfalske ekstrusjonseffekten.

Trinn 22

Under opacity av dette laget Alt + klikk på stoppeklokke og lim inn følgende uttrykk:

c = thisComp.layer ("Controller"). effekt ("Extrude") ("Checkbox")

hvis (c == 1)

opasitet = 100

annet hvis (c == 0)

opasitet = 0


Dette vil hjelpe deg å slå på og av ekstruderingen med et enkelt klikk fra Controller-laget.

Trinn 23

Dra nå logo001 lag til begynnelsen av tidslinjen og sett det under alle de andre lagene. Deretter lager du rundt 50 duplikater av det. Det vil gi deg 50 lag trykket tilbake i Z mellomrom skilt med en piksel.

Du kan se eksemplet på ekstrudering i bildet nedenfor.


Nå begynner dette virkelig å se ut som en metallisk ekstrudering.

Trinn 24

For dette trinnet lagde jeg et nytt duplikatlag av knusseffekten og forandret formen på stykkene for å vise flere partikler som knuste. Jeg brukte også en annen logo for å se om det fungerer fint med andre logoer.



Vi er nå ferdig med denne delen av opplæringen. Lar skape bakgrunnen for det.


3. Opprette rombakgrunn

Trinn 1

Lag en ny sammensetning.


Steg 2

Sett inn skyen BG.


Trinn 3

Påfør Curves effekt på den. Effekter> Fargekorreksjon> Kurver.


Trinn 4

Lag noen kopier av dette bildet og still inn modusen til skjerm.


Trinn 5

Endre posisjonen og rotasjonen av laget for å gi det litt tilfeldighet.


Trinn 6

Bruk en vri uttrykk til opasitet av noen få lag for å skape lynnedslag.


Trinn 7

Lag et justeringslag og bruk følgende effekter på det: Tint, fotofilter, og Curves.


Trinn 8

Endre modusen til Legg til for de lagene som du brukte wiggle-uttrykket på.


Trinn 9

Slett nå denne komposisjonen i Main Comp som vi opprettet i forrige del og aktiver Skjul Transformasjon alternativ.


Trinn 10

La oss ta en endelig titt på effektene vi opprettet.


Vi er ferdige med opplæringen her.

I forhåndsvisningen kan du se litt kamerabevegelse og optisk bluss. Du kan legge dem inn i avhengig av ditt eget valg. Prosjektfilen ovenfor er av forhåndsvisningsvideoen, ikke den vi opprettet her under opplæringen, slik at du ikke trenger å bekymre deg for kamera eller flares.

Konklusjon

I denne veiledningen lærte vi å separere fargene på logoen og deretter bruke forskjellige lagstiler for å gi det et metallisk utseende. I tillegg lærte vi å lage en kinematisk utseende Shatter-effekt. Alt dette ble gjort inne i After Effects.

Forhåpentligvis har du lært noe nyttig i denne opplæringen. Du er velkommen til å legge igjen en kommentar hvis du har noen spørsmål, eller du vil kanskje foreslå noen forbedringer som vi kanskje ikke vet enda. Takk!