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

Livello:
Software:
Tag:

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.

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

Condividi se ti piace:

#ProssimiTutorials

#Consigliati



andiamo avanti

Ecco altro da vedere:

Spot dell’agenzia TheMill: Opportunity Roars per Monster.com

Spot dell’agenzia TheMill: Opportunity Roars per Monster.com

Lo spot che vedete √® sto creato dalla agenzia londinese¬†‚ÄúTheMill‚ÄĚ. Diretto da¬†Matthijs Van Heijningen, lo spot √® una metafora del processo necessario per trovare un lavoro; un processo¬† per lo pi√Ļ scoraggiante, ma Monster.com (sito per trovare lavoro)¬† sar√† l√¨...

Showreel di Fabian Aerts 2017

Showreel di Fabian Aerts 2017

https://vimeo.com/233455227 Showreel di Fabian Aerts, artista, motion deigner and film director belga. Nel suo shworeel 2017 lascia spazio alla sperimentazione pi√Ļ che a specifici lavori commisionati. In basso i riferimenti dello showreel. Software utilizzati:¬† Cinema...

Colour on Colour: il nuovo video della FutureDeluxe

Colour on Colour: il nuovo video della FutureDeluxe

La FutureDeluxe è uno studio di produzione anglosassone che si definisce uno studio creativo sperimentale guidato dalla ricerca, dalla tecnologia e dal perseguimento di nuove estetiche e tecniche. We are an experimental creative studio driven by research, technology...

Gif animate. Le gif del designer Tyler Haywood

Gif animate. Le gif del designer Tyler Haywood

L'artista Tyler Haywood ha creato gif animate ogni giorno nel corso di 4 anni. Ha chiamato il suo percorso creativo con il nome di "Angular Geometry". Abbiamo selezionato le nostre preferite, ecco una collezione delle migliori gif animate tratte dalle  pubblicazioni...

Compositing in After effects: la sua importanza

Compositing in After effects: la sua importanza

In questo video tratto da GrayScaleGorilla, si pu√≤ capire quanto il¬† compositing sia¬† importante¬† per il vostro 3D rendering. Un rendering 3D non √® mai davvero terminato quando esce direttamente da Cinema 4D o qualsiasi altro pacchetto 3D come Maya o 3dStudio.  ...

Cinema4d 13: modellare ed animare con il 3d della Maxon

Cinema4d 13: modellare ed animare con il 3d della Maxon

Cinema4d release 13 è stato rilasciato  il 6 Settembre 2001 dalla maxon che aveva annunciato un grosso passo avanti grazie al nuovo motore di render fisico che produce rendering di qualità eccellente e i nuovi strumenti per la character animation che permettono di ...

Le sculture di ferro pi√Ļ incredibili di Mattia Trotta

Le sculture di ferro pi√Ļ incredibili di Mattia Trotta

L'artista italiano mattia trotta crea le pi√Ļ incredibili sculture di filo di ferro che abbiamo mai visto. Il¬†processo per realizzare le¬†scultura di ferro inizia con una bozza¬†di disegno, per cui¬†il duro lavoro manuale √® spesso preceduto da un disegno su carta.  ...

Tutorial Effetto sketch con photoshop

Tutorial Effetto sketch con photoshop

Il seguente tutorial per Photoshop fa uso di selezioni e di  una diversa combinazione di strumenti di editing delle immagini e dei filtri per la maggior parte degli effetti per ottenere un effetto cosiddetto "sketch" partendo da una foto: il risultato finale sarà un...

#Contacts & Social

Seguici per aggiornamenti e news nel mondo del videodesign

Resta sempre aggiornato sul mondo della creatività digitale e le tecniche utilizzate nell'universo del videodesign.

- Tutorial sulle migliori tecniche utilizzate da professionisti mondiali

- Visualizzare contenuti e progetti per le tue ispirazioni creative

- I migliori showreel nel 3d, motiongraphics e compositing

- Realizzazione dei migliori Visualfx utilizzati nei film

Ricevi aggironamenti da TUTORIAL3D- non pratichiamo spam -