Maak een Awesome 3D Stroked Outline Animation

In deze zelfstudie leg ik je uit hoe je een aantal geëxtrudeerde streepeffecten alleen met After Effects kunt maken. Dit effect kan effectief op elk logo worden gebruikt. Je hebt de vrijheid om te kiezen tussen de geëxtrudeerde lagen, geanimeerde lijnen en vlakke lagen. Daarnaast zal ik je laten zien hoe je het flare-effect nep kunt maken om meer diepte te geven aan het resultaat.


1. De basis van het logo maken


Stap 1

Maak een nieuwe compositie.



Stap 2

Maak een nieuwe aanpassingslaag.


Hernoem het naar Controllers.


Stap 3

Een toepassen Selectievakje Expression Control op deze laag.



Stap 4

Dupliceer de Checkbox Control 12 keer en hernoem ze dienovereenkomstig zoals je kunt zien op de foto.



Stap 5

Maak een andere compositie voor uw logo.



Stap 6

Plaats uw logo.


Ik heb dit logo gebruikt voor de kleurpatronen die nodig zijn in de volgende stappen.


Stap 7

Nogmaals, maak een andere compositie voor de kleurenlagen.



Stap 8

Sleep je Logo compositie tweemaal in deze samenstelling.



Stap 9

Pas de Kleurenbereik effect op de bovenste laag.



Stap 10

Selecteer alleen de witte kleur op het logo.



Stap 11

Kiezen Alpha Inverted Matte van de onderste laag.



Stap 12

Pre-componeer deze twee lagen en noem het Wit.



Stap 13

Sleep nog twee exemplaren van de logo-compositie.



Stap 14

Nogmaals, pas de Kleurenbereik effect op de 1e Logo laag en selecteer deze keer alleen de zwarte kleur.



Stap 15

kiezen Alpha Matte vanaf het onderste logo, maak ze vooraf en noem het kleuren.



Stap 16

Sleep nog een laag van Logo compositie en de Vullen effect.



Stap 17

Nu, pre-componeer het en noem het Zwart. Het is belangrijk om de witte kleur te selecteren als de Vullen effect.



Stap 18

Sleep nog twee lagen van de Logo comp onder deze lagen.



Stap 19

Herhaal de acties van stap 14 om de zwarte kleur te selecteren, maar selecteer Alpha Inverted Matte.




Stap 20

Pre-Compose en noem het Alleen zwart



Stap 21

Dupliceer de Kleur laag en Wit laag. Nu zou je in totaal 6 lagen in deze overall moeten hebben. Hernoem ze dienovereenkomstig.



Stap 22

Zoeken naar de Vegas effect in het effectenpaneel.



Stap 23

Pas het op de eerste toe Wit laag en bewaar de volgende instellingen.



Stap 24

Gebruik de volgende instellingen voor het instellen van de hoofdframes in de tijdlijn.



Stap 25

Pas de Vegas effect op de tweede kleuren laag en gebruik de volgende instellingen.



Stap 26

Gebruik voor de keyframes in de tijdlijn de volgende instellingen.



Stap 27

Pas de Vegas effect op de derde Zwart laag samen met de volgende instellingen.



Stap 28

Gebruik de volgende instellingen voor de hoofdframes in de tijdlijn.



Stap 29

Alt-klik op de stopwatch van ondoorzichtigheid om de opties van de eerste te noemen Wit laag en gebruik de volgende expressie.
c = comp ("Main Comp"). layer ("Controllers"). effect ("White Stroke") ("Checkbox")
if (c == 1)
opaciteit = 100
else if (c == 0)
opaciteit = 0



Stap 30

Herhaal de vorige stap op elke laag één voor één en gebruik de uitdrukkingen zoals vermeld.
Voor kleur
c = comp ("Main Comp"). layer ("Controllers"). effect ("Color Stroke") ("Checkbox")
if (c == 1)
opaciteit = 100
else if (c == 0)
opaciteit = 0


Voor Black
c = comp ("Main Comp"). layer ("Controllers"). effect ("Black Stroke") ("Checkbox")
if (c == 1)
opaciteit = 100
else if (c == 0)
opaciteit = 0


For Only White
c = comp ("Main Comp"). layer ("Controllers"). effect ("Only White") ("Checkbox")
if (c == 1)
opaciteit = 100
else if (c == 0)
opaciteit = 0


Voor alleen kleur
c = comp ("Main Comp"). layer ("Controllers"). effect ("Only Color") ("Checkbox")
if (c == 1)
opaciteit = 100
else if (c == 0)
opaciteit = 0


Voor alleen zwart
c = comp ("Main Comp"). layer ("Controllers"). effect ("Only Black") ("Checkbox")
if (c == 1)
opaciteit = 100
else if (c == 0)
opaciteit = 0


Nu deze stappen zijn voltooid, zijn we klaar met de basisinstellingen van ons project.


2. De hoofdsamenstelling instellen


Stap 1

Laat dit vallen Kleur laag comp in de Hoofd samenstelling. Hernoem dit om Top. Maak een nieuw Solide en pas de Ramp effect op het samen met de volgende instellingen.



Stap 2

Kopieer de bovenste laag en hernoem hem naar Logo 001. Maak ze 3D-lagen.



Stap 3

Pas de Vullen effect op Logo 001.



Stap 4

Breng de ondoorzichtigheid opties en plak de volgende uitdrukking op Logo 001.
c = thisComp.layer ("Controllers"). effect ("Extrude") ("Checkbox")
if (c == 1)
opaciteit = 100
else if (c == 0)
opaciteit = 0



Stap 5

Breng de Positie opties van de Logo 001 Laag en plak de volgende uitdrukking.

offset = 1;
p = thisComp.layer ( "top")
offsetInterval = Math.abs (index-thisComp.layer ("Logo 001"). index);
[P.position [0], p.position [1], p.position [2] + (offset offsetInterval *)];



Stap 6

Maak nu 50 duplicaten van de Logo 001 laag.


Dit zal de extrusie op het logo vervalsen.


Stap 7

In het vorige gedeelte hebben we drie lagen met de naam gemaakt Alleen kleur, Alleen zwart & Wit. Plaats ze onder de Logo 001 laag en maak ze 3D-lagen.



Stap 8

Breng hun ondoorzichtigheid opties en plak de volgende uitdrukkingen één voor één.

Voor alleen kleur
c = thisComp.layer ("Controllers"). effect ("Logo BG Color Colors") ("Checkbox")
if (c == 1)
opaciteit = 100
else if (c == 0)
opaciteit = 0


Voor White
c = thisComp.layer ("Controllers"). effect ("Logo BG Color White") ("Checkbox")
if (c == 1)
opaciteit = 100
else if (c == 0)
opaciteit = 0


Voor alleen zwart
c = thisComp.layer ("Controllers"). effect ("Logo BG Color Black") ("Checkbox")
if (c == 1)
opaciteit = 100
else if (c == 0)
opaciteit = 0



Stap 9

Breng er nog een bij Logo laag, maak er een 3D-laag van, en breng het naar boven ondoorzichtigheid opties om de volgende uitdrukking te plakken.
c = thisComp.layer ("Controllers"). effect ("BG Logo") ("Checkbox")
if (c == 1)
opaciteit = 100
else if (c == 0)

opaciteit = 0



Stap 10

Een toepassen Position Express Control op de controleur laag. Voeg nog een toe Logo laag en hernoem het naar Schaduw.



Stap 11

Breng het ondoorzichtigheid opties en plak de volgende uitdrukking op Schaduw laag.

c = thisComp.layer ("Controllers"). effect ("Schaduw inschakelen") ("Checkbox")
if (c == 1)
opaciteit = 100
else if (c == 0)
opaciteit = 0



Stap 12

Van toepassing zijn CC Radial Blur en de Tint effect met een zwarte kleur op de Schaduw laag. Kies de zweep Positie van CC Radial Blur naar de Schaduwpositie op de controleur laag.



Stap 13

Maak nu enkele kopieën van de Schaduw laag en verander de instellingen een beetje zoals je kunt zien op de onderstaande afbeeldingen.



Stap 14

Kopieer de Positie van Logo 050.


Plak het op deze lagen.



Stap 15

Het project is blijkbaar klaar. Laten we enkele instellingen controleren. Ik zal wat anders gebruiken checkbox instellingen om het er anders uit te laten zien.



Stap 16

Zoals je kunt zien, kunnen we hiermee een heel verschillend uiterlijk bereiken checkboxes. Nu kunnen we ook de richting van de schaduw veranderen door de Schaduwpositie keuze.



Stap 17

Hier zijn enkele voorbeelden.



3. Fakkels maken


Stap 1

Maak een nieuw Solide groter dan de grootte van de compositie.



Stap 2

Een toepassen Masker ernaar toe.



Stap 3

Gebruik de volgende instellingen.



Stap 4

Hier is een preview van de flare, maar het ziet er nog niet goed uit.



Stap 5

Maak een paar kopieën van de Gloed laag en verander de instellingen enigszins.



Stap 6

Laten we even kijken.



Stap 7

Dus de schittering ziet er beter uit dan eerst, maar de schaduwen zien er niet echt uit. Laten we hun positie veranderen.


Dus nu zijn we klaar met de tutorial. We hebben enkele tips gezien om verschillende looks voor uw logo, schaduw en overstraling te bereiken. U kunt deze instellingen altijd verbeteren door verdere aanpassingen in uw eigen project toe te passen.


Conclusie

In deze zelfstudie hebben we geleerd hoe je een lijneffect op verschillende delen van het logo kunt bereiken en deze kunt animeren. Daarnaast hebben we extrusies, schaduwen en lichtfakkels gemaakt om het een meer realistische foto te geven, zodat het eindproduct er fantastisch uitziet. Ik hoop dat je een aantal nuttige tips hebt geleerd ... tot de volgende keer!