transform.rotation

Adesso l’ombra dell’effetto Drop Shadow seguirà fedelmente la rotazione del solido che rappresenta la lancetta. Questa espressione è stata generata in automatico utilizzando lo strumento Pick Whip, nulla vieta di scriverla manualmente nella sona preposta che si apre sulla Timeline. Andando a modificare la nostra espressione come segue:

225-transform.rotation

otterremo l’effetto voluto, ovvero quello di posizionare la nostra ombra a 225° e di fare in modo che durante la rotazione l’ombra abbia sempre la stessa direzione. Nella seguente animazione si vede la differenza tra un’animazione senza espressione inserita (sinistra) e con l’espressione riportata sopra (destra):

Adesso non ci resta che legare “temporalmente” le due lancette, quella dei minuti e quella delle ore. Il nostro scopo era quello di far compiere alla lancetta più corta 12 ore in 5 secondi. Per ottenere questo inseriamo 2 keyframes al parametro Rotation della lancetta dei minuti come segue:

-    Istante: 0:00:00:00 = Rotation: 0 x 0,0°

-    Istante: 0:00:05:00 = Rotation: 12 x 0,0°

In questo modo la lancetta dei minuti compirà 12 giri completi in 5 secondi. Adesso leghiamo a questo valore la rotazione della lancetta delle ore, procedendo come descritto prima, abilitiamo le espressioni per il parametro Rotation della lancetta delle ore e con il Pick Whip intercettiamo il parametro Rotation della lancetta dei minuti:

Verrà generata la seguente espressione:

thisComp.layer("Minuti").transform.rotation

in questo modo otterremo l’effetto di veder girare le ore veloci come i minuti, ma la lancetta delle ore gira 12 volte più lentamente dei minuti, quindi modificando come segue:

thisComp.layer("Minuti").transform.rotation/12

cioè dividendo tutto per 12 avremo ottenuto la nostra animazione:

Questo è fondamentalmente il metodo per ottenere l’animazione che ci eravamo prefissi. L’applicazione di questo metodo ad una fotografia di un orologio reale può dare dei risultati sorprendentemente realistici. Faremo di seguito una lista delle operazioni da eseguire per ottenere l’animazione:

1.    Apriamo la fotografia in Photoshop e scontorniamo accuratamente le due lancette, ore e minuti, salvando le selezioni in rispettivi 2 layers.

2.    Nel layer contenente lo sfondo, ovvero il layer contenente la foto dell’orologio completo, con lo strumento Clone Stamp Tool (Timbro) cancellare le lancette appena scontornate e copiate.

3.    Abbiamo ottenuto 3 layers: uno con l’orologio senza lancette, uno con la lancetta ore ed uno con la lancetta minuti, salviamo il file come PSD ed importiamolo in After Effects scegliendo come Import Kind: Composition.

4.    Inseriamo i 3 layers in una nuova composizione e posizioniamo gli Anchor Points delle due lancette al centro del perno di rotazione.

5.    Applichiamo i keyframes e le espressioni ai rispettivi oggetti, come visto precedentemente.

6.    Applichiamo effetti di zoom o spostamento, regolazione della luce con l’effetto Levels per arricchire l’animazione. Si può inoltre impostare come Ease l’interpolazione dei keyframes del movimento e della rotazione. Per fare questo selezionare il keyframe desiderato e premere F9.

Di seguito l’immagine usata e i vari livelli del file PSD usato nella composizione in After Effects:

Originale

Sfondo senza lancette 

Lancetta delle ore

Lancetta dei minuti

Da notare che lo sfondo delle immagini con le lancette dovrà essere trasparente. Se avremo fatto un buon lavoro il risultato sarà abbastanza credibile dal punto di vista visivo, come si può vedere nel video finale. Di seguito il progetto completo per After Effects 7.0

SCARICA IL PROGETTO PER AFTER EFFECTS 7.0