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:

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…. ūüėÜ
  • 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

step_1_in_photoshop

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:

step_2_composition

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

step_3_composition_in_after_effect

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


step_4_position_in_after_effect

  • A questo punto proviamo a muovere la telecamera con i tool di After Effects tool_camera_in_after_effect 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.

tool_maschera_ellittica_in_after_effect

  • 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

Pin It on Pinterest

Basta con I Gattini ! Condividi qualcosa di figo!

Fai vedere questa pagina ai tuoi amici...