Fractured Text Transition met Elemend 3D

Video Copilot's nieuwe plug-in Element 3D laat je een geweldig bewegend ontwerp maken, zoals tekst die oplost in vele kleine stukjes. Helaas moet fracturering worden uitgevoerd voordat Element Element wordt gebruikt, wat meestal betekent dat het in een 3D-toepassing moet worden gedaan. In deze tutorial wil ik je een techniek laten zien van het breken van tekst voor gebruik met Video Copilot's plug-in Element 3D zonder dat je een 3D-applicatie nodig hebt.


Stap 1

De eerste stap is om Illustrator te openen en de tekst voor te bereiden die we in After Effects willen gebruiken. In deze zelfstudie gebruiken we twee sets tekst: de eerste bestaat uit het Aetuts + -logo met een toegevoegde ondertitel, de tweede uit "FRACTURED TEXT". Merk op dat er veel ruimte is tussen de lijnen en zelfs tussen de letters A en E in het logo om de ruimte in te vullen die we later zullen vullen met de afschuining in Element 3D.


Stap 2

Dupliceer elk van de tekstgroepen zodat u twee exemplaren van elke set hebt. We hebben twee exemplaren van elke set nodig: één "gebroken" voor de overgang en een tweede "statisch" voor wanneer de tekst niet geanimeerd is.


Stap 3

Nu komt het eigenlijke "breuk" deel. Selecteer een van de groepen en gebruik het mesgereedschap om het in stukken te snijden. Houd in gedachten dat hoe meer kleine stukjes je maakt, hoe complexer het model dat je in Element maakt, dus overdrijf het niet. Nadat u klaar bent met de eerste groep, past u het proces opnieuw toe voor de tweede.


Stap 4

Vervolgens gaan we naar After Effects en stellen onze compositie in. Voor deze zelfstudie gebruiken we 1280x720, 23.976 fps en een duur van 10 seconden.


Stap 5

Het is tijd om onze basisinstellingen voor te bereiden, dus maak een nieuwe laag, noem deze "Element" en voeg er één instantie van Element uit het Effecten en Presets-paneel aan toe. Maak vervolgens een 24-mm camera. Ten slotte moeten we een aantal lagen maken voor onze Illustrator-paden, dus vier lagen maken en ze een naam geven: T1 (voor de eerste "vaste" set), T1_fractured (voor de eerste "gebroken" reeks), T2 (voor de tweede "vaste" set) en T2_fractured (voor de tweede "gebroken" set).


Stap 6

Nu moeten we onze paden kopiëren en plakken vanuit Illustrator naar After Effects. Ga terug naar Illustrator en selecteer de eerste "vaste" set en kopieer deze. Breng vervolgens After Effects terug, selecteer de layer genaamd T1 en plak. De paden moeten verschijnen als een reeks laagmaskers in After Effects. Herhaal dit proces voor elk van de sets, zowel "vast" als "gebroken". Als u het moeilijk vindt om te zien wat u doet, schakelt u de zichtbaarheid uit voor de lagen waarop u op dit moment niet werkt.


Stap 7

Het is tijd om Element op te zetten. Eerst moeten we de tekstpaden toewijzen aan aangepaste lagen, dus open de vervolgkeuzelijsten Aangepaste lagen en Aangepaste tekst en Maskers en wijs de tekstlagen dienovereenkomstig toe.


Stap 8

Vervolgens gaan we naar Scene Setup van Element om de tekstlagen te extruderen. Open de Scene Setup en klik op Extrude. U zou de eerste tekstset moeten zien. Maak je geen zorgen dat het er raar uit ziet (merk op dat de letters E niet correct extruderen - we zullen dit later behandelen).


Stap 9

Nu moeten we de andere lagen extruderen. Klik nog drie keer op de knop Extrude, zodat je in totaal vier extrusiemodellen hebt. Ga naar elk van hen en verander het aangepaste pad voor elk van hen. De eerste is in orde, maar je moet het aangepaste pad wijzigen naar aangepast pad 2 voor het tweede model en zo verder voor de rest.


Stap 10

Wijs elk van de modellen opnieuw toe aan een andere groep. Het eerste model hoort in groep één te staan, de tweede in groep twee enzovoort. U kunt de modellen ook een andere naam geven door te dubbelklikken op het veld "Extrusiemodel". Voor deze tutorial raad ik aan om de modellen die lijken op de namen die we eerder hebben gegeven te hernoemen naar de vaste lagen. Het is op deze manier eenvoudiger om dingen georganiseerd te houden.


Stap 11

Het is tijd voor afschuinen. Voor deze tutorial gebruiken we een preset genaamd "Racing". Ga naar de Materiaal- en Voorkeursbrowser en lokaliseer deze in de instellingen voor Schuine kanten. Sleep het over elk van de modellen. Je zult merken dat de groepsopdracht in de war raakt en dat alle modellen worden toegewezen aan Groep één. Los dit op door ze opnieuw toe te wijzen aan de juiste groepen zoals in de vorige stap.


Stap 12

De volgende stap is het veranderen van de kleur van de blauwe streep voor de eerste reeks titels ("AETuts + presents"). Klik op het Glass_Tint-materiaal en scrol door het venster Bewerken naar de verlichtingsinstellingen. Verander de blauwe kleur in # AE00FF. Denk eraan om dit voor beide T1-modellen te doen (de "statische" tekst en de "gebroken" tekst).


Stap 13

Nu moeten we al die extrusie glitches oplossen. Dit is een proces van vallen en opstaan, dus als u met uw eigen paden werkt, duurt het een beetje geduldig en experimenterend om te zien welke lettertypen werken en wat er in Element "kan worden" opgelost. Laten we eerst ons concentreren op het T1-model. We moeten de letters E in "Cadeaus" repareren. Om dit te doen, moeten we het selectievakje Afzonderlijke objecten uitschakelen (maak je geen zorgen, omdat we dit model niet nodig hebben voor de Multi Object-opties) en vink het vakje Fixes aan.


Stap 14

De T1_fractured lijkt in orde, dus we laten het nu even staan ​​bij de standaardinstellingen en keren ernaartoe terug zodra we beginnen met animeren. Het T2-model heeft een beetje werk nodig. Nogmaals, we moeten een aantal letters corrigeren en we zullen dit dit keer doen door de Auto Path Orientation uit te schakelen en de vakken Reverse Path Winding en Fix Holes te controleren.


Stap 15

Het laatste te repareren model is de T2_fractured. Dit doen we door het Spike-filter in te stellen op 1,00. Sluit de scene-instellingen voor nu door op OK te klikken.


Stap 16

Nu is het tijd om met de animatie te spelen. Om dit te doen, moeten we de Animation Engine instellen, maar laten we eerst onnodige lagen uitschakelen. Ga naar Groep 1 en Groep 3 (die Groepen zijn voor het T1- en T2-model) en verander onder Particle Look de Force Opacity-instellingen naar 0%.


Stap 17

Open Groep 2 en 4 (die Groepen vertegenwoordigen de "gebroken" modellen) en onder de Particle Look enable Multi-Object voor beide groepen.


Stap 18

Ga vervolgens naar de Animation Engine-instellingen en schakel deze in. Wijzig vervolgens de startgroep in groep 2 en voltooi groep in groep 4. Stel de animatie in op 50% en je zou een overgang zien gebeuren maar geen vliegende brokken. Voor het doel van deze tutorial zullen we ook de Seed 11200 instellen voor wat willekeur. Het is altijd een goed idee om het Zaad van zijn standaardwaarde te veranderen om wat variatie te krijgen.


Stap 19

We moeten teruggaan naar Scene Setup om ervoor te zorgen dat de "gebroken" modellen in kleinere stukken breken. Ga naar de instellingen voor zowel de T1_fractured als de T2_fractured modellen en verander de Scheidingsmodus in By Geometry (Slow) en schakel de Auto Path Orientation uit en sluit de Scene Setup door op OK te klikken. Nu zou je wat brokken in de animatie moeten zien.


Stap 20

Het is tijd om de eerste animatie in te stellen, die de overgang is van de eerste set titels naar de tweede. Ga naar de markering voor twee seconden en één frame op de tijdlijn en plaats een keyframe met 0% waarde voor de parameter Animation. Ga vervolgens naar de vier seconden en één framemarkeerder (tijdcode 0: 00: 04: 01) en voeg een 100% keyframe toe. Dit zou je een overgang moeten geven tussen de twee "gebroken" sets.


Stap 21

Om die cirkelvormige beweging toe te voegen aan die kleine stukjes die je in het voorbeeld hebt gezien, gaan we terug naar Scene Setup en wijzigen de T2- en T2_fractured-modellen. In het gedeelte Transformeren voor beide modellen wijzigen
de tweede Orientation-waarde tot 180,0 ° - hierdoor wordt het model geroteerd. Klik OK. Je zult merken dat de achterkant van het model naar de camera kijkt. Om deze ronddraaiing in het Rotatie-gedeelte in de Partikel op te lossen, kijkt u zowel naar Groep 3 als 4 en verandert u het Y-rotatiedeeltje naar + 180,0 °. Dit resulteert in de modellen aan de rechterkant en geeft ons ook die draaiende beweging in de animatie.


Stap 22

Nu kunnen we ons concentreren op het minder uniform rondvliegen van de chunks door de Random, Rotation Random en Scatter parameters in het Multi-Object-gedeelte te animeren. Stel voor Groep 2 drie
keyframes aan het begin van de animatie: één voor Grootte Willekeurig, een andere voor Rotatie Willekeurig en de finale voor Scatter Multi. Ga naar het einde van de animatie (markering van vier seconden) en stel een hoofdframe in op Rotatie willekeurig met de waarde van 1x +0,0 en een hoofdframe met de waarde van 10,00 voor de Multi-Scatter. Voor de willekeurige grootte ga naar de tijdcode van 0: 00: 03: 01 (drie seconden en één frame) en stel een keyframe in met de waarde 100%.


Stap 23

Voor Groep 4 moeten we iets soortgelijks doen, maar dan omgekeerd. Ga naar 0: 00: 02: 16 en stel een keyframe van 100% in op de Size Random en een keyframe van + 183,0 ° op de Rotation Random-parameters. Ga vervolgens naar
0: 00: 03: 08 en stel een 0 keyframe in voor de willekeurige rotatie. Stel tenslotte een 0 keyframe in voor Size Random op 0: 00: 03: 15.


Stap 24

Het laatste ding om de overgang een beetje interessanter te maken is om twee instellingen in de Animation Engine te veranderen. Open de richtingsopties en verander de gier in 206.0 ° en de steek in 122.0 °. Verander vervolgens in de Dual Animation Mode het Type in Random. Inmiddels zou je een mooie overgang moeten hebben tussen beide "gebroken" sets. Nu is het een kwestie van de "solide" sets te laten zien wanneer de animatie niet gebeurt.


Stap 25

Wat we moeten doen, is het animeren van de dekkingswaarden tussen de 'vaste' en 'gebroken' sets, net als het begin en einde van de animatie. Laten we eerst het begin van de animatie behandelen. Ga naar het eerste frame van de animatie (tijdcode 0: 00: 02: 01) en stel keyframes in voor de Force Opacity-parameter voor Groep 1 en 2: 0% voor Groep 1 en 100% voor Groep 2. Ga vervolgens terug naar één frame door de sneltoets Cmd + pijl-links te gebruiken en een 100% dwangmatigheid in te stellen voor groep 1 en 0% voor groep 2.


Stap 26

We herhalen hetzelfde proces voor het einde van de animatie. Het enige verschil is dat we de "solide" set een beetje eerder moeten laten zien om het oog van de kijker voor de gek te houden. Ga eerst naar het laatste frame van de animatie en stel een groepskader in voor de Force Dekking op 0% voor Groep 4. Ten tweede, ga één frame terug en voeg een ander keyframe toe voor Force Opacity van Groep 4, maak dit dan 0%. Ga vervolgens naar 0: 00: 03: 22 en voeg een keyframe voor Force Opacity voor Groep 3 toe met de waarde 100%. Ten slotte gaat u één frame terug en voegt u een 0% -hoofdframe toe voor de Force Opacity-parameter van Group 3.


Stap 27

Als u de animatie er beter wilt laten uitzien, kunt u Motion Blur voor element en de gehele compilatie inschakelen. Voor deze tutorial voegen we echter een nieuwe aanpassingslaag toe met daarop een CC Force Motion Blur-filter. De reden hiervoor is dat het naar mijn mening voor dit specifieke voorbeeld beter werkt. Voeg eerst een nieuwe aanpassingslaag boven de elementlaag toe door op Cmd + Y te drukken en het CC Force Motion Blur-filter hierop toe te passen. De standaardinstellingen zijn goed. Vervolgens moeten we de begin- en eindpunten voor de aanpassingslaag aanpassen, zodat de vervaging alleen zichtbaar is wanneer de animatie plaatsvindt (als de vervaging zichtbaar is tijdens de overgang van de dekking, krijgt u een rare aanblik dus houd daar rekening mee). Stel het beginpunt van de aanpassingslaag in aan het begin van de animatie (sneltoets Option + ) en stel het eindpunt in direct nadat groep 3 een dekking van 100% verkrijgt (tijdcode 0: 00: 03: 23).


Stap 28

Als je de eerste overgang hebt afgehandeld, gaan we naar de tweede die de tweede reeks titels is die oplost in kleine stukjes en verdwijnt als ze wegvliegen. Nogmaals zullen we de Animation Engine gebruiken, maar deze keer zullen we in plaats van een overgang tussen twee sets deeltjes een volledige Groep 4 overbrengen naar een lege Groep 5 - dit is een goede manier om deeltjes in je scène in / uit te brengen. Eenmaal gebruiken we opnieuw de dekkingstrip om de "gebroken" set te laten zien als de animatie begint, maar eerst moeten we enkele wijzigingen in de Animation Engine aanbrengen. We willen dat de tweede animatie om acht seconden en één frame begint, dus we moeten sommige instellingen eerder in de tijd aanpassen. Ga naar 0: 00: 07: 15 en voeg de volgende keyframes toe:

  • Force Dekking voor Groep 2 op 100% (we zullen Groep 2 moeten verbergen omdat de Animatie Engine dit niet langer zal beïnvloeden)
  • Start Groep-keyframe in de Animation Engine Group-selectie voor Groep 2
  • Groeps-hoofdframe voltooien voor groep 4

Stap 29

Ga één frame vooruit en wijzig de Force Dekking voor Groep 2 in 0%, Start Groep van Groep 2 in Groep 4 en stel de Voltooide Groep in op Groep 5.


Stap 30

Het enige andere ding dat we moeten resetten in de Animatie-engine is de parameter Animatie. Ga naar 0: 00: 07: 23 en stel een keyframe in (dit moet 100% zijn) en ga vervolgens één frame vooruit en voeg deze keer een ander keyframe toe met de waarde 0%. Ga tenslotte naar het einde van de compositie (markering van tien seconden) en stel een keyframe in voor Animatie met de waarde 100%. Dit zorgt voor de Animation Engine.


Stap 31

Vervolgens moeten we de "vaste" set verbergen en de "gebroken" versie laten zien zodra de animatie begint. Net als hiervoor gebruiken we de Force Opacity-parameter voor groepen 3 en 4. Ga naar 0: 00: 08: 00 en stel keyframes in voor Force Opacity voor Groep 3 en Groep 4 (deze moeten respectievelijk 100% en 0% zijn). Vervolgens gaat u één frame vooruit en wijzigt u Force Dekking van groep 3 in 0% en groep 4 in 100%. Je zou een soortgelijk effect moeten zien als het effect dat we in stap 25 bereikten.


Stap 32

Het is tijd om wat meer beweging aan de deeltjes toe te voegen. Plaats de tijdmarkering op 0: 00: 08: 01 en stel de volgende 0-waarde keyframes in:

  • Grootte willekeurig
  • Rotatie willekeurig
  • Scatter Multi

Stap 33

Ga naar 0: 00: 08: 16 en stel een 100% keyframe in voor Size Random en + 180.0 ° keyframe voor Rotation Random. Ga dan naar 0: 00: 09: 16 en zet de Scatter Multi op 4.34.


Stap 34

Nu voegen we een beetje meer spin toe aan de beweging en slepen we de vliegende stukken naar beneden om een ​​vallende beweging te imiteren. We doen dit door te spelen met de instellingen van Groep 5. Omdat de groep leeg is en alleen als een overgangstool dient, kun je gek worden. Voor deze tutorial gebruiken we de Y-positie en X-rotatiewaarden van de Groep. Ga eerst naar de markering van acht seconden en plaats een hoofdframe voor de positie XY in de Particle Replicator Settings. Ga vervolgens naar 0: 00: 08: 05 en stel een hoofdframe in voor de X-rotatie. Ten derde, ga naar de markering van negen seconden en voeg deze keer een ander hoofdframe toe voor de X-rotatie met de waarde van + 159,0 °. Ga tenslotte naar 0: 00: 09: 16 en stel de Y-positie in de positie XY-waarde in op 592.0. Wat er in feite gebeurt, is dat terwijl de animatie vordert, de deeltjes naar beneden gaan en extra rotatie krijgen van die instellingen.


Stap 35

Het laatste ding om te doen met de animatie is om wat bewegingsonscherpte toe te voegen. Voor deze tutorial gebruiken we een aanpassingslaag met CC Force Motion Blur (zie stap 27), zodat we die laag (sneltoets Cmd + D) gewoon kunnen dupliceren en dienovereenkomstig plaatsen. Vergeet niet om de aanpassingslaag te starten zodra de transitie van de dekking tussen de groepen is voltooid.


Stap 36

Het is tijd om een ​​achtergrond, camerabewegingen en wat licht aan de scène toe te voegen. Laten we eerst de achtergrond aanpakken. Voeg een nieuwe Solid toe en vul deze met # 643712, hernoem hem naar "bg" en plaats hem onder de Element-laag. Voeg vervolgens een nieuwe Solid toe, maak deze wit, hernoem hem naar "spot", plaats hem boven de bg-laag en verander zijn mengmodus in Add. Laat de laag "spot" geselecteerd en neem de Ellipse-tool en dubbelklik erop. Hiermee wordt een elliptisch masker aan deze laag toegevoegd. Wijzig de veerinstellingen van het masker in 213.0. Laat ten slotte de dekking van deze laag naar 52% vallen. Dit creëert een mooie hotspot met wat vignettering rond de randen.


Stap 37

Vervolgens voegen we een eenvoudige opstelling met drie licht toe, waardoor we later wat Glow kunnen toevoegen. In deze tutorial gebruiken we Spotlichten, maar het is aan jou om te experimenteren met verschillende soorten lichten en hun instellingen proberen met name verschillende lichtposities en zien hoe deze het uiterlijk van de scène beïnvloeden. Laten we eerst een toetslamp maken met de kleurwaarde # F7E7CD. U kunt de rest van de instellingen in de onderstaande schermafbeelding bekijken.


Stap 38

Ten tweede, laten we een Rim-licht toevoegen met de kleurwaarde van # CDEFF7. Zie de rest van de instelling in de onderstaande schermafbeelding.


Stap 39

Ten slotte voegen we een overheadlamp toe. Stel de kleur in op # F7ECCD en de rest van de parameters, zoals in de schermafbeelding.


Stap 40

Laten we nu de camera animeren. Eigenlijk willen we dat het ronddraait rond de twee sets titels met wat inzoomen. Voor de tweede animatie (de ontbinding van de tweede set) willen we de camera boven de vliegende stukken bewegen om wat meer variatie aan de beweging van de chunks toe te voegen. Zie de onderstaande screenshots voor gedetailleerde keyframe-instellingen.


Stap 41

Laten we teruggaan naar de Element-laag en wat Ambient Occlusion en Glow toevoegen. Open eerst de sectie Renderinstellingen van Element en schakel in de Ambient Occlusion (SSAO) AO inschakelen in. Ten tweede open je de Glow-sectie en doe je het volgende:

  • Schakel Glow inschakelen in
  • Stel Glow From in op Luminance
  • Verander de gloeidrempel in 0,80
  • Stel de Glow Tint-kleur in op # FFAD37 Ga tenslotte naar de Output-module en stel in de Sampling & Aliasing de Supersampling in op 2 om eventuele gekartelde randen te verwijderen.

Stap 42

Het laatste wat je moet doen, is wat kleurcorrectie toevoegen. Voeg een nieuwe aanpassingslaag toe, wijzig de naam in "cc" (voor kleurcorrectie) en voeg er een curve-aanpassing aan toe. Gebruik de instellingen van de schermafbeelding voor het doel van deze zelfstudie.


Stap 43

Op dit punt heb ik besloten om een ​​andere curve-aanpassing toe te voegen aan dezelfde laag met de volgende instellingen.


Het einde

En dat is het. Ik zou je willen aanmoedigen om met deze techniek te experimenteren. Houd er rekening mee dat het enige tijd kan duren om een ​​combinatie te vinden van het juiste lettertype, de gewenste grootte, schuine opties en andere zaken die geschikt zijn voor uw scène. Afgezien van tekst zou deze techniek ook moeten werken voor eenvoudige objecten zoals rechthoeken die kunnen worden geëxtrudeerd om dozen te vormen. U kunt altijd meer titels opnemen in uw scène door meer instanties van Element te gebruiken. Veel plezier!