Bouw een Shattering Cinematic Title Opener

In deze tutorial laat ik je zien hoe je een Shattering Cinematic Logo Opener maakt met alleen After Effects. De tutorial is gebaseerd op een aantal zeer eenvoudige trucs en tips, die we zullen combineren om een ​​indrukwekkend enorm eindresultaat te maken.


1. De metaallook instellen

Stap 1

Maak een nieuw Samenstelling.


Stap 2

Maak er nog een Samenstelling.


Stap 3

Voordat we effecten maken, moeten we eerst de kleuren van het logo doorbreken. Plaats uw logo in het logo Compositie en sleep er 5 exemplaren van naar de Logo Gradient Composition.


De reden dat u dit wilt doen is om de tekst zichtbaar te maken, zelfs binnen in het logo. Anders wordt het gewoon een platte laag zodra we het verloop toepassen en kunt u de tekst op het logo niet zien.

Nog een ding, ik sleepte het ActiveDen-logo hier in omdat het meer kleuren heeft dan het Aetuts + -logo. We hebben zwart, wit en de andere kleuren apart nodig.

Stap 4

Pas het kleurbereik-effect toe op de bovenste logolaag en selecteer de zwart-witte kleuren, zodat u alleen de rest van de kleuren kunt zien.

Effect> Keying> Kleurbereik.


Stap 5

Selecteer de tweede laag en kies Alpha Matte van de Track Matte opties.


Nu Pre-Compose deze twee lagen en noem ze Wit.

Stap 6

Herhaal stap 4 en 5 opnieuw en pas de Kleurenbereik effect op de volgende logolaag, maar deze keer alleen het selecteren van witte kleur.


Kies vervolgens de Alpha Inverted Matte optie van de Track Matte optie en Pre-Compose it.

Dit toont alleen witte kleuren.

Stap 7

Nu toepassen Overlay met kleurovergang op de drie lagen die we een voor een hebben gemaakt.

Klik met de rechtermuisknop op Kleuren Comp> Laagstijlen> Schuine rand en reliëf & Overlay met kleurovergang.


Laat de instellingen ongewijzigd en klik vervolgens op Verloop bewerken.


Pas de bovenstaande kleurinstellingen toe.

Stap 8

Herhaal stap 7 op de volgende laag en klik met de rechtermuisknop op de volgende laag die we hebben genoemd Wit. Laagstijlen> Schuine rand en reliëf, en Overlay met kleurovergang.

Verlaat de instellingen en klik op Verloop bewerken om kleurinstellingen toe te passen die u in de afbeelding kunt zien.


Stap 9

Voer alle stappen uit die in de vorige stap zijn genoemd en pas de volgende kleurinstellingen toe op de laatste logolaag.


Stap 10

Laten we eens kijken hoe ons logo naar het moment kijkt.


Nu begrijp je waarom ik de kleuren aan het begin van deze tutorial heb gescheiden.

Verander het logo in het Aetuts + -logo.


Het ziet er nu goed uit dus laten we verdergaan naar het volgende deel.



2. Het logo verbrijzelen

Stap 1

Maak een nieuw Samenstelling.


Stap 2

Voeg een camera toe aan de compositie. Laag> Nieuw> Camera.

Voeg de Gradient Composition toe die we zojuist in het vorige gedeelte hebben gemaakt.

Voeg een aanpassingslaag toe. Laag> Nieuw> aanpassingslaag.


Stap 3

Nu vier toepassen Expression Controls op de Aanpassingslaag genaamd controleur.

  • 1 Checkbox-besturing
  • 1 Hoekregeling
  • 2 positieregelingen

Effect> Expressiebesturing.

Hernoem ze zoals afgebeeld in de onderstaande afbeelding.


Stap 4

Pas de Breken effect op de Logo Gradient Layer en gebruik de volgende instellingen.


Stap 5

Alt + klik op de Forceer 1 positie stopwatch en plak de volgende uitdrukking:

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


Stap 6

Alt + klik op de Force 2 positie stopwatch en plak de volgende uitdrukking:

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


Stap 7

Alt + klik op Zwaartekracht richting stopwatch en plak de volgende uitdrukking:

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


Stap 8

Maak nu keyframes voor de Radius van beide Forceer 1 en 2 en stel de waarde in op 0.05.


Stap 9

Ga enkele seconden vooruit en verander de waarde van de straal in 0.5.


Stap 10

Ga terug in de Vorm instellingen en stel de Extrusie waarde voor 0 omdat we later in de tutorial onze eigen extrusie zullen maken.


Stap 11

Laten we eens kijken hoe het gaat.


Nou, ze gaan redelijk goed tot nu toe.

Stap 12

De reden dat we een controllerlaag hebben gemaakt, is om alle parameters te beheren met een enkele laag die we gaan maken in de volgende paar stappen. Laten we de P veranderenositie en Richting van de Shatter en zie wat er gebeurt.


Kijk, het werkt perfect.

Stap 13

Duplicaat de Logo Gradient laag en verander de Patroon en Herhaling instellingen in de Vorm opties.


Dit vergroot de stukken met een meer willekeurige volgorde.

Stap 14

Nogmaals, dupliceer de laag en verhoog de Herhalingswaarde naar 100.


Hoe meer willekeur je creëert, hoe beter het er uiteindelijk uit zal zien.

Stap 15

Plaats nu de normale logo comp achter deze Shatter-lagen zodat het lijkt alsof alleen de bovenste laag verbrijzelt.


Stap 16

Voeg een logo-verlooplaag toe onder alle lagen zonder het verbrijzelingseffect en verplaats de resterende lagen vooruit in de tijd. Dit creëert de illusie dat het logo na enkele seconden breekt.


Stap 17

Voeg een toe Aanpassingslaag en voeg de Gloed effect om het een glanzende uitstraling te geven. Speel gewoon met de waarden tot je iets hebt dat er goed uitziet.


Stap 18

Als we nu extrusies willen maken, kunnen we dit niet zien in dit logo, dus we moeten experimenteren met het normale logo.


Stap 19

Dupliceer de normale logolaag. We zullen het gebruiken voor de extrusie. Hernoem het naar Logo 001.


Stap 20

Van toepassing zijn Overlay met kleurovergang ben ermee bezig. Klik met de rechtermuisknop> Laagstijlen> Verloopoverlay.

Verlaat de instellingen zoals ze zijn, verander gewoon de Verloopkleuren zoals die in de afbeelding.


Stap 21

Maak het een 3D-laag, Alt + klik op de Positie stopwatch en plak de volgende uitdrukking:

offset = 1;

p = thisComp.layer ( "logo")

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

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


Het voordeel van deze expressie is dat wanneer u de laag dupliceert logo 001, het zal het in de Z-ruimte blijven duwen en zal het extrusie-effect faken.

Stap 22

Onder de ondoorzichtigheid van deze laag Alt + klik op de stopwatch en plak de volgende uitdrukking:

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

if (c == 1)

opaciteit = 100

else if (c == 0)

opaciteit = 0


Hiermee kunt u de extrusie in- en uitschakelen met een enkele klik van de regelaar-laag.

Stap 23

Sleep nu het logo001 laag naar het begin van de tijdlijn en zet deze onder alle andere lagen. Maak er vervolgens ongeveer 50 duplicaten van. dat geeft je 50 lagen teruggedrukt in Z-ruimte gescheiden door één pixel.

Je kunt het voorbeeld van extrusie in de onderstaande afbeelding zien.


Nu begint dit echt op een metalen extrusie te lijken.

Stap 24

Voor deze stap heb ik nog een dubbele laag van het verbrijzelingseffect gemaakt en de vorm van de stukken gewijzigd om meer deeltjes te laten schijnen. Ik heb ook een ander logo gebruikt om te zien of het prima werkt met andere logo's.



We zijn nu klaar met dit deel van de tutorial. Laten we de achtergrond ervoor maken.


3. De ruimteachtergrond maken

Stap 1

Maak een nieuwe compositie.


Stap 2

Voeg je cloud-BG in.


Stap 3

Pas de curves effect op het. Effecten> Kleurcorrectie> Curven.


Stap 4

Maak een paar kopieën van deze foto en stel de modus in op scherm.


Stap 5

Verander de positie en rotatie van de laag om hem wat willekeur te geven.


Stap 6

Een toepassen wiebelen expressie naar de ondoorzichtigheid van een paar van de lagen om een ​​bliksemeffect te creëren.


Stap 7

Maak een aanpassingslaag en pas de volgende effecten hierop toe: Tint, Fotofilter, en curves.


Stap 8

Verander de modus in Toevoegen voor de lagen waarop u de wiggle-expressie hebt toegepast.


Stap 9

Verlaag nu deze ruimtesamenstelling in de hoofdcomponent die we in het vorige gedeelte hebben gemaakt en schakel het in Transformation samenvouwen keuze.


Stap 10

Laten we een laatste blik werpen op de effecten die we hebben gemaakt.


We zijn klaar met de tutorial hier.

In de preview ziet u een aantal camerabewegingen en optische flares. Je kunt ze toevoegen afhankelijk van je eigen keuze. Het projectbestand hierboven is van de voorbeeldvideo, niet degene die we hier tijdens de tutorial hebben gemaakt, zodat u zich geen zorgen hoeft te maken over Camera of Flares.

Conclusie

In deze zelfstudie hebben we geleerd om de kleuren van het logo te scheiden en vervolgens verschillende laagstijlen toe te passen om het een metallic uiterlijk te geven. Daarnaast hebben we geleerd hoe je een filmisch ogend Shatter-effect kunt maken. Dit alles werd gedaan in After Effects.

Hopelijk heb je iets nuttigs geleerd in deze tutorial. Laat gerust een opmerking achter als je vragen hebt of wil je een verbetering voorstellen die we misschien nog niet weten. Bedankt!