Hoe een gebogen, geëxtrudeerd logo te maken

Wat je gaat creëren

In deze zelfstudie maken we een gebogen, geëxtrudeerd logo dat is gebaseerd op het Videohive-project Gebogen Chrome-logo. We zullen door een techniek gaan om het curve-effect te creëren met behulp van maskers. Daarnaast zullen we enkele uitdrukkingen en enkele kleine tricks gebruiken om het overschieteffect, extruderen en schaduw te regelen met behulp van slechts enkele keyframes.

1. De basis van het project creëren

Stap 1

Maak een nieuwe compositie. De comp moet 1920x400 zijn.

Stap 2

Plaats uw logo.

Stap 3

Maak nog een compositie met hetzelfde Hoogte en Breedte. Noem maar op Logo + lijn.

Stap 4

Plaats nu je Logo comp in deze compositie en maak er een kopie van.

Stap 5

Van toepassing zijn Vullen en Eenvoudige choker effect op de onderste logo-laag en gebruik de volgende instellingen.

Stap 6

Klik nu met de rechtermuisknop op de onderste logo-laag, ga naar Laagstijlen en voeg toe Overlay met kleurovergang.

Stap 7

Gebruik de volgende instellingen voor Overlay met kleurovergang.

Klik op Verloop bewerken optie om er verschillende kleurniveaus op toe te passen.

Stap 8

Als je de onderste laag opslaat, zie je zoiets als dit.

Schakel beide lagen in om de randen van het logo te zien die ik in stap 5 heb gemaakt met Simple Choker-effect.

2. Een gebogen extrude maken in de hoofdsamenstelling

Stap 1

Maak een Full HD-compositie.

Stap 2

invoegen Logo + Stroke comp in deze compositie.

Hernoem het naar logo1.

Stap 3

Maak een nieuw Aanpassingslaag en hernoem het naar controleur. Laag> Nieuw> aanpassingslaag.

Stap 4

Twee toepassen Expression Controls op dit Aanpassingslaag. Schuifregelaar en Kleurcontrole.

Stap 5

Hernoem deze twee Expression Controls naar Curvediepte en Extrude kleur.

Stap 6

Selecteer nu de logo1 laag en dubbelklik op de Rechthoekig masker optie om er een masker op te maken.

Klik vervolgens op Vorm om Shape-opties te brengen. Nu de beginwaarden van Links en Rechts waren en 1920 Respectievelijk. Ik heb ze veranderd in -1000 en 2920 om het masker uit te breiden X-as enkel en alleen.

Je kunt nu zien dat het masker groter is dan de laag erop de X-as.

Stap 7

Dupliceer de logo1 laag en breng op Positie instellingen door op te drukken P terwijl de laag is geselecteerd.

Stap 8

Alt + Klik op de chronometer om een ​​uitdrukking in te voegen die ons helpt om een ​​te maken Gebogen extruderen effect.

Stap 9

Voeg dit nu toe Uitdrukking in de Expression paneel.

offset = thisComp.layer ("Controller"). effect ("Curve Depth") ("Slider") * - 1;
p = thisComp.layer ( "Logo1")
offsetInterval = Math.abs (index-thisComp.layer ( "Logo1") index.);
[P.position [0], p.position [1], p.position [2] + (offset offsetInterval *)];

Het bovenstaande script is verbonden met de Expression Control Curve Depth die de laag van Logo1 met 1 pixel verschuift.

Stap 10

creëren 100 exemplaren van logo1 laag door het te dupliceren.

Stap 11

Maak een nieuwe camera.

Stap 12

Als u het logo roteert, ziet u dat er absoluut geen Extrude op staat.

Dit komt omdat de pixeldieptewaarde is verbonden door de curve-diepte die dat is Nul in dit geval.

Verhoog het met één pixel.

Je zou nu de Extrude moeten zien omdat elke laag gescheiden is door 1 pixel op de Z-as.

Stap 13

Breng de maskeropties van de Logo100 laag en gebruik de volgende instellingen en solo om het voorbeeld te zien.

Stap 14

De reden dat ik dit heb gedaan, is om een ​​dunne lijn van het logo te krijgen.

Ik bleef de waarde van Maskeruitbreiding met elke laag die me hielp om het gewenste effect te bereiken.

Je kunt zien dat de waarde van Uitbreiding is verminderd met 3 in elke laag van 100 tot 86.

Van 85 tot 63 de waarde is gescheiden door 2.5 per laag.

Van 62 tot 54 het verschil in Uitbreidingswaarde is 2 in elke laag.

Van 53 tot 32 het verschil is 1.5 in elke laag.

In alle overige lagen is het verschil in de waarde van de uitbreiding alleen 1.

Stap 15

U kunt het curve-effect op het logo zien omdat het masker steeds verder afneemt over de lagen in de Z-as.

Hier is een zijaanzicht van het logo.

Bij nadere beschouwing ziet u dat de bovenranden van het logo niet worden geëxtrudeerd terwijl het centrale gedeelte wordt geëxtrudeerd.

Dit is ook een reden om Logo comp met klein te gebruiken Hoogte waarde. De maskeeruitbreidingswaarde van de onderste lagen is bijna 0 en de bovenstaande hebben een grotere waarde dan de onderste die een klein deel van het logo vanaf de randen afsnijdt, waardoor een krommeffect ontstaat.

Stap 16

Verander het logo om te zien of het met alles werkt.

Je zou zoiets moeten zien

3. Schaduw regelen, Extrude Color en Overshooting Effect

Stap 1

Nu om de verdrijven kleur, vergrendel de Controllerlaag Paneel.

Stap 2

Open de Logo + Stroke laag en verbind de kleur van de Vullen effect met Extrude kleur.

Je zou zoiets moeten zien.

Stap 3

Verander de kleur om te zien of alles goed werkt.

Je zou groen gearceerde kanten moeten zien.

Stap 4

Dupliceer de logo1 laag en hernoem het naar Schaduw.

Stap 5

Van toepassing zijn Vullen en Snelle Waas effecten met de volgende instellingen.

Stap 6

Maak een nieuwe Solid en benoem hem BG. Dit wordt gebruikt als achtergrond om de schaduwen en schaduwen goed te zien.

Stap 7

Leggen BG laag onder alle overgebleven lagen. Dupliceer ook de Schaduw laag.

Stap 8

Van toepassing zijn CC Radial Blur effect op Schaduw 2 laag met de volgende instellingen.

Je zou zoiets als dit moeten zien:

Stap 9

Om een ​​te maken Overshooting Extrude effect is het belangrijk dat de Extrude en Shadow op dezelfde manier reageren. Om dit te doen, verbindt u de Bedragwaarde van CC Radial Blur naar de Curvediepte effect op de controleur laag. Alt + Klik op de Bedrag van CC Radial Blur en voeg de volgende expressie in.

thisComp.layer ("Controller"). effect ("Curve Value") ("Slider") * 7.5

Ik vermenigvuldigde de expressie met 7,5. Wat betekent dat als de waarde van Extrude 1 is, de waarde van shadow 7,5 zal zijn om overeen te komen met de dichtheid van Extrude.

Stap 10

Om een ​​te maken overschrijding effect, maak er maar een paar Sleutelframes op de Curvediepte Waarde.

Dit zijn de waarden die ik voor de demo heb gebruikt.

Stap 11

Dan Alt + Klik op de stopwatch en voeg de volgende uitdrukking in.

n = 0;
if (numKeys> 0)
n = nearestKey (tijd) .index;
if (key (n) .time> time)
N--;


if (n == 0)
t = 0;
else
t = tijd - sleutel (n) .tijd;

if (n> 0)
v = velocityAtTime (key (n) .time- thisComp.frameDuration / 10);
amp = 7,5;
freq = 1,5;
verval = 2,0;
waarde + (v / 100) * amp * Math.sin (freq * t * 2 * Math.PI) / Math.exp (verval * t);
anders
waarde;

Deze uitdrukking wordt gebruikt en gedeeld door een gebruiker op Vimeo. Hier is de link naar de uitdrukking. Krediet gaat naar zijn eigen auteurs voor het maken van deze geweldige Overshooting-expressie.

Misschien wil je spelen met de waarden van amp, freq en verval. De afstand tussen de sleutelframes en de waarde van het curve-effect heeft ook invloed op het overshooting-effect dat u kunt zien in de voorbeeldvideo.

Stap 12

Er is nog een interessant ding dat je kunt doen. U kunt een negatieve waarde voor de Curvediepte en je ziet een Reverse Curve Extrude.

Je zou zoiets moeten zien.

Conclusie

In deze zelfstudie hebben we geleerd hoe u een gebogen extrudeffect kunt maken met behulp van het masker en de uitbreidingswaarde. We hebben de waarde van de uitbreiding met elke laag verlaagd om een ​​mooie curve te krijgen. Daarnaast leerden we een overschrijding te bereiken met behulp van een klein script en kregen we verschillende looks met behulp van onze controllerlaag.

Notitie: U kunt spelen met uw eigen maskerinstellingen om een ​​uniek curve-effect te krijgen. Wijzig de waarden van Maskeruitbreiding dienovereenkomstig in alle lagen om te zien wat voor u het beste werkt.