In questo tutorial andremo a fare uso di Adobe After Effect e Adobe Photoshop per la creazione di un video compositing da utilizzare come header per il vostro nuovo sito, ma anche come banner, etichetta, impression in un video, animazione flash…a voi la scelta! 😀
Come esempio, nel seguente video potete vedere come After effects è stato utilizzato per introdurre e descrivere le immagini di un format:
[youtube]http://www.youtube.com/watch?v=J6d_76tNdeo[/youtube]
Innanzitutto,qualora lo vogliate, potete scaricare il psd da aprire in Photoshop con tutti i layer già predisposti con i brush disegnati.
Ovviamente siete liberi di utilizzare tutti i brush in Photoshop che volete e creare un psd a vostro piacimento.
Io ho utilizzato 3 layer per un uno sfondo cittadino, se decidete di crearvelo da soli un ottimo sito di brush per photoshop è il seguente:
Diamo un occhiata al PSD:
- Apriamo Photoshop…. 😆
- Apriamo il file psd scaricato city_alberi.psd
- Notiamo che il file è composto di 3 layer, provate a vedere ogni layer singolarmente attivando e disattivando l’icona dell’occhio per farvi un idea
Passiamo ad Adobe After Effects:
- Aprite Adobe After Effects, ed importare il PSD come Composizione (non footage).
- Importando come Composizione troveremo nel Tab Project una nuova composizione ed una cartella contenete i 3 layer che abbiamo visto in Photoshop:
- Inseriamo nella Timeline la Composizione city_alberi con un doppio clic in Project
- After Effects inserirà nella timeline i 3 layer Photoshop (potete anche inserirli a mano prendendoli dalla cartella nel tab Project)
- Attiviamo il flag 3d a tutti e tre i layer ed inseriamo una telecamera
- Apllichiamo un Fill a tutti e 3 i layer (Effect>Generate>Fill)
- Tramite il Fill modificare il colore di ogni layer, personalmente preferisco scegliere una tonalità differente dello stesso colore. Questi i miei parametri:
- Layer 2 > #AA6800
- Shape 2 > #770606
- Shape 1 > #360101
- Posizioniamo i 3 layer a diversa distanza sull’asse Z (quello della profondità) con il layer degli alberi davanti a tutti. Pe farlo potete utilzzare sia le frecce nella composizione(quella blu per l’asse z) oppure cliccando su ogni layer e premendo “p” sulla tastiera si aprirà in Timeline la position da modificare (gli ultimi valori sono l’asse Z). Per chiarimenti su come utilizzare i layer 3d ecco un video tutorial per after effects
- Ecco i miei (clicca per zoom):
- A questo punto proviamo a muovere la telecamera con i tool di After Effects
lungo una linea orizzontale per vedere l’effetto che fa. - Personalmente ho preferito aggiustare i 2 layer di sfondo (Shape 1 e 2) allugandoli un pò sull’asse orizzontale
- Inseriamo adesso un nuovo layer con una tonalità di giallo,duplichiamolo e mettiamoli in timeline al di sotto di tutti gli altri layer
- Rinominiamoli selezionandoli singolarmente e premendo invio con i nomi Sole e Sfondo
- Selezionare Sole e applichiamo una maschera ellittica cliccando 2 volte sul pulsante maschera ellittica dei tool di Adobe After Effects.
- Selezionare Sfondo e applichiamo un Fill di colore #8C1515
- Ritorniamo a sole, entriamo nei parametri della maschera e modifichiamo il feather (o sfumatura) a 480 pixel.
