Ontwerp een driehoekige tijdverplaatsingstransitie

In deze zelfstudie laat ik je zien hoe je een mooi ogende overgang maakt en hoe je deze er organischer uit laat zien door het tijdverplaatsingseffect te gebruiken.


1. Maak driehoeksvormen in Adobe Illustrator

Stap 1

Open Illustrator en maak een nieuwe samenstelling van 130x130 pixels.


Stap 2

Maak een driehoek van 45-45-90 en dupliceer deze door op te drukken Cmd + C en Cmd + F, en reflecteer het horizontaal klikken Object-> Transfrom-> Reflect.

Leg de twee driehoekjes aan de linkerkant van de compositie en voeg ze samen met Pathfinder.

Stap 3

Dupliceer en roteer de driehoek 3 keer zodat je een vierkant kunt maken dat je compositie perfect vult. Bewaar het en noem het "Triangles.ai".



2. Stel overgangen in na effecten in

Stap 1

Open After Effects en importeer het bestand Triangles.ai als een compositie. De software maakt automatisch een nieuwe compositie met de naam Triangles, dupliceert deze twee keer, dus je hebt drie identieke composities met de namen Triangles, Triangles 2 en Triangles 3.


Stap 2

Wat je nu moet doen, is kiezen hoe de driehoeken verschijnen. Dit proces is volledig aan jou en je bent vrij om te spelen en verschillende oplossingen te testen. Het zal leuk zijn om later te zien hoe kleine veranderingen in deze stap een totaal ander resultaat zullen opleveren in de uiteindelijke compositie.

In dit geval heb ik besloten om te gebruiken Lineaire veeg en Mattes in "Triangles", Grid Wipe en Mattes in "Triangles 2" en alleen om te veranderen omwenteling en Schaal parameters in "Triangles 3".


Stap 3

Maak een nieuw 480x270 samenstelling, 25 fps , en noem het "Multiple Triangles 1".

Sleep in "Driehoeken" en blijf het dupliceren door op te drukken Cmd + D totdat je 15 exemplaren hebt. Schik ze totdat je de hele compositie vult en sorteer ze zodat de driehoeken in de rechterbenedenhoek eerst verschijnen en de linkerbovenhoek als laatste verschijnen.


Stap 4

Dupliceer "Multiple Triangles" twee keer door op compositie te drukken Cmd + D. Nu zul je drie identieke composities hebben met de naam "Meervoudige Driehoeken", "Meervoudige Driehoeken 2" en "Meervoudige Driehoeken 3".

Open "Multiple Triangles 2", selecteer alle lagen door op te drukken Cmd + A en sleep ze over "Triangles 2". After Effects zal de lagen automatisch vervangen.

Doe hetzelfde op "Multiple Triangles 3".


Stap 4

Maak een nieuw Samenstelling van 1280x720, 25fps, en noem het "Volledige overgang".

Maak een nieuwe solid door op te klikken Layer-> Nieuw-> Solid. De kleur is naar jouw smaak.
Sleep "Meerdere driehoeken" en pas het toe CC Repe Tile effect. Hiermee kunt u de compositie uitbreiden en de inhoud in alle richtingen herhalen. Je moet de software vertellen hoeveel pixels je aan elke kant wilt uitbreiden.

Met de optie Tegelen kunt u de uitbreiding in verschillende orders en met verschillende rotatiebedragen weergeven. Kies degene die je leuk vindt.

Ten slotte past u de Vullen effect om de kleur van de compositie te veranderen.


Stap 5

Sleep in "Multiple Triangles 2" en "Multiple Triangles 3" CC Repe Tile (verander de tegeloptie als je dat wilt) en Vullen effect om hun kleur te veranderen. Je mag ze dupliceren tot je een mooie overgang ziet.


Stap 6

Importeer uw logo, sleep het in uw compositie en gebruik de "Multiple Triangle" -samenstelling als een mat om deze te laten verschijnen.



3. Maak een tijdverplaatsingseffect

Stap 1

Maak een nieuw Samenstelling van 1280x720, 25fps, en noem deze "Matte".

Maak een nieuwe solid en pas het verloopeffect toe. Kies "Radiale helling" als de hellingvorm en zwart als de startkleur met wit als de eindkleur.

Pas de Turbulente verplaatsing effect, met deze parameters:

Bedrag: 50
Grootte: 100
Voer onder de parameter Evolution deze uitdrukking in: tijd * 400


Stap

Maak een nieuw 1280x720 samenstelling, 25fps, en noem het "Volledige overgang met tijdverschuiving".
Sleep in "Matte" en "Voltooi overgang". Selecteer "Overgang voltooien" en pas het effect Tijdsverplaatsing toe.

Net als het verplaatsingskaarteffect gebruikt tijdverplaatsing een verplaatsingskaart, maar deze baseert de beweging van pixels in de laag op de luminantiewaarden van de kaart. Pixels in de laag die overeenkomen met heldere gebieden in de verplaatsingskaart worden vervangen door pixels in dezelfde positie maar met een opgegeven aantal seconden vooruit in de tijd. Evenzo worden pixels in de laag die overeenkomen met donkere gebieden in de verplaatsingstoewijzing vervangen door pixels op een bepaald aantal seconden achterwaarts in de tijd. U kunt elke laag gebruiken als verplaatsingskaart, maar als u een grijsschaalafbeelding gebruikt, ziet u eenvoudig de helderheidsniveaus en kunt u voorspellen hoe pixels worden verplaatst.

Selecteer "Matte" als de tijdverplaatsingslaag, stel de maximale verplaatsing in op 1,0 en de tijdsresolutie op 300 (deze parameter verhoogt de precisie van de verplaatsing, maar vereist ook veel meer geheugen om te renderen).


Ik hoop dat je in deze zelfstudie enkele interessante ideeën hebt opgedaan die je in je volgende project kunt gebruiken. Als u vragen heeft, laat dan hieronder een reactie achter. Bedankt!