Crea una firma elegante scritta con un filo di fumo

In questo tutorial imparerai come creare un titolo scritto che sembra essere scritto in fumo con l'uso di Trapcode Particular. L'effetto finale può essere utilizzato per molti scopi, in particolare per creare una firma personale davvero unica per il tuo lavoro.


NOTA: Questo effetto è stato ispirato dal famoso artista visivo Pierre Michel. L'effetto originale può essere visto alla fine di questo video. Dovrebbe anche essere preso in considerazione che non sto dicendo che ho creato questo effetto o che questo è il modo esatto per ottenere l'effetto che Pierre usa. È semplicemente quello che ho trovato per essere abbastanza simile all'aspetto.

Passo 1

Apri il tuo programma di disegno a scelta e crea un'area di lavoro di 800x450 (16: 9). Userò Adobe Photoshop.

Passo 2

Prima di scrivere la tua firma sul computer, esercitati a scrivere su un pezzo di carta. Ti aiuterà a capire cosa dovrebbe andare in ogni livello. Ciò che intendo con questo è: ogni volta che togli la matita dal foglio, dovrebbe esserci un nuovo livello. Facendo ciò, l'animazione dei passi del tratto sarà più semplice.

Con il mio nome, faccio la "A" con un colpo, il trattino attraverso la A con il secondo colpo, e "ndrew" con il terzo. Ho usato colori diversi per ogni livello per aiutarti a capire cosa intendo, ma in realtà non rendono ogni livello un colore diverso. Rendili tutti uguali. Userò il rosso.

Nota che più sottile è la dimensione del pennello, migliore è l'aspetto. Come puoi vedere nell'immagine qui sotto, la mia dimensione del pennello era un po 'spessa.

Passaggio 3

Ctrl (o comando) + clic su ogni livello per selezionare tutto all'interno e copiare i contenuti.

Passaggio 4

Crea un nuovo file (che dovrebbe essere impostato in base alle dimensioni esatte del livello selezionato se lo hai copiato) e incollalo. Salva questo come .png e chiamalo per quello che è. Per questo (sotto) lo sto salvando come 'A.' Per i prossimi due, li salverei come "trattino" e "ndrew".

Passaggio 5

Apri After Effects e crea un nuovo comp con i parametri: 800x450, 29.97 fps e una durata di cinque (5) secondi.

Passaggio 6

Importa ognuno dei file ('A', 'dash' e 'ndrew') nel nuovo progetto.

Passaggio 7

Crea un nuovo solido nero, chiamalo "sfondo" e blocca il livello.

Passaggio 8

Trascina ognuno dei file immagine nel comp e ridimensionali un po 'in modo che non siano così in grassetto e non occupino troppo spazio sullo schermo. Come puoi vedere, ho ridimensionato un po 'il mio in modo che le linee siano più sottili, il che a sua volta renderà l'effetto fumo più convincente.

Passaggio 9

Nascondi ogni livello eccetto il livello "A." Questo ti permetterà di essere più concentrato quando farai il passo successivo.

Passaggio 10

Seleziona il livello 'A' e fai clic sullo strumento penna. Con lo strumento penna selezionato, segui il percorso che hai seguito quando scrivi il tuo nome sopra al livello, come se ti stessi semplicemente disegnando sopra di esso. Nell'immagine qui sotto, ho messo i numeri vicino a dove ogni principale 'punto' della mia firma è, dandoti un'idea del percorso che segue. A meno che il tuo nome non inizi con una A e sia scritto esattamente nello stesso modo in cui scrivo il mio, dovrai farlo di conseguenza.

Passaggio 11

Con il livello ancora selezionato, vai su Effetto> Genera> Traccia. Questo creerà una sottile linea bianca sulla tua lettera.

Passaggio 12

Una volta creato il tratto, aumenta il parametro "Dimensione pennello" (sotto le impostazioni dell'effetto) fino a quando il tratto si adatta perfettamente alla lettera. Se la larghezza della traccia è corretta, ma il posizionamento di alcuni punti della penna è disattivato, puoi aggiungere i vertici alla maschera e manipolarli in modo che appaia perfetta.

Passaggio 13

Sotto le impostazioni del tratto, seleziona la casella a discesa accanto a Stile pittura e seleziona "Mostra immagine originale".

Passaggio 14

Andare avanti nei riquadri comp due (2) e fare clic sul cronometro accanto a Fine nelle impostazioni del tratto e impostare% su 0.

Passaggio 15

Andare avanti per inquadrare quindici (15) e impostare l'End% su 100. Questo farà sì che l'effetto del tratto riveli la lettera A nel corso di 13 fotogrammi.

Passaggio 16

Duplica il livello A, selezionalo, premi invio (o ritorno) e rinominalo 'A (Nuovo)' e posizionalo sotto il livello originale. Questo applicherà lo stesso tratto del livello A.

Step 17:

Con il livello 'A (Nuovo)' selezionato (il livello inferiore della lettera), vai su Effetto> Sfocatura e contrasta> Sfocatura veloce.

Step 18:

Imposta il parametro Sfocatura sotto l'effetto Sfocatura rapida su 10.0.

Step 19:

Seleziona il livello "A" e premi T sulla tastiera per visualizzare Opacity. Imposta questo parametro fino al 60%.

Passaggio 20

Segui di nuovo i passaggi 9 - 19 per ciascuna delle altre sezioni di lettere (o trattini) e imposta i fotogrammi chiave (che rivelano le lettere in questione) in questo modo: Prima lettera - e qualsiasi trattino successivo - vai più veloce, tutto il resto delle lettere collegate sono più lente. Puoi vedere le distanze tra ciascun fotogramma chiave che ho impostato di seguito e puoi utilizzarlo come guida. A seconda della lunghezza del tuo nome e dell'insieme di lettere, le tue impostazioni saranno probabilmente diverse. I tuoi fotogrammi chiave saranno in realtà dei diamanti, ma ho ridotto al minimo i livelli per risparmiare spazio.

Passaggio 21

E ora le buone notizie. Vai a Livello> Nuovo> Luce ...

Passaggio 22

Imposta il nome della luce come "Emettitore" (senza virgolette). Questo è così che Particular riconoscerà la luce e la userà come percorso di movimento. Inoltre, imposta il tipo di luce come Punto. Quando viene visualizzata la piccola casella di avviso che parla dei livelli 3D, premi "OK".

Passaggio 23

Vai a Livello> Nuovo> Solido ... e fai il nome "Particelle".

Passaggio 24

Seleziona il livello Particles e vai a Effetto> Trapcode> Particolare.

Passaggio 25

Sul primo fotogramma (00000) del comp, sotto le impostazioni dell'emettitore di Particolare, imposta Particles / sec su 0 e imposta il tipo di emettitore su Luce. Questo per impostazione predefinita seguirà il primo emettitore intitolato Light.

Passaggio 26

Seleziona il livello Emettitore. Vai al frame 00002 e premi P sulla tastiera per visualizzare le impostazioni di Posizione. Premi il cronometro accanto a Posizione e sposta l'emettitore nel punto in cui inizierà la tua prima lettera. Non è necessario utilizzare la freccia Y verde o la freccia X rossa per spostarlo, basta trascinarlo con quella piccola cosa dall'aspetto stellare beige.

Passo 27

Andare avanti nel tempo in cui ogni punto principale (vedere il punto 10 se non si sa di cosa sto parlando) è fatto e spostare l'emettitore di conseguenza. Quando lo fai, non sarà perfetto alla prima scansione, ma puoi trascinare e manipolare i punti una volta fatti. Puoi anche torcere le piccole cose del palo in modo che le virate sembrino effettivamente come fa la lettera.

Come puoi vedere nel mio, non ho fatto 6 punti come ho detto prima perché questa parte non deve essere perfetta. Non ti consiglio nemmeno di renderlo perfetto, perché potrebbe farlo sembrare meccanico - il contrario di ciò che realmente vogliamo.

Nota: L'immagine qui sotto ha effettivamente i fotogrammi chiave nel posto sbagliato, quindi non seguire esattamente l'immagine. Sto scrivendo questo mentre il tutorial è finito perché l'ho appena realizzato dopo averlo letto. Ho notato il mio errore mentre stavo modificando e l'ho modificato come vedrai nel passaggio 28, quindi fai riferimento ai keyframes nel passaggio 28.

Passaggio 28

Ripeti il ​​passaggio 27 per il resto delle lettere nel tuo nome, seguendo la frequenza con cui vengono rivelate. Non dimenticare che questo non deve essere perfetto. Come puoi vedere con il mio, nella sezione 'ndrew', il percorso Emitter è fondamentalmente solo una linea retta eccetto nei punti in cui una lettera sollevata viene visualizzata (dew). Questa è l'unica volta in cui desideri seguire esattamente il percorso invece di fare solo linee rette. Dovresti farlo anche nell'altro modo se hai una lettera nel tuo nome che va giù, come una j o una y.

Passaggio 29

Ora per le particelle. Vai al frame 00002 e seleziona il livello di particelle. Imposta le Particles / sec su 2000, il Velocity e Velocity Random [%] su 0.0, Velocity from Motion [%] su 9.0, e le dimensioni dell'emettitore X, Y e Z su 0. Dovresti inventare una pallina bianca . Se scorri in avanti attraverso la timeline, avrai una sbirciatina in una versione molto approssimativa di ciò che stiamo cercando di realizzare.

Passaggio 30

Seleziona il livello di particelle e vai a Effetto> Correzione colore> Tonalità / Saturazione

Esegui lo scrub di alcuni fotogrammi nella timeline in modo che una lettera sia lì per fare riferimento quando si colorano le particelle. Colpisci la casella Colorize sotto Tonalità / Saturazione. Trascina Colorize Lightness a circa -50 e Colorize Saturation fino a 100. Spostando il parametro + 0.0 ° accanto a Colorize Hue si creerà un cambiamento nel colore effettivo. Per il colore che ho usato, mi sono divertito un po 'con le impostazioni fino a quando non sono arrivato a un punto in cui penso sia bello. Se stai usando lo stesso colore che sono, usa le mie impostazioni come guida.

Passaggio 31

Ecco dove questa tecnica diventa un po 'complicata. Dico solo questo perché ci sono così tante variabili che potrebbero far sembrare le tue diverse dalle mie. Queste variabili includono la dimensione esatta delle tue lettere e l'intervallo di tempo esatto tra i fotogrammi chiave, quindi prova ad attenerti al tutorial e usa le mie impostazioni come guida.

Sul livello Particles, nelle impostazioni Particular, sotto la sezione Particle, inserisci i seguenti parametri: Vita [sec]: 1.2, Vita casuale [%]: 85, Dimensione: 2.0, Opacità: 12, Opacità casuale [%]: 75.

Ancora una volta, tieni presente che queste impostazioni potrebbero non funzionare perfettamente per la tua firma univoca, ma dovrebbe portarti a un punto in cui un piccolo ulteriore aggiustamento può ottenere le cose giuste per te. La chiave per vedere se ti piacciono le impostazioni è semplicemente continuare a scorrere la timeline per visualizzarne l'anteprima. Se le particelle sono troppo grasse o durano troppo a lungo, prova a giocherellare con alcune delle impostazioni che abbiamo appena modificato.

Passo 32

Questo passaggio ti sarà probabilmente di aiuto minimo nel determinare esattamente quali numeri utilizzare, ma ti aiuterà a isolare le variabili che dovresti sperimentare. Le diverse impostazioni sembreranno buone o cattive a seconda della composizione della tua firma, quindi avrai bisogno di sperimentare.

Sotto le impostazioni Particular del livello Particles, sotto la sezione Air, ho usato questi parametri: Air Resistence: 47.5, Wind X: 168 (vuoi che il vento faccia soffiare le particelle alla destra dello schermo), Vento Y: - 147 (vuoi che le particelle vengano gonfiate verso l'alto).

Sotto la sezione Turbulence Field ho usato questi parametri: Affect Position: 610, Time Before Affect [sec]: 0.6, Scale: 15.1. Ciò influenzerà il numero di svolte e curve che fanno le tue particelle. Non vuoi troppo e non vuoi troppo poco.

Complessità: 3 (Questo campo ha quasi lo stesso effetto del campo Scala, ma influisce sul numero di svolte e trasformazioni delle particelle dopo averle girate e ruotate dalla scala - confuso, lo so!), Moltiplicatore di ottava: 0.5 , Octave Scale: 1.5, Evolution Speed: 16.0 (Questo davvero manda le particelle dappertutto e le fa muovere molto velocemente se lo si imposta troppo alto. Vogliamo che questo effetto sia lento e costante.), E Move With Wind [ %]: 77 (vuoi che questo sia qui intorno, perché ovviamente vuoi che le particelle fluttuino verso l'alto e verso destra, la direzione in cui viene scritto il testo)

Passaggio 33

Ora siamo fuori dal territorio pazzo. Da qui in poi, diventa piuttosto semplice (visto che ci sono solo tre passi in più - phew!). Dopo esserti assicurato che le tue particelle stiano fluttuando in un modo simile al video di anteprima e / o che ti piaccia, seleziona il tuo livello di particelle e, in Impostazioni particolari, vai alla sezione Emettitore. Premi U sulla tastiera per visualizzare i fotogrammi chiave creati sotto il livello Particelle.

Passaggio 34

Per ogni volta che la penna immaginaria smette di scrivere o "solleva il foglio" (ad esempio, per me, è giusto dopo che l'arco di A è stato creato e prima che venga fatto il trattino), vai prima di un fotogramma chiave quando si ferma (quindi se si solleva la carta su 00005 frame, andare su 00004 frame) e premere create keyframe. Di nuovo, questo pulsante è il piccolo diamante a sinistra sotto il livello di particelle nella stessa riga del cronometro per Particles / sec.

Sul fotogramma successivo, il fotogramma dove si trova la penna in realtà solleva la carta, imposta Particles / sec su 0. In questo modo le particelle non emetteranno ancora nessuna emissione mentre non viene scritto nulla.

Passaggio 35

Ora è il momento di fare l'opposto del passaggio 35, ovvero un fotogramma prima che la penna tocchi di nuovo, creare un fotogramma chiave, andare avanti di un fotogramma e impostare Particles / sec di nuovo su 2000, seguito dal passaggio 35 di nuovo ogni volta la penna tocca e lascia la carta.

Passaggio 36

Hai praticamente finito se le impostazioni che hai fatto all'interno di Particular si sono rivelate esattamente come volevi. Le immagini per ogni passaggio non in realtà perfettamente rappresentare ciò che ciascun fotogramma è nel video di anteprima perché in realtà sono tornato indietro e ho modificato alcune impostazioni in seguito. Le impostazioni che ti ho dato in quei passaggi sono state delle medie che sembravano avere un bell'aspetto tutte le volte in cui ho provato l'effetto, il che dovrebbe significare che ti saranno d'aiuto quando usi questo effetto con la tua firma.

Scarica il file di progetto After Effects per questo tutorial.