Ottieni un aspetto da macchina per microfilm

Questo tutorial copre una tecnica per creare un aspetto di una macchina microfilm passo dopo passo. Inizia cercando e analizzando i riferimenti, quindi continua a raccogliere i materiali di partenza, animando i diversi attributi e dando alla composizione un aspetto finale lucido. Questo può essere utile come stile di motion graphics o per il rendering dei contenuti per sostituzioni di schermi in film o TV.


Passo 1

La prima cosa che fai per un progetto come questo è cercare il riferimento su come appare lo schermo della macchina microfilm. Sono andato alla biblioteca più vicina e ho scattato alcune foto delle macchine per microfilm. In questo modo puoi iniziare a pensare alle diverse funzionalità che compongono il "Guarda" di questo schermo.

Con i riferimenti si può chiaramente vedere una dominante giallastra su tutto, un effetto di vignettatura forte, ma irregolare con un tono rossastro nella parte in alto a destra, con un tono verdastro negli altri angoli. Per la trama, ci sono un sacco di polvere, grano, peli piccoli e avanzi di scotch e pasta.



Passo 2

Quindi, cerchiamo i riferimenti su come si muove la macchina. Qui ho un piccolo video di riferimento su come funziona la macchina; Esiste un controllo manuale sull'asse x / y rispetto all'immagine e la rotazione al centro dello schermo. C'è anche il controllo manuale sulla messa a fuoco. Lo zoom è meccanico e moltiplica il movimento immesso. Infine c'è un controllo a scorrimento che attraversa rapidamente il rotolo di microfilm.



Passaggio 3

Ora inizia in Photoshop. Crea un piatto pulito dello sfondo clonando e curando una delle immagini di riferimento. È possibile trovare il file di riferimento "ReferenceScreen.jpg" nella cartella degli elementi.



Passaggio 4

Successivamente, ricrea i diversi elementi di sovrapposizione, le griglie e i numeri usando gli strumenti di tua preferenza. Ora abbiamo strati separati per lo sfondo e le sovrapposizioni dello schermo della Macchina. Puoi trovare il file Photoshop finito "screen.psd" nella cartella degli elementi. Assicurati di finire con un file di Photoshop con solo i livelli di sovrapposizione e di sfondo e nominali in questo modo.



Passaggio 5

Ottieni materiali di trama. Come hai visto, ci sono sporcizia, polvere, peli, scotch e quel tipo di trame attorno al nostro schermo. Usa lo scanner e sii creativo con esso. Nella cartella degli elementi troverai una sequenza di file chiamata "TransparentElement09" che potrebbe rivelarsi utile se non hai uno scanner vicino.



Passaggio 6

Questo è un passaggio bonus che non devi superare. Dovresti trovare artefatti caratteristici di questo particolare supporto (come i counter counter universali sui film). Poiché le macchine per microfilm sono usualmente scanner, puoi facilmente recuperare questi artefatti per il tuo utilizzo. Puoi trovare quelli che ho trovato denominati "otherArtifacts" nella cartella elements.



Passaggio 7

Dopo tanta preparazione, mettiamoci al lavoro. Carica il tuo materiale in After Effects, insieme al contenuto che desideri inserire. Ricordarsi di importare il file di Photoshop sullo schermo come una composizione per mantenere i livelli.

Assicurati di impostare il progetto su 16 bit che ci aiuta a evitare il banding poiché questo aspetto dipende molto dall'uso di sfumature di colore differenti. Inizia con una composizione, mi piace usare il NTSC D1 pixel quadrati widescreen preset. Assegna un nome al livello "Base" e fallo durare 10 secondi a 24 fps.



Passaggio 8

In questa composizione di base creeremo un diagramma per l'immagine che vogliamo vedere nella nostra macchina. Puoi dargli un aspetto da giornale usando diversi titoli, estratti medi e piccoli paragrafi.

Farò questo schema su sfondo bianco su nero per vedere facilmente tutti gli elementi della trama in seguito. In questo modo, inverti le immagini che hai inserito e rendili in scala di grigi. Correzione del colore> Il Mixer canali è la mia opzione preferita per il grigiometro.

Riempirò i paragrafi di lipsum e lo renderò un po 'come una pagina di un giornale.



Passaggio 9

Utilizzare gli elementi trasparenti, invertirli e posizionarli utilizzando la modalità di fusione "schermo". Usa livelli e maschere se necessario per assicurarti che non lascino i loro confini. È inoltre possibile utilizzare lo strumento forma per disegnare alcune linee per separare i blocchi di testo. Imita l'aspetto dei giornali nel modo in cui ti senti meglio e molto trama pensando che questa sia la trama del film. La trama della macchina viene dopo.



Passaggio 10

Attiva l'effetto movimento di ogni livello (utilizzeremo la funzione di trasformazione delle collisioni in seguito). Aggiungi un livello di regolazione con un effetto sfocatura riquadro con raggio impostato su 0,5. Questo ammorbidisce un po 'tutto per renderlo meno digitale. Ora possiamo precomprimere ogni cosa chiamandolo "film" e iniziamo ad animare.



Passaggio 11

Prima animare le traduzioni. La macchina ha un aspetto molto meccanico, influenzato dalla precisione delle mani della persona che lo utilizza. Di solito si muove su un asse alla volta, con movimenti molto scattanti, andando sempre indietro di un po '(sedimentazione) per regolare la posizione dell'immagine.

Questa è la distribuzione dei fotogrammi chiave che ho usato, è possibile vedere chiaramente nel percorso di movimento che l'immagine si muove rapidamente orizzontalmente o verticalmente, riposiziona e ritorna alla sua posizione precedente. Guarda il riferimento del movimento e controlla come si muove sull'asse xey rispetto all'immagine. Cerca di imitare questo comportamento il meglio che puoi.



Passaggio 12

Aggiungi un valore di default null e chiamalo "Rotation", fai precomp al child un film di questo null e anima la rotazione più o meno allo stesso modo della traduzione. Movimenti scattanti e lunghi riposi. Ho fatto le rotazioni tra -45 e 13 gradi. Si noti che tutte le rotazioni sono relative al centro dello schermo e completamente indipendenti dalle traduzioni del film.



Passaggio 13

Ora che abbiamo l'animazione per il film, metti l'immagine "otherArtifacts01.png" nella composizione; questo è il bordo superiore della macchina, visto quando l'immagine scende. Si muove con l'immagine mentre sale su e giù ma non scorre lateralmente con esso poiché è fissa nella macchina.

Crea il figlio Artefatto del livello appena animato, ridimensionalo finché non si adatta orizzontalmente alla composizione e usa l'espressione [-ThisComp.layer ( "film"). Transform.position [0] + 872 secondi, -190,9] per invertire il movimento orizzontale dell'altro livello mantenendo l'animazione verticale.



Passaggio 14

Attiva gli interruttori motion blur per tutti i livelli. Ora possiamo iniziare a vedere come appare la nostra macchina in movimento. Ora possiamo anche animare lo zoom del livello.

Aggiungi un nuovo null e chiamalo "Zoom" e aggiungi il Rotation null a questo. Animare la scala nello stesso modo in cui abbiamo animato gli altri attributi, ho animato il mio zoom tra 100% e 200%. Ricorda che tutto sembrerà più bello se animerai i diversi attributi in tempi diversi, in questo modo sembrerà più meccanico.



Passaggio 15

In questo momento la tua animazione deve essere abbastanza carina, quindi iniziamo con il look. Aggiungi un solido nero Dietro tutto per assicurarti che i livelli che impileremo influenzino tutto ciò che si trova sotto di loro.

Ora aggiungi un livello di regolazione con un effetto canale / invertito sulla parte superiore del film precomp per renderlo positivo. Chiamalo "Inverti"



Passaggio 16

Aggiungi il livello di sfondo dal nostro psd alla composizione, usalo per ottenere i colori che aggiungeremo alla composizione. Usa due tonalità di verde, un rosso scuro, un giallo medio scuro e un giallo chiaro. Crea un solido per ogni colore e metti a punto il tono come preferisci.

Ordinali con il più scuro sul fondo e il più leggero in cima.



Passaggio 17

Ora assegneremo maschere e metodi di fusione per ciascuno dei nostri strati solidi. Dal basso verso l'alto, il più scuro, con modalità di fusione multipla.



Passaggio 18

Lo stesso vale per il solido successivo, questa volta utilizzando la modalità di sfumatura della tonalità e le impostazioni di questa maschera.



Passaggio 19

Ora usando la modalità di fusione più scura.



Passaggio 20

Il primo giallo con sovrapposizione



Passaggio 21

E l'ultimo con luce lineare.



Passaggio 22

Aggiungi il livello di sovrapposizione dal nostro file screen.psd. posizionalo come preferisci all'interno della nostra composizione. Aggiungere un Perspective / Drop shadow effetto su di esso e impostare l'ombra su un giallo chiaro, con una opacità molto leggera. Ora aggiungi un riquadro sfocato con raggio di 1,2 per ammorbidire la sovrapposizione e mescolare un po 'di più.



Passaggio 23

Aggiungi il file otherArtifacts07 alla composizione. Questa sarà la polvere e i peli dell'obiettivo della nostra macchina. È anche possibile utilizzare una cornice da un disturbo di pellicola da un materiale scansionato da 35 mm e ottenere un risultato piacevole. Impostalo per moltiplicare la modalità di fusione e posizionarlo appena sotto la griglia.



Passaggio 24

Facciamo un po 'più nervoso l'intera animazione. Per prima cosa, trasforma ogni livello ad eccezione del livello di regolazione invertito in livelli 3D. Posizionali sull'asse z tenendo presente la separazione che avrebbero nella vita reale mantenendo la posizione Z del livello del film in 0.

Crea un nuovo null e chiamalo jitter. Genera tutti i livelli senza precedenti, ad eccezione del livello di regolazione. Usando l'espressione "wiggle", i dati di tracciamento della fotocamera o del dispositivo oscillante memorizzato fanno sì che i livelli si muovano leggermente con l'animazione della posizione del livello di jitter.



Passaggio 25

Tempo per gli ultimi ritocchi. Se hai guardato i riferimenti del video, probabilmente hai notato che c'è un significativo aumento della quantità di luce mostrata nella macchina quando ingrandito. Per simulare questo, collegheremo con le espressioni il più leggero strato giallo alla scala dello zoom null. Prendi l'opacità del livello giallo e aggiungi questa espressione thisComp.layer ( "Zoom"). transform.scale [0] / 2 in modo che il livello abbia il 50% di opacità quando siamo al 100% di zoom e al 100% quando siamo al 200% di zoom. Puoi duplicare il livello giallo per dare maggiore enfasi a questo effetto e sperimentare con i metodi di fusione per adattarlo all'aspetto che ti piace di più.

Puoi anche aggiungere un solido nero con una maschera di vignettatura con la stessa espressione per scurire i bordi e ottenere più contrasto su di esso.



Passaggio 26

Aggiungiamo un po 'di sfocatura dell'obiettivo alla macchina. Aggiungi un nuovo livello di regolazione appena sotto il livello otherArtifacts07 (il livello di polvere della macchina). Denominare questo livello "sfocatura" e aggiungere un utilità / crescita limiti effetto su di esso con un valore di 30 pixel. Questo ci aiuterà a sfocare tutto quanto in basso senza aggiungere nuovi colori ai bordi. Successivamente aggiungi un effetto Lens Blur al livello e anima il suo raggio dell'iride nello stesso modo scattante con cui abbiamo animato ogni altro attributo.



Passo 27

Per Contrappesare la sfocatura nel livello del film possiamo applicare la quantità di sfocatura inversa al livello di sfocatura della macchina. Aggiungi un effetto sfocatura dell'obiettivo al livello otherArtifacts07 e sul raggio dell'iride aggiungi questa espressione 30-thisComp.layer ("blur"). Effect ("Lens Blur") ("Iris Radius"). In questo modo il film e la polvere della macchina sembreranno come se fossero su diversi piani focali della lente della macchina.



Passaggio 28

Per un bel dettaglio aggiungiamo un po 'di ridimensionamento collegato alla sfocatura, proprio come una lente reale che ingrandisce un po' il battito quando cambia la messa a fuoco. Nella rotazione Null layer, aggiungi l'espressione $ temp = 100 + thisComp.layer ("blur"). effect ("Lens Blur") ("Iris Radius") / 5;
[$ Temp, $ temp]
al canale di scala.

Questa espressione rende la scala 100% più una quantità data dal cambiamento della focalizzazione divisa per 5, per entrambi gli assi xey.



Passaggio 29

Infine aggiungiamo un po 'di grana alla composizione aggiungendo un livello nero con rumore e grana / rumore impostato al 100% senza rumore di colore e a Box Blur con Sfocatura raggio 1. Ad una maschera ellittica facendo doppio clic sull'icona della maschera ellittica e impostando la sua modalità per sottrarre con 500 pixel di piuma.

Questa espressione rende la scala 100% più una quantità data dal cambiamento della focalizzazione divisa per 5, per entrambi gli assi xey.



La fine

Per aggiungere un aspetto invertito alle cose è possibile animare l'opacità del livello invertito e aggiungere leggeri riflessi gialli alla composizione creando un livello giallo chiaro, impostando la sua modalità di fusione per aggiungere e animare la sua opacità da 0 a 30 e ritorno a 0 in 5 o 6 fotogrammi.

E tu ci vai. Attiva l'interruttore delle trasformazioni di compressione del livello pellicola per mantenerne i dettagli e rendere la composizione nel formato preferito. Oltre a ciò che hai visto qui, puoi aggiungere trame o movimenti che trovi belli. Inoltre, è possibile utilizzare filmati di repertorio di film per dare al tutto un aspetto più analogico (come un suggerimento: la grana sembra molto più bella se proviene da un repertorio di una carta grigia). Inoltre è possibile utilizzare le immagini di stock per dare più vita al tuo giornale. Puoi fare un ulteriore passo avanti animando i contenuti del film o trasformandolo in una composizione completamente in 3D, dandogli l'aspetto di una futuristica macchina per microfilm che naviga in 3d in stile dati ... o qualsiasi cosa tu possa pensare.


Spero davvero che ti sia piaciuto questo tutorial, eventuali suggerimenti o domande sono ben accetti. Grazie per la vostra attenzione.