Crea un'incredibile animazione con contorno tratteggiato 3D

In questo tutorial, ti spiegherò come creare alcuni effetti del tratto estruso usando solo After Effects. Questo effetto può essere utilizzato efficacemente su qualsiasi logo. Avrai la libertà di scegliere tra i livelli estrusi, i tratti animati e i livelli piatti. Inoltre, ti mostrerò come simulare l'effetto flare per dare più profondità al risultato.


1. Creazione della base del logo


Passo 1

Crea una nuova composizione.



Passo 2

Crea un nuovo livello di regolazione.


Rinominalo in Controller.


Passaggio 3

Applicare a Controllo espressione casella di controllo su questo strato.



Passaggio 4

Duplica il Checkbox Control 12 volte e rinominale di conseguenza come puoi vedere dall'immagine.



Passaggio 5

Crea un'altra composizione per il tuo logo.



Passaggio 6

Inserisci il tuo logo.


Ho usato questo logo per i modelli di colore che saranno richiesti nei passaggi successivi.


Passaggio 7

Ancora una volta, crea un'altra composizione per i livelli di colore.



Passaggio 8

Trascina il tuo Logo composizione due volte in questa composizione.



Passaggio 9

Applicare il Gamma di colori effetto sullo strato superiore.



Passaggio 10

Seleziona solo il colore bianco sul logo.



Passaggio 11

Scegliere Alfa invertito opaco dallo strato inferiore.



Passaggio 12

Pre-comporre questi due strati e nominarlo bianca.



Passaggio 13

Trascina altre due copie della composizione del logo.



Passaggio 14

Di nuovo, applica il Gamma di colori effetto sul 1 ° Logo strato e questa volta selezionare solo il colore nero.



Passaggio 15

Selezionare Alpha Matte dal logo in basso, Pre-comporli e nominarli Colori.



Passaggio 16

Trascina un altro livello di Logo composizione e applicare il Riempire effetto ad esso.



Passaggio 17

Ora, Pre-compose e nominalo Nero. È importante selezionare il colore bianco come Riempire effetto.



Passaggio 18

Trascina altri due strati del Logo comp sotto questi livelli.



Passaggio 19

Ripeti le azioni del passaggio 14 per selezionare il colore nero, ma seleziona Alfa invertito opaco.




Passaggio 20

Pre-componi e nominalo Solo nero



Passaggio 21

Duplica il Colore strato e bianca strato. Ora dovresti avere un totale di 6 livelli in questo comp generale. Rinominali di conseguenza.



Passaggio 22

Cerca il Vegas effetto nel pannello degli effetti.



Passaggio 23

Applicalo sul primo bianca livello e mantenere le seguenti impostazioni.



Passaggio 24

Per impostare i fotogrammi chiave nella timeline, utilizzare le seguenti impostazioni.



Passaggio 25

Applicare il Vegas effetto sul secondo Colori livello e utilizzare le seguenti impostazioni.



Passaggio 26

Di nuovo, per i fotogrammi chiave nella timeline, utilizzare le seguenti impostazioni.



Passo 27

Applicare il Vegas effetto sul terzo Nero strato con le seguenti impostazioni.



Passaggio 28

Utilizzare le seguenti impostazioni per i fotogrammi chiave nella timeline.



Passaggio 29

Alt-clic sul cronometro di Opacità per far apparire le opzioni del primo bianca strato e utilizzare la seguente espressione.
c = comp ("Main Comp"). layer ("Controllers"). effect ("White Stroke") ("Checkbox")
se (c == 1)
opacità = 100
else if (c == 0)
opacità = 0



Passaggio 30

Ripeti il ​​passaggio precedente su ogni livello uno per uno e usa le espressioni come menzionato.
Per colore
c = comp ("Main Comp"). layer ("Controllers"). effect ("Color Stroke") ("Checkbox")
se (c == 1)
opacità = 100
else if (c == 0)
opacità = 0


Per il nero
c = comp ("Main Comp"). layer ("Controllers"). effect ("Black Stroke") ("Checkbox")
se (c == 1)
opacità = 100
else if (c == 0)
opacità = 0


Solo per bianco
c = comp ("Main Comp"). layer ("Controllers"). effect ("Only White") ("Checkbox")
se (c == 1)
opacità = 100
else if (c == 0)
opacità = 0


Solo per colore
c = comp ("Main Comp"). layer ("Controllers"). effect ("Only Color") ("Checkbox")
se (c == 1)
opacità = 100
else if (c == 0)
opacità = 0


Solo per il nero
c = comp ("Main Comp"). layer ("Controllers"). effect ("Only Black") ("Checkbox")
se (c == 1)
opacità = 100
else if (c == 0)
opacità = 0


Completati questi passaggi, abbiamo finito con le impostazioni di base del nostro progetto.


2. Impostazione della composizione principale


Passo 1

Lascia perdere Colore compila lo strato nel Principale composizione. Rinominare questo a Superiore. Crea un nuovo Solido e applicare il Rampa effetto ad esso insieme con le seguenti impostazioni.



Passo 2

Copia il livello superiore e rinominalo Logo 001. Crea loro dei livelli 3D.



Passaggio 3

Applicare il Riempire effetto su Logo 001.



Passaggio 4

Alza il Opacità opzioni e incollare la seguente espressione su Logo 001.
c = thisComp.layer ("Controllers"). effect ("Extrude") ("Checkbox")
se (c == 1)
opacità = 100
else if (c == 0)
opacità = 0



Passaggio 5

Alza il Posizione opzioni del Logo 001 Strati e incolla la seguente espressione.

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)];



Passaggio 6

Ora fai 50 duplicati del Logo 001 strato.


Questo falsificherà l'estrusione sul logo.


Passaggio 7

Nella sezione precedente, abbiamo creato 3 livelli denominati Solo colore, Solo nero & bianca. Inseriscili sotto il Logo 001 strato e renderli strati 3D.



Passaggio 8

Dai il loro Opacità opzioni e incolla le seguenti espressioni una alla volta.

Solo per colore
c = thisComp.layer ("Controllers"). effect ("Logo BG Color Colors") ("Checkbox")
se (c == 1)
opacità = 100
else if (c == 0)
opacità = 0


Per il bianco
c = thisComp.layer ("Controllers"). effect ("Logo BG Color White") ("Casella di controllo")
se (c == 1)
opacità = 100
else if (c == 0)
opacità = 0


Solo per il nero
c = thisComp.layer ("Controllers"). effect ("Logo BG Color Black") ("Casella di controllo")
se (c == 1)
opacità = 100
else if (c == 0)
opacità = 0



Passaggio 9

Un altro Logo livello, rendilo un livello 3D e fai apparire il suo Opacità opzioni per incollare la seguente espressione.
c = thisComp.layer ("Controllers"). effect ("BG Logo") ("Checkbox")
se (c == 1)
opacità = 100
else if (c == 0)

opacità = 0



Passaggio 10

Applicare a Controllo dell'espressione di posizione sul controllore strato. Inserisci uno di più Logo strato e rinominarlo a Ombra.



Passaggio 11

Aggiungi il suo Opacità opzioni e incollare la seguente espressione su Ombra strato.

c = thisComp.layer ("Controllers"). effect ("Abilita ombre") ("Checkbox")
se (c == 1)
opacità = 100
else if (c == 0)
opacità = 0



Passaggio 12

Applicare CC Radial Blur e il Tinta effetto con un colore nero sul Ombra strato. Scegli frusta il Posizione di CC Radial Blur al Posizione ombra sul controllore strato.



Passaggio 13

Ora fai alcune copie del Ombra livello e modifica leggermente le impostazioni come puoi vedere dalle immagini sottostanti.



Passaggio 14

Copia il Posizione di Logo 050.


Incollalo su questi strati.



Passaggio 15

Il progetto è apparentemente pronto. Consente di controllare alcune impostazioni. Userò alcuni diversi casella di controllo impostazioni per dargli un aspetto diverso.



Passaggio 16

Come puoi vedere, possiamo ottenere alcuni look molto diversi con questi caselle di controllo. Ora possiamo anche cambiare la direzione dell'ombra modificando il Posizione ombra opzione.



Passaggio 17

Ecco alcuni esempi.



3. Creare razzi


Passo 1

Crea un nuovo Solido più grande delle dimensioni della composizione.



Passo 2

Applicare a Maschera ad esso.



Passaggio 3

Utilizzare le seguenti impostazioni.



Passaggio 4

Ecco un'anteprima del flare, ma non sembra ancora bello.



Passaggio 5

Fai alcune copie del bagliore strato e modificare leggermente le impostazioni.



Passaggio 6

Diamo un'occhiata ora.



Passaggio 7

Quindi il chiarore sembra migliore di prima, ma le ombre non sembrano reali. Cambiamo la loro posizione.


Quindi ora abbiamo finito con il tutorial. Abbiamo visto alcuni suggerimenti per ottenere look diversi per il logo, l'ombra e il bagliore. Puoi sempre migliorare queste impostazioni applicando ulteriori modifiche nel tuo progetto.


Conclusione

In questo tutorial abbiamo imparato come ottenere un effetto di tratto su diverse parti del logo e animarle. Inoltre, abbiamo creato estrusioni, ombre e bagliori per conferirgli un aspetto più fotorealistico, in modo che il prodotto finale sia perfetto. Spero che tu abbia imparato alcuni consigli utili ... fino alla prossima volta!