Hur man skapar en krökt, extruderad logotyp

Vad du ska skapa

I denna handledning skapar vi en krökt extruderad logotyp som bygger på Videohive-projektet Curved Chrome Logo. Vi kommer att gå igenom en teknik för att skapa kurvaffekten med hjälp av masker. Dessutom använder vi få uttryck och några mindre tricks för att styra överskridningseffekten, extrudera och skugga med hjälp av endast några nyckelbilder.

1. Skapa projektets botten

Steg 1

Skapa en ny komposition. Kompisen ska vara 1920x400.

Steg 2

Sätt in din logotyp.

Steg 3

Gör en annan komposition med samma Höjd och Bredd. Namnge det Logo + Stroke.

Steg 4

Lägg nu in din Logo comp i denna komposition och gör en kopia av den.

Steg 5

Tillämpa Fylla och Enkel Choker effekt på bottenloggskiktet och använd följande inställningar.

Steg 6

Högerklicka nu på bottenloggskiktet, gå till Lagstilar och lägg till Gradientöverläggning.

Steg 7

Använd följande inställningar för Gradientöverläggning.

Klicka på Redigera Gradient möjlighet att använda olika nivåer av färg på den.

Steg 8

Om du solo bottenskiktet ser du något som detta.

Aktivera båda lagren för att se kanterna på logotypen som jag skapade i steg 5 med Simple Choker-effekten.

2. Skapa en krökt extrude i huvudkompositionen

Steg 1

Skapa en Full HD-komposition.

Steg 2

Föra in Logo + Stroke komp i denna komposition.

Byt namn på den till logo1.

Steg 3

Skapa en ny Justeringslager och byt namn på den till Kontrollant. Layer> New> Adjustment Layer.

Steg 4

Applicera två Expression Controls på den här Justeringslager. Skjutreglaget och Färgkontroll.

Steg 5

Byt namn på dessa två Expression Controls till Kurv Djup och Extrude Color.

Steg 6

Välj nu logo1 lager och dubbelklicka på Rektangulär mask möjlighet att skapa en mask på den.

Klicka sedan på Form att föra formalternativ. Nu är initialvärdena för Vänster och Höger var och 1920 Respektive. Jag bytte dem till -1000 och 2920 för att förlänga masken X-axeln endast.

Nu ser du att masken är större än skiktet på X-axeln.

Steg 7

Kopiera logo1 skikt och ta med på Placera inställningar genom att trycka på P medan lagret är valt.

Steg 8

Alt + Klicka på stoppklockan för att infoga en uttryck som hjälper oss att skapa en Curved Extrude effekt.

Steg 9

Lägg nu in det här Uttryck i Expressionspanel.

offset = thisComp.layer ("Controller"). effekt ("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)];

Ovanstående skript är kopplat till Expressionskontrollkurvdjup vilket kommer att kompensera lagret från Logo1 med 1 pixel.

Steg 10

Skapa 100 exemplar av logo1 skikt genom att duplicera det.

Steg 11

Skapa en ny kamera.

Steg 12

Om du roterar logotypen ser du att det inte finns någon Extrude på den.

Detta beror på att pixeldjupvärdet är anslutet med kurvdjupet som är Noll I detta fall.

Öka den med en pixel.

Du bör se Extrude nu eftersom varje lager är åtskilda med 1 pixel i Z-axeln.

Steg 13

Sätt på maskens alternativ på Logo100 lager och använd följande inställningar och solo det för att se förhandsvisningen.

Steg 14

Anledningen till att jag gjorde det här är att få en tunn logotyp.

Jag höll på att minska värdet på Mask Expansion med varje lager som hjälpte mig att uppnå önskad effekt.

Du kan se att värdet på Expansion minskas med 3 i varje lager från 100 till 86.

Från 85 till 63 värdet separeras av 2,5 per lager.

Från 62 till 54 Expansionsvärdesskillnaden är 2 i varje lager.

Från 53 till 32 skillnaden är 1,5 i varje lager.

I alla resterande lager är Expansionsvärdesskillnaden endast 1.

Steg 15

Du kan se kurvanseffekten på logotypen eftersom masken hålls minskande över lagren i Z-axeln.

Här är en sidovy av logotypen.

När du tittar närmare ser du att logotypens övre kanter inte är extruderade medan den centrala delen är Extruded.

Detta är också en anledning att använda Logo comp med små Höjd värde. Maskutvidgningsvärdet för bottenskikten är nästan 0 och de ovanstående har större värde än de nedre som skär av en liten del av logotypen från kanterna och därigenom försvagar en kurvaffekt.

Steg 16

Ändra logotypen för att se om det fungerar med allt.

Du borde se något så här

3. Kontrollera skugga, extrudera färg och överskridande effekt

Steg 1

Nu för att kontrollera Pressa ut färg, Lås Controller Layer Panel.

Steg 2

Öppna Logo + Stroke lager och anslut färgens färg Fylla effekt med Extrude Color.

Du borde se något så här.

Steg 3

Ändra färgen för att se om allt fungerar bra.

Du borde se gröna skuggade sidor.

Steg 4

Kopiera logo1 lager och byt namn på det till Skugga.

Steg 5

Tillämpa Fylla och Snabb oskärpa effekter med följande inställningar.

Steg 6

Gör en ny Solid och namnge den BG. Detta kommer att användas som bakgrund för att se nyanser och skuggor ordentligt.

Steg 7

Sätta BG lager under alla resterande lager. Kopiera också Skugga lager.

Steg 8

Tillämpa CC Radial Blur effekt på Skugga 2 lager med följande inställningar.

Du borde se något så här:

Steg 9

Att göra en Overskridning Extrude effekt är det viktigt att Extrude and Shadow reagerar på samma sätt. För att göra detta, ansluta Belopp Värde av CC Radial Blur till Kurv Djup effekt på Kontrollant lager. Alt + KlickaBelopp av CC Radial Blur och sätt in följande uttryck.

thisComp.layer ("Controller"). effekt ("Kurvvärde") ("Slider") * 7.5

Jag multiplicerade uttrycket med 7.5. Det vill säga om värdet på Extrude är 1, kommer skuggans värde att vara 7,5 för att matcha densiteten av Extrude.

Steg 10

Att göra en överskridande effekt, få några NyckelramarKurv Djup Värde.

Här är de värden jag använde för demo.

Steg 11

Sedan Alt + Klicka på stoppuret och sätt in följande uttryck.

n = 0;
om (numKeys> 0)
n = närmaste nyckel (tid) .index;
om (nyckel (n). tid> tid)
n--;


om (n == 0)
t = 0;
annat
t = tid - nyckel (n) .tid;

om (n> 0)
v = hastighetAtTime (tangent (n) .tid- dennaComp.frameDuration / 10);
amp = 7,5;
freq = 1,5;
sönderfall = 2,0;
värde + (v / 100) * amp * Math.sin (freq * t * 2 * Math.PI) /Math.exp (förfall * t);
annan
värde;

Detta uttryck används och delas av en användare på Vimeo. Här är länken till uttrycket. Kredit går till sina författare för att skapa denna fantastiska överskridande uttryck.

Du kanske vill spela med värdena på amp, freq och decay. Avståndet mellan nyckelramarna och värdet av kurvan påverkar också effekten av överskridandet som du kan se från förhandsgranskningsvideot.

Steg 12

Det finns en mer intressant sak som du kan göra. Du kan ange ett negativt värde för Kurv Djup och du kommer att se en Reverse Curve Extrude.

Du borde se något så här.

Slutsats

I denna handledning lärde vi oss hur man skapar en krökt extrudeffekt med hjälp av masken och dess expansionsvärde. Vi minskade expansionsvärdet med varje lager för att uppnå en snygg kurva. Dessutom lärde vi oss att uppnå en överskridande effekt med hjälp av ett litet manus och fick lite olika utseende med hjälp av vårt kontrollerlager.

Notera: Du kan spela med egna maskinställningar för att få en unik kurvaffekt. Ändra bara värdena på Mask Expansion i enlighet med alla lager för att se vad som passar bäst för dig.