Fractured Text Transition med Elemend 3D

Video Copilots nye plugin-element 3D lar deg lage et flott bevegelsesdesign som tekst som løses i mange små biter. Dessverre må frakturering gjøres før du bruker Element 3D, som vanligvis betyr å gjøre det i et 3D-program. I denne opplæringen vil jeg gjerne vise deg en teknikk for brudd på tekst for bruk med Video Copilots plugin-element 3D uten at du trenger å bruke et 3D-program.


Trinn 1

Det første trinnet er å åpne Illustrator og forberede teksten vi vil bruke i After Effects. I denne opplæringen vil vi bruke to sett med tekst: den første består av Aetuts + -logoen med en ekstra undertekst, den andre leser "FRAKTURERT TEKST". Legg merke til at det er mye mellomrom mellom linjene og til og med mellom bokstavene A og E i logoen for å gjøre opp for plassen som vi senere vil fylle ved å bruke skråsnittet i Element 3D.


Steg 2

Dupliser hver av tekstgruppene slik at du har to kopier av hvert sett. Vi trenger to forekomster av hvert sett: en "brudd" for overgangen og en annen "statisk" for når teksten ikke er animert.


Trinn 3

Nå kommer den faktiske "brudd" -delen. Velg en av gruppene, og bruk Knivverktøyet til å kutte det i stykker. Husk at jo flere små biter du lager den mer komplekse modellen du vil lage i Element, så overstyr ikke den. Når du er ferdig med den første gruppen, gjenta prosessen for den andre.


Trinn 4

Deretter går vi inn i After Effects og setter opp sammensetningen. For denne opplæringen bruker vi 1280x720, 23,976 fps og 10 sekunders varighet.


Trinn 5

Det er på tide å forberede vårt grunnleggende oppsett, så opprett et nytt lag, nevner det "Element" og legg til en forekomst av Element fra Effekter og Presets-panelet til det. Deretter lager du et 24mm kamera. Til slutt må vi lage noen lag for våre Illustrator-baner, så opprett fire lag og navn dem: T1 (for det første "solide" settet), T1_fractured (for det første "frakturerte" settet), T2 (for det andre "faste" sett) og T2_fractured (for det andre "brudd" settet).


Trinn 6

Nå må vi kopiere og lime inn våre baner fra Illustrator til After Effects. Gå tilbake til Illustrator og velg det første "solide" settet og kopier det. Deretter tar du tilbake Etter Effects, velg lag som heter T1 og lim inn. Banene skal vises som en gruppe lagmasker i After Effects. Gjenta denne prosessen for hvert sett, både "solid" og "fraktured". Hvis du har det vanskelig å se hva du gjør, slå av synligheten for de lagene du ikke jobber for i øyeblikket..


Trinn 7

Det er på tide å sette opp Element. Først må vi tilordne tekstbanene til egendefinerte lag, så åpne nedlastingene for egendefinerte lag og egendefinert tekst og masker og tilordne tekstlagene tilsvarende.


Trinn 8

Deretter går vi inn i elementets sceneoppsett for å ekstrudere tekstlagene. Åpne Scene Setup og klikk på Extrude. Du bør se det første tekstsettet. Ikke vær redd for at det ser merkelig ut (legg merke til at bokstavene E ikke ekstruderer riktig - vi vil håndtere dette senere).


Trinn 9

Nå må vi ekstrudere de andre lagene. Klikk på Extrude-knappen tre ganger, slik at du har fire ekstruderingsmodeller totalt. Gå inn i hver enkelt av dem og endre den tilpassede banen for hver av dem. Den første er ok, men du må endre den egendefinerte banen til tilpasset bane 2 for den andre modellen og så videre for resten.


Trinn 10

Tilordne hver av modellene til en annen gruppe. Den første modellen skal være i gruppe ett, den andre i gruppe to og så videre. Du kan også omdøpe modellene ved å dobbeltklikke på feltet "Ekstruderingsmodell". For denne opplæringen anbefaler jeg at du omdøper modellene som ligner på navnene vi har gitt tidligere til de faste lagene. Det er lettere på denne måten å holde orden på organisasjonen.


Trinn 11

Det er skråtid. For denne opplæringen bruker vi en forhåndsinnstilt kalt "Racing". Gå inn i material- og forhåndsinnstilt nettleser og finn den i forhåndsinnstillingene for kommandoen. Dra den over hver modell. Du vil legge merke til at gruppeprosjektet blir ødelagt og alle modellene blir tildelt Gruppe One. Løs dette ved å omorganisere dem til riktige grupper som i forrige trinn.


Trinn 12

Det neste trinnet er å endre fargen på den blå stripen for det første settet med titler ("AETuts + presenterer"). Klikk på Glass_Tint-materialet og bla ned Edit-vinduet til belysningsinnstillingene. Bytt den blå fargen til # AE00FF. Husk å gjøre dette for både T1-modeller (den "statiske" teksten og "brukket" en).


Trinn 13

Nå må vi fikse alle disse ekstruderingsfeilene. Dette er en prøveprosessprosess, så hvis du jobber med dine egne baner, tar det litt tålmodighet og eksperimenterer for å se hvilke skrifttyper som fungerer, og hva som kan bli "fast" i Element. La oss først konsentrere oss om T1-modellen. Vi må fikse bokstavene E i "Presents". For å gjøre dette må vi avkryss av avmerkingsboksen Separate Objects (ikke bekymre deg for det fordi vi ikke trenger denne modellen for det er Multi Object-alternativer) og sjekk Fix Holes-boksen.


Trinn 14

T1_fractured virker som det er så vi vil bare forlate det for nå på standardinnstillingene og returnere til det når vi begynner å animere. T2-modellen trenger litt arbeid. Igjen, vi trenger å fikse noen bokstaver, og vi gjør det denne gangen ved å fjerne merket for Auto Path Orientation og sjekke Reverse Path Winding og Fix Holes boksene.


Trinn 15

Den siste modellen for å fikse er T2_fractured. Vi gjør dette ved å sette Spike Filter til 1.00. Lukk scenen oppsett for nå ved å klikke OK.


Trinn 16

Nå er det på tide å fla med animasjonen. For å gjøre dette må vi sette opp animasjonsmotoren, men først la vi slå av eventuelle unødvendige lag. Gå inn i gruppe 1 og gruppe 3 (de gruppene er for T1 og T2 modellen) og under partikkel utseende, endrer styrkenhetens innstillinger til 0%.


Trinn 17

Åpne gruppene 2 og 4 (de gruppene representerer "brudd" -modellene) og under partikkelsøk aktivere flerobjekt for begge grupper.


Trinn 18

Deretter går du til animasjonsmotorinnstillingene og aktiverer den. Endre deretter startgruppen til gruppe 2 og sluttgruppe til gruppe 4. Sett animasjonen til 50%, og du bør se en overgang, men ingen flygende biter. For formålet med denne opplæringen vil vi også sette Seed 11200 bare for noe tilfeldig. Det er alltid en god ide å endre frøet fra standardverdien for å få litt variasjon.


Trinn 19

Vi må gå tilbake til Scene Setup for å få "brudd" -modellene til å bryte inn i små biter. Gå inn i innstillingene for både T1_fractured og T2_fractured-modellene, og skift separasjonsmodus til etter geometri (Slow), og fjern merket for Auto Path Orientation og lukk Scene Setup ved å klikke OK. Nå bør du se noen biter i animasjonen.


Trinn 20

Det er på tide å sette opp den første animasjonen som er overgangen mellom første sett med titler til den andre. Gå til de to sekundene og en rammemarkør på tidslinjen, og legg inn en keyframe med 0% verdi for animasjonsparameteren. Deretter går du til de fire sekunder og en rammemarkør (tidskode 0: 00: 04: 01) og legger til en 100% keyframe. Dette bør gi deg en overgang mellom de to "brudd" -settene.


Trinn 21

For å legge til den sirkulære bevegelsen til de små bitene du har sett i eksemplet, går vi tilbake til Sceneoppsettet og modifiserer T2- og T2_fractured-modellene. I Transform-delen for begge modellene endres
den andre retningsverdien til 180,0 ° - dette vil rotere modellen. Klikk på OK. Du vil merke at modellens bakside vender mot kameraet. For å fikse denne vriden ned i rotasjonsdelen i partikkelen, se etter både gruppe 3 og 4 og bytt Y-rotasjonspartikkelen til + 180,0 °. Dette resulterer i modellene som vender mot høyre side og gir oss også den spinnende bevegelsen i animasjonen.


Trinn 22

Nå kan vi konsentrere seg om at flaskene flyr rundt på en mindre jevn måte ved å animere størrelsen Tilfeldig, Rotasjon Tilfeldig og Scatter-parametere i Multi-Object-delen. For gruppe 2 sett tre
keyframes i begynnelsen av animasjonen: en for størrelse tilfeldig, en annen for rotasjon tilfeldig og endelige for scatter multi. Gå til slutten av animasjonen (fire sekunder mark) og sett en nøkkelramme Rotasjon Tilfeldig med verdien 1x +0,0 og en keyframe med verdien 10,00 for Multi-Scatter. For størrelsen Tilfeldig, gå til tidskoden 0: 00: 03: 01 (tre sekunder og en ramme) og sett en keyframe med verdien av 100%.


Trinn 23

For Gruppe 4 må vi gjøre noe lignende, men i omvendt. Gå til 0: 00: 02: 16 og sett en keyframe på 100% til størrelsen Tilfeldig og en keyframe på + 183,0 ° til rotasjonsvilkårene. Deretter går til
0: 00: 03: 08 og sett en 0 keyframe for rotasjons tilfeldig. Til slutt, sett en 0 keyframe for Størrelse Tilfeldig ved 0: 00: 03: 15.


Trinn 24

Den siste tingen å gjøre overgangen litt mer interessant er å endre to innstillinger i animasjonsmotoren. Åpne retningsalternativene og bytt Yaw til 206.0 ° og pitchen til 122.0 °. Deretter endrer du Type til Tilfeldig i Dual Animation Mode. Nå skal du ha en fin overgang mellom begge "brudd" settene. Nå er det et spørsmål om å vise de "faste" settene når animasjonen ikke skjer.


Trinn 25

Det vi trenger å gjøre er å animere Opacity-verdiene mellom "solid" og "fractured" settene akkurat som animasjonen starter og etterbehandling. Først må vi forholde oss til begynnelsen av animasjonen. Gå til animasjonens første ramme (tidskode 0: 00: 02: 01) og sett nøkkelrammer for Force Opacity-parameteren for Grupper 1 og 2: 0% for gruppe 1 og 100% for gruppe 2. Deretter går du tilbake en ramme ved å bruke tastaturgenveien Cmd + Venstre piltast og angi en 100% Force Opacity for gruppe 1 og 0% for gruppe 2.


Trinn 26

Vi gjentar den samme prosessen for slutten av animasjonen. Den eneste forskjellen er at vi må vise "solid" settet litt tidligere for å lure seerens øye. Gå først til animasjonens siste ramme og sett en keyframe for Force Opacity på 0% for Gruppe 4. For det andre, gå tilbake en ramme og legg til en annen keyframe for Force Opacity av Gruppe 4 denne gangen gjør det 0%. Gå deretter til 0: 00: 03: 22 og legg til en keyframe for Force Opacity for gruppe 3 med en verdi på 100%. Til slutt, gå tilbake en ramme og legg til en 0% keyframe for Gruppe 3's Force Opacity parameter.


Trinn 27

For å få animasjonen til å se bedre ut, kan du slå på Motion Blur for Element og hele komp. Imidlertid vil vi i dette opplæringsprogrammet legge til et nytt justeringslag med et CC Force Motion Blur-filter som er brukt på det. Årsaken til dette er at etter min mening fungerer det bedre for dette bestemte eksemplet. Først legger du til et nytt justeringslag over elementlaget ved å trykke på Cmd + Y og bruke CC Force Motion Blur-filteret til det. Standardinnstillingene er i orden. Deretter må vi justere begynnelses- og sluttpunktene for justeringslaget slik at uskarpheten bare er synlig når animasjonen skjer (hvis uskarpheten er synlig under overføringsovergangen, får du et merkelig utseende, så husk det). Angi begynnelsespunktet til justeringslaget ved starten av animasjonen (tastatursnarvei Alternativ + ) og sett sluttpunktet rett etter at Gruppe 3 får 100% Opacity (tidskode 0: 00: 03: 23).


Trinn 28

Etter å ha behandlet den første overgangen, la oss gå videre til den andre som er det andre settet av titler som løser seg inn i små stykker og forsvinner når de flyr bort. Nok en gang bruker vi animasjonsmotoren, men denne gangen i stedet for å overføre mellom to sett med partikler overfører vi bare en full gruppe 4 til en tom gruppe 5 - dette er en god måte å få inn / ut partikler inn i din scene. En gang igjen bruker vi opacity-tricket til å vise "brudd" -settet når animasjonen begynner, men først må vi gjøre noen endringer i animasjonsmotoren. Vi vil at den andre animasjonen skal starte på åtte sekunder og en ramme, så vi må justere noen innstillinger tidligere i tid. Gå til 0: 00: 07: 15 og legg til følgende nøkkelrammer:

  • Force Opacity for gruppe 2 på 100% (vi må skjule gruppe 2 fordi animasjonsmotoren ikke lenger påvirker den)
  • Start Gruppe-keyframe i valg av Animasjonsmotorgruppe for gruppe 2
  • Fullfør gruppens nøkkelramme for gruppe 4

Trinn 29

Gå fram en ramme og endre Force Opacity for gruppe 2 til 0%, start gruppe fra gruppe 2 til gruppe 4 og sett ferdig gruppe til gruppe 5.


Trinn 30

Den eneste andre tingen vi trenger for å tilbakestille i animasjonsmotoren, er animasjonsparameteren. Gå til 0: 00: 07: 23 og sett en keyframe (den skal være på 100%) og deretter gå fram en ramme og legg til en ny keyframe denne gangen med verdien av 0%. Til slutt gå til slutten av komposisjonen (ti sekunder markør) og sett en keyframe for animasjon med en verdi på 100%. Dette tar vare på animasjonsmotoren.


Trinn 31

Deretter må vi gjemme det "faste" settet og vise "brukket" en gang animasjonen starter. Som før bruker vi Force Opacity-parameteren for gruppe 3 og 4. Gå til 0: 00: 08: 00 og sett nøkkelrammer for Force Opacity for gruppe 3 og gruppe 4 (de skal være på henholdsvis 100% og 0%). Deretter går en ramme frem og endrer Gruppe 3s styrkeopphetthet til 0% og gruppe 4 til 100%. Du bør se en lignende effekt som den vi oppnådde i trinn 25.


Trinn 32

Det er på tide å legge litt mer bevegelse til partiklene. Å ha tidsmarkøren plassert klokka 0: 00: 08: 01 angi følgende 0-verdi nøkkelrammer:

  • Størrelse Tilfeldig
  • Rotasjon Tilfeldig
  • Scatter Multi

Trinn 33

Gå til 0: 00: 08: 16 og sett en 100% keyframe for størrelsesvoll og + 180,0 ° keyframe for rotasjonssvikt. Gå deretter til 0: 00: 09: 16 og sett Scatter Multi til 4.34.


Trinn 34

Nå legger vi litt mer spinn til bevegelsen og drar også flygende stykker ned for å etterligne en fallende bevegelse. Vi gjør dette ved å spille rundt med gruppens 5 innstillinger. Siden gruppen er tom og kun fungerer som et overgangsverktøy, kan du bli gal. I denne veiledningen skal vi bruke gruppens Y-posisjon og X-rotasjonsverdier. Først går du til den åtte sekunders markøren og legger et keyframe for posisjonen XY i partikkelreplikatorinnstillingene. Deretter går du til 0: 00: 08: 05 og setter en keyframe for X-rotasjonen. Tredje, gå til ni sekunders mark og legg til en annen keyframe for X-rotasjonen denne gangen med en verdi på + 159,0 °. Til slutt går du til 0: 00: 09: 16 og stiller Y-posisjonen i posisjon XY-verdien til 592,0. I utgangspunktet er det som skjer når animasjonen utvikler seg, partiklene beveger seg ned og får ekstra rotasjon fra disse innstillingene.


Trinn 35

Den siste tingen å gjøre med animasjonen er å legge til litt bevegelsesskarphet. I denne veiledningen bruker vi et justeringslag med CC Force Motion Blur (se trinn 27), slik at vi bare kan duplisere det laget (tastaturgenvei Cmd + D) og plassere det tilsvarende. Bare husk å starte justeringslaget før det blir ferdig overgang mellom gruppene.


Trinn 36

Det er på tide å legge til en bakgrunn, kameraflytt og noen lys til scenen. La oss først takle bakgrunnen. Legg til en ny Solid og fyll den med # 643712, omdøpe den til "bg" og plasser den under elementlaget. Deretter legger du til en annen Solid, denne gangen gjør den hvit, omdøper den til "spot", plasser den over bg-laget, og endrer blendingmodus til Legg til. Når du har valgt "spot" -laget, bruk Ellipse-verktøyet og dobbeltklikk på det. Dette vil legge til en elliptisk maske til dette laget. Endre maskens fjærinnstillinger til 213.0. Endelig fall ned dette lagets Opacity til 52%. Dette skaper et hyggelig sted med noen vignetter rundt kantene.


Trinn 37

Deretter legger vi til et grunnleggende tre lysoppsett som vil hjelpe oss med å legge til litt glød senere. I denne opplæringen bruker vi Spotlights, men det er opp til deg å eksperimentere med ulike typer lys og deres innstillinger, spesielt prøve ut forskjellige lysplasseringer og se hvordan det påvirker utseendet på scenen. La oss først lage et nøkkellys med fargeværdien til # F7E7CD du kan se resten av innstillingene i skjermbildet under.


Trinn 38

For det andre, la oss legge til et Rim-lys med fargeværdien til # CDEFF7. Se resten av innstillingen på skjermbildet nedenfor.


Trinn 39

Til slutt legger vi til et Overhead-lys. Sett fargen til # F7ECCD og resten av parametrene som i skjermbildet.


Trinn 40

La oss nå animere kameraet. I utgangspunktet ønsker vi at den skal bane rundt de to settene med titler med litt zooming. For den andre animasjonen (det andre settet oppløses) vil vi flytte kameraet over de flygende stykkene for å legge til litt mer variasjon i bunksbevegelsen. Se under skjermbilder for detaljerte keyframe-innstillinger.


Trinn 41

La oss komme tilbake til Element-laget og legge til noe Ambient Occlusion og Glow. Først åpner du Render Settings-delen av Element og i SACO-sjekken (Enable AO). For det andre, åpne Glow-delen og gjør følgende:

  • Merk av for Aktiver glød
  • Sett glød fra til luminans
  • Bytt glødende terskel til 0,80
  • Angi Glow Tint-fargene til # FFAD37 Gå endelig til Utdata-modulen og i Sampling & Aliasing sett Supersampling til 2 for å kvitte seg med ujevnte kanter du kan få.

Trinn 42

Den siste tingen å gjøre er å legge til litt fargekorrigering. Legg til et nytt justeringslag, endre navnet til "cc" (for fargekorrigering) og legg til en kurvjustering til den. I denne veiledningen skal du bruke innstillingene fra skjermbildet.


Trinn 43

På dette tidspunktet bestemte jeg meg for å legge til en ny kurvjustering til samme lag med følgende innstillinger.


Slutten

Og det er det. Jeg vil gjerne oppmuntre deg til å eksperimentere med denne teknikken. Bare husk at det kan ta litt tid å finne en kombinasjon av riktig skrifttype, chunk-størrelser, skråalternativer og andre ting som vil fungere med scenen din. Bortsett fra tekst, bør denne teknikken også fungere for enkle gjenstander som rektangler som kan ekstruderes for å danne bokser. Du kan alltid inkorporere flere titler i scenen din ved å bruke flere forekomster av Element. Ha det gøy!