Share This

After effects tutorial: creare un header con Photoshop ed After effects

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! icon biggrin After effects tutorial: creare un header con Photoshop ed After effects

Come esempio, nel seguente video potete vedere come After effects è stato utilizzato  per introdurre e descrivere le immagini di un format:

0 After effects tutorial: creare un header con Photoshop ed After effects

Innanzitutto,qualora lo vogliate, potete scaricare il psd da aprire in Photoshop con tutti i layer già predisposti con i brush disegnati.

Download

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:

http://www.brusheezy.com/brushes

Diamo un occhiata al PSD:

  • Apriamo Photoshop…. icon lol After effects tutorial: creare un header con Photoshop ed After effects
  • 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

923c4cb1a33033df5dd24ff0208c2aad After effects tutorial: creare un header con Photoshop ed After effects

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:

dda53edd8b9f65cb2fa2cca5f1a30efd After effects tutorial: creare un header con Photoshop ed After effects

  • 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)

dcbf92555b35f8618886352153d40f46 After effects tutorial: creare un header con Photoshop ed After effects

  • 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:
  1. Layer 2 > #AA6800
  2. Shape 2 > #770606
  3. 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):


c96447c3137f977bc1943f7d6ce4b501 After effects tutorial: creare un header con Photoshop ed After effects

  • A questo punto proviamo a muovere la telecamera con i tool di After Effects fe9de8714defd01022e0634053386272 After effects tutorial: creare un header con Photoshop ed 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.

e89b8a482c5174d090384f5763a44a2e After effects tutorial: creare un header con Photoshop ed 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.

Continua allo step successivo_HEADER_CON AFTER EFFECTS

You might also like

PixelBender: creare plugin per After effects
Dalla versione CS4 della suite di Adobe è possibile utilizzare PixelBender. PixelBender permette a...
TUTORIAL: CREARE UN HEADER IN FLASH CON PHOTOSHOP ED AFTER EFFECT – STEP 2 -
Quanto abbiamo ottenuto dal post precedente per After Effects è una composizione di 3 layer con colori...
Pulire una lente sporca con after effects
Vi è mai capitato di girare un videoclip e scoprire in postproduzione che la lente della telecamera...
EXPLOSION TUTORIAL – ESPLOSIONE DI UN TORRE con After effects
After effects e la esplosione di una torre: la creazione di un’esplosione realistica in after effects...