Thisappear Video Design Blog

Come caricare un video YouTube HD

2009-12-15T06:08:00.000-08:00

Diamo un'occhiata a come fare per caricare un video YouTube HD. Nella pagina di caricamento di YouTube non viene specificato come far diventare il video HD. Infatti non è a discrezione dell'utente ma il sistema, in base a vari paramentri, lo classifica come HD, HQ o normale.
Nella guida di youtube che si trova alla pagina:

http://www.google.com/support/youtube/bin/answer.py?answer=132460&topic=16612&hl=it-IT

Appare lo schema seguente:

In pratica condizione necessaria e sufficiente è che il video sia di dimensioni 1280x720 preferibilemente con codec H264, mpeg2, mpeg4. L'audio deve avere frequenza 44.1kHz e i codec supportati sono mp3 e AAC.

QuickTime offre di base i codec H264 e mpeg4 mentre l'mpeg2 è più difficile da trovare essendo protetto da copyright. E' infatti il codec con cui si fanno i DVD video.

Bene. Andiamo a vedere allora come esportare un video da After Effects adatto al caricamento su YouTube HD.

1.

La composizione di After offre dei preset HD. Usiamo uno di quelli.

Su "Impostazione predefinita" selezioniamo "HDV/HDTV 720 25". Questa è l'impostazione adatta ad un video HD. Come si può vedere dalla risoluzione posta in automatico, il video misura 1280x720 pixel quadrati (quelli rettangolari si usano per la TV), e ha 25 frame al secondo. La durata del video è indifferente.

2.

Composto il nostro video, esporteremo nel modo seguente:

Inserire su "tipo di compressore" H264 o mpeg4. Sotto, su velocità clicchiamo su "ogni" e scriviamo accanto 24. Attenzione, Questo valore non rappresenta i frame al secondo, ma è un dato di compressione secondo cui ogni 24 fotogrammi viene preso un frame di riferimento. Impostando 24 si ottiene un buon rapporto qualità peso. Il fps è espresso sopra: "attuale" che sta a significare uguale al nostro video (25). Sotto, qualità mettiamo massima. A destra impostiamo il "data rate": Quanti dati elaborati al secondo in riproduzione. Più è alto il numero, più la qualità del video è alta, più il file finale pesa. Pare che non ci siamo limiti per YouTube rispetto al data rate. Se Nella fase di caricamento avete tempo a disposizione, cliccate su "Automatico". La qualità sarà ottimale. Se non volete un file enorme, fino a 1200 kbps la qualità è decente. Al di sotto comincia a sgranare, però il peso si riduce sensibilmente. Fate delle prove. Qualora si presenti una finestra in cui scegliere i campi interlacciati (es. Upper field, Lower field etc..) selezionate "Separated field" o "deinterlacciato". L'interlacciamento in questo caso non ci interessa.

3.

Riguardo l'audio, il discorso è simile. Impostate come da guida la frequenza a 44.100 kHz, 16 bit Stereo. Vi consiglio di non applicare una compressione all'audio dato che QuickTime non ha di base ne il codec mp3 ne l'AAC. Gli altri codec sono distruttivi. Quindi non applicate compressione e cliccate su OK. Se avete a disposizione i codec, potete comprimere l'audio fino a 128 kbps. Al di sotto le frequenze alte ne risentono.

Siamo pronti ad esportare. Il file che ne risulta usando QuickTime sarà un (.mov) e il video di proporzioni ovviamente di 16:9. Potete ora caricarlo su Youtube.
In realtà è possibilie esportare anche altri formati, le impostazioni restamo più o meno le stesse. In (.avi) però non ci sono le impostazioni per mpeg4 o h264 quindi dovrete adattarvi ad altri formati probabilmente più pesanti.

Commentate facendomi sapere se è chiaro o se ci sono delle inesattezze.

^_~

thisappear.com 2009

2009-09-17T00:58:00.000-07:00

Finalmente On-line la nuova versione del sito.

www.thisappear.com

Bye.

Tutorial Slow Motion

2009-09-04T04:16:00.000-07:00

In questo tutorial vediamo com'è possibile ottenere l'effetto slow motion su una clip di prova.
Il plug-in di cui avremo bisogno si chiama "Twixtor 3.x" se non l'avete procuratevelo, altrimenti seguite il tutorial senza lavorare in After, non è molto complicato.
Alla fine del tutorial c'è una soluzione per ottenere un effetto simile utilizzando al posto del plug-in, una funzione propria di After Effects.
Ecco l'effetto ottenuto:

N.B. Il tutorial descritto ha il solo scopo dimostrativo e non ha fini di lucro. L'utilizzo di questo materiale e di responsabilità del fruitore stesso.

E' possibile scaricare il materiale da qui:

http://www.thisappear.com/download/tutorialslowmotion.zip

1.

Apriamo After Effects, importiamo il video "pioggia.mov" e dalla libreria trasciniamolo in basso, sull'iconcina della pellicola "Crea nuova composizione". Automaticamente verrà creata una composizione con le caratteristiche della clip:

2.

Modifichiamo il colore di sfondo della comp. Lo facciamo bianco:
Composizione -> Colore di sfondo -> (Bianco) -> OK.

3.

Nella Timeline, attiviamo la funzione 3D del livello "Pioggia" cliccando sul cubetto. Premendo "P" visualiziamo il sottomenù "posizione" con X, Y, Z. Impostiamo su Z il valore "-100".

4.

Selezionando ancora il livello e cliccando sul menu in alto Livello -> Tempo -> Dilatazione tempo, si apre una finestra dove è possibile impostare la velocità di riproduzione della clip. Impostiamo il valore "30%".

Il video di origine è rallentato. In questo modo torna a velocità più o meno normale.

5.

Bene. Ripetiamo l'operazione iniziale: trasciniamo la clip "pioggia.mov" sull'iconcina della pellicola. Verrà creata una nuova comp. Rinominiamola (premendo invio) e chiamiamola "Pioggia Slowmotion".

Ora importiamo la comp "Pioggia Slowmotion" dento la comp "Pioggia":

Tagliamo il livello "pioggia.mov" a 2 secondi della Timeline e applichiamo una dissolvenza finale: Opacity 100% -> 0% in questo modo la clip sfuma su bianco.
Tagliamo ora il livello "Pioggia Slowmotion" in modo da visualizzare la parte successiva ai 2 secondi della Timeline e inseriamo un'assolvenza iniziale: Opacity 0% -> 100%.
Se risulta complesso, aiutatevi in questa fase con il progetto scaricato.
Applichiamo ora uno zoom out sulla foglia bagnata: selezioniamo il livello "pioggia Slowmotion" premiamo "i" il cursore si posiziona all'inizio. Attiviamo anche per questo livello la funzione 3D (cubeto) poi "P" e sulle Z impostiamo il valore "-100" premiamo l'orologino a sinistra per inserire il keyframe. Premiamo ora "O" il cursore va alla fine della clip e impostiamo qui Z = 0. Vedi figura sopra.
In questo modo abbiamo collegato i due livelli in modo da ottenere un video unico con una dissolvenza in bianco.

6.

Applichiamo sul livello "Pioggia Slowmotion" il plug-in "Twixtor".
Twixtor agisce sui fotogrammi della clip. In pratica crea, tra un frame e l'altro, tanti altri frame simili, in modo da ottenere un movimento molto più fluido degli oggetti rappresentati. Questa funzione è chiamata "Blending". Esistono due tipi di blending: normale e vettoriale. Quello "normale" proprio anche di After Effects applica delle piccole dissolvenze tra i frame. Quello vettoriale, molto più efficace, ricostruisce i pixel tra un frame e l'altro attraverso un calcolo vettoriale delle forme e dei colori. Twixtor effettua un blending vettoriale.
Ecco le impostazioni:

Come si può vedere alla voce Speed è possibile impostare la velocità della clip. Noi inseriamo il valore "20%". Inoltre impostiamo per ottenere un buon risultato Motion Vectors = "Best" e su Frame Interp = "Motion Weigthed Blend". Il gioco è fatto.

La clip utilizzata nel progetto è gia rallentata in origine. Sicuramante questo ha favorito lo slow motion finale. Inoltre lo sfondo è abbastanza statico questo facilita le cose. Insomma bisogna usare il blanding vettoriale con attenzione, per non correre il rischio di "impastare" i fotogrammi.

7.

E' possibile utilizzare il blender di After Effects per ottenere un effetto simile:

attivando i parametri come nell'immagine e rallentando la clip con "Dilatazione Tempo" direttamente sul livello del filmato, si ottiene uno slow motion "gratuito".

Spero sia tutto chiaro.
A presto ; )

Concorso I LOVE INTERNET

2009-07-29T05:48:00.000-07:00

Carissimi, ho pubblicato un video per un concorso.

Il video è visibile al seguente link:

http://zooppa.com/ads/io-amo-internet/videos/imagine-2

Spero vi piaccia. Consiglio anche a voi di partecipare. Se avete un po di pazienza in alto a destra "Log in and Vote" potete votarmi, solo però previa registrazione. E' un sito sicuro non temete.
Grazie mille!
Un abbraccio.

Avventura sulla Terra

2009-07-10T05:34:00.000-07:00

Ecco un modo di produrre fumetti: con Flash, online e gratis.

Tutorial Morphing

2009-06-19T03:37:00.000-07:00

Innanzi tutto è importante capire cos'è un morphing.
Il morphing è uno dei primi effetti visivi cinematografici, creato negli anni '90 e utilizzato per la prima volta nel film "Terminator 2". Consiste nella trasformazione fluida, graduale e senza soluzione di continuità tra due immagini di forma diversa.

N.B. Il tutorial descritto ha il solo scopo dimostrativo e non ha fini di lucro. L'utilizzo di questo materiale e di responsabilità del fruitore stesso.

Questo è un esempio di morphing:

Il morphing è l'unione tra una deformazione (warping) e una transizione (in genere una dissolvenza incrociata).

Questa volta non utilizzeremo After Effects. In After Effects esiste un plugin: Effetti > distorsione > nuova forma (reshape), che può servire a creare un morphing, ma a causa della sua limitatezza il risultato non è mai ottimale.
Utilizzeremo un programma gratuito: WinMorph (DebugMode), semplice ed efficace.
Potete scaricarlo qui:

www.thisappear.com/download/winmorph.zip

di seguito invece potete scaricare due immagini per lavorare e il file di progetto.

www.thisappear.com/download/tutorialmorphing.zip

Una volta installato il programma lo apriamo e creiamo un nuovo progetto "morphing":

1.

Il programma apre una finestra. Selezioniamo le immagini su cui lavorare.

A sinistra l'immagine iniziale, nel nostro caso l'affascinantissima Angelina Jolie, a destra quella finale la bella Jennifer Lopez, ma è più bella Angelina Jolie.

2.

Bene, ora andiamo su "Options":

Qui è possibile selezionare la qualità in termini di precisione del morphing; il frame rate impostiamolo a 25 frame al secondo; il numero di frame, mettiamo 100 (4 secondi); e su "browse" la cartella di destinazione del video finale. Ok.

3.

A sinistra dell'interfaccia selezioniamo il tracciato rettangolare e selezioniamo l'intera superficie della foto a sinistra, Angelina. Questa operazione serve a delimitare l'area di deformazione.

4.

Ora con lo strumento tracciato libero disegnamo sul viso di Angelina delle linee. Questa operazione è molto importante. Le linee devono contornare tutti quei tratti del viso che assomigliano nella forma alla foto di Jennifer. Ovale con ovale, bocca con bocca, occhi con occhi etc.. è consigliabile non contornare parti troppo complesse, in questo caso per esempio, è meglio non includere i capelli, potrebbero creare artefatti antiestetici.
Adattiamo bene ogni linea aiutandoci con lo strumento "Edit Shape".

Se selezioniamo il tasto in alto "create autosets", ogni linea che disegnamo a sinistra si duplica a destra sull'altra foto. La linea duplicata la dobbiamo adattare alla foto. E' un pò come dire al programma: "questa parte di Angelina falla diventare questa parte di Jennifer".

Per ogni tracciato che andiamo a disegnare, viene creata una forma "shape", che viene automaticamente collegata alla forma duplicata a destra. Nella finestra "Elements" è raccolto l'insieme di forme disegnate e come sono collegate tra loro.

E' possibile ovviamente cancellare e modificare le forme e i collegamenti.

5.

Delineata e adattata una buona quantità di tracciati, selezionando a sinistra "Associate Shape" e deselezionando per comodità "show current frame" in alto, è possibile osservare tutte le forme e i relativi collegamenti.

Nel caso in cui delle forme siano rimaste scollegate (le forme collegate sono evidenziate da tanti tratti rossi), è possibile ricollegarle cliccando e trascinando la linea gialla a quella tratteggiata.

6.

Una volta collegate tutte le forme, procediamo all'anteprima del morphing.
Riselezioniamo in alto "show current frame" e attiviamo il tasto "preview mode".
Deselezioniamo tutti gli altri strumenti perchè in finestra si veda il video pulito.

In basso a sinistra c'è un cursore. Spostiamolo al centro in modo da visualizzare la parte centrale del morphing. Aspettiamo un momento l'elaborazione dell'immagine. Se non si notano artefatti siamo sulla buona strada e possiamo lanciare un rendering. In alto, tasto "render". Verrà generato un file.avi non compresso che potete importare e lavorare in After Effects.

Salvate spesso perchè il programma è un po' instabile.
E' ovvio che se partite da due foto simili e con lo stesso sfondo la trasformazione è più credibile.
Spesso è necessario fare varie prove per ottenere un buon risultato.
E' possibile fare un morphing tra due video utilizzando gli stessi criteri, provate.

Buon lavoro.

Thisappear HD TV

2009-06-17T09:47:00.000-07:00

E' nata una WebTV risultato di una selezione di video di YouTube HD con contenuti interessanti e di ottima qualità.
E' possibile inoltre inviare il link del proprio video Youtube HD per inserirlo nella programmazione.

Spegni la TV. Accedi a THISAPPEAR HD TV.

Tutorial loop video

2009-03-05T04:00:00.000-08:00

Oggi facciamo un tutorialino semplice semplice per creare un loop video, cioè un video che finisce e ricomincia all'infinito, molto utile per sfondi, banner o applicazioni che non hanno limiti di tempo.
Con l'occasione useremo dei tasti rapidi di After Effects che ci aiutano a lavorare più velocemente.

N.B. Il tutorial descritto ha il solo scopo dimostrativo e non ha fini di lucro. L'utilizzo di questo materiale e di responsabilità del fruitore stesso.

Ecco il risultato:

1.

Apriamo AFX, File > Nuovo > Progetto.
Senza creare una nuova composizione, importiamo il video "cielo.mov" contenuto nella cartella e lo trasciniamo direttamente nel pannello composizioni. Verrà automaticamente generata una composizione delle dimensioni e della durata del video stesso.

2.

Selezioniamo il livello cielo.mov e clicchiamo su livello > tempo > dilatazione tempo, impostiamo 50% in questo modo rendiamo il video più veloce, quindi si ridurrà la durata.

3.

portiamo la testina a 1 secondo. Volendo, cliccando sul timecode blu, si apre la finestra "Go to time".

OK.
Aggiungiamo a questo punto un marker sul livello premendo asterisco "*".

4.

Duplichiamo il livello: ctrl+D.
Andiamo con la testina a 5 secondi e selezionato il livello 2, premiamo "[", il livello si sposta automaticamente a 5 secondi. (A volte per far funzionare i tasti rapidi è necessario impostare la tastiera inglese).
Selezioniamo entrambi i livelli e premiamo "T" si apriranno i sottomenu Opacità. Attiviamo i keyframe 100% per il livello 1 e 0% per il livello 2.
Premiamo "K" la testina si sposta automaticamente sul marker ora inseriamo per l'opacità 0% al livello 1 e 100% al livello 2. Abbiamo generato una dissolvenza incrociata tra i due livelli.

(con "J" e "K" spostiamo la testina tra i marker e i keyframe dei livelli, "J" indietro "K" avanti).

5.

Dunque tenendo la testina sul marker del livello 2, premere "N" che serve a delimitare la composizione in uscita. Andiamo con la testina sul marker del livello 1 a sinistra, premendo un paio di volte "J" e avanziamo di un solo frame per esempio premendo il tasto pagGiù.

(pagSu e pagGiu spostano la testina di un frame alla volta).
Ora premere "B" per delimitare la composizione in entrata. Premendo il tasto destro sulla barra bianca di delimitazione è possibile "troncare la composizione secondo l'area di lavoro".

Premendo RAM preview (tasto zero del tastierino numerico) e attivando ciclo continuo è già possibile vedere il loop video.

Il progetto è caricato su:

www.thisappear.com/download/tutorialloop.zip

Per qualsiasi dubbio commentate.
Bye!

Tutorial titoli di testa

2009-02-17T05:47:00.001-08:00

In questo tutorial useremo la funzione "Animate" del livello testo per creare dei titoli di testa. Inoltre vediamo rapidamente come ruotare la telecamera virtuale nello spazio 3D di After Effects.

Il video di riferimento è questo:

ecco il link per scaricare il file di progetto:

www.thisappear.com/download/tutorialtitoli.zip

Cominciamo!

1.

Nuovo > progetto, Composizione > Nuova composizione:

Il colore di sfondo della composizione deve essere nero. Composizione > Colore di sfondo...

2.

Creiamo una macchia di colore rosso dietro la pistola: Livello> Nuovo > solido...
Clicchiamo su "grandezza composizione" e selezioniamo un colore rosso.

disegnamo poi una maschera circolare,più o meno, dove poi andremo a posizionare la pistola e la sfumiamo: maschera > sfumatura maschera = 295,295 circa.
Al solido ho poi applicato un piccolo codice sul livello opacità per farlo "vibrare": Animazione > AggiungiEspressione > scriviamo la stringa "random(60, 100)".

3.

Preventivamente ho ritagliato in Photoshop la foto della Colt in varie parti, chiamando ogni file con un nome diverso. Importiamo tutte le png nello stage e attiviamo per ognuna il livello 3D:

la pistola non è correttamente montata all'inizio. La dobbiamo rimontare noi ma in un modo "non convenzionale". Dobbiamo infatti sparpagliare i vari livelli sull'asse Z (senza ruotarli). Ovviamente i pezzi più lontani diventano più piccoli e quelli più vicini più grandi, riportiamoli alla stessa grandezza, a occhio, compensando con lo "scala". Una volta sistemate le grandezze di tutti i pezzi rimontiamo la pistola. Se il lavoro è fatto in modo accurato, avremo l'impressione che l'arma si tutta di un pezzo in realtà le componenti sono sfalzate in profondità.
Ecco una vista dall'alto:

Non facciamo questo per masochismo, ci servirà per il movimento di camera.

4.

Andiamo a creare una nuova telecamera: Livello > nuova > telecamera. Usiamo il preset 50mm.

Bene. Ora mantenendo selezionato il livello della telecamera, selezioniamo lo strumento "Rotazione Fotocamera".

Trascinando il mouse sullo stage con il tasto sinistro premuto, la telecamera ruota intorno al suo punto di interesse. Si vedra la pistola, prima correttamente montata, scomporsi in prospettiva.

E' importante, per ottenere una buona navigazione, che il punto di interesse sia posizionato sull'asse Z in mezzo al gruppo di pezzi della pistola.

5.

E' possibile ora inserire dei key frame della camera per creare un'animazione.

L'importante è che i due key frame (posizione e punto di interesse) della camera, alla fine dell'animazione, siano quelli iniziali; quelli di quando abbiamo creato la camera. Li possiamo riottenere premendo il tasto "Reset".
Alla pistola ho applicato un effetto bagliore e Starglow di Trapcode, che applica dei punti di luce sulle parti più chiare.

6.

Una volta fatta l'animazione di sfondo, andiamo ad integrare il testo.
Strumento Testo, scriviamo una parola, per esempio "diretto" colore azzurro chiaro. Per ora non è importante la posizione del testo. Clicchiamo sul sottomenu "Anima" > Valore carattere.

Nel sottomenu del livello testo verrà aggiunto un "Animatore1", poi in fondo "Valore Carattere".

Questa funzione di After Effects permette di applicare degli effetti anche solo a delle parti del testo: una, due lettere, tutta la parola o tutta la frase. (L'abbiamo già usato nel tutorial battitura testo). Infatti animando Start e End decidiamo nel tempo a quali parti del testo vogliamo applicare l'effetto.
Incrementando Valore Carattere generiamo sul testo che abbiamo creato un codice casuale. Incrementando il valore Quantità cambia la randomicità del codice (lo rende più vario).
Quindi:
Assegnamo a "Quantità" valore 32%
Animiamo in 1 secondo di tempo Valore Carattere da 100 a 400 per esempio.
Da 0,5 a 1 secondo animiamo Start da 0 a 100.
Osservando l'animazione notiamo che il testo parte con un codice impazzito, poi lettera dopo lettera torna alla parola che avevamo scritto: "diretto".

7.

Gli effetti nel sottomenu "Anima" sono cumulabili, quindi aggiungiamo l'effetto Sfocatura per creare un effetto movimento. Selezioniamo il livello del testo e ancora: Anima > Sfocatura.

Attenzione perchè selezionando invece "Selettore Intervallo1" poi Anima > Sfocatura, l'effetto Sfocatura subirà gli effetti di Animatore1 invece noi vogliamo creare un nuovo Animatore2.
Animiamo ancora Start di Animatore2 da 0,7 a 1 secondo da 0 a 100, mentre diamo solo al valore Y di Sfocatura: 7.
In questo modo applichiamo alla parte del testo che è codice impazzito una sfocatura verticale, come se si stessero muovendo velocemente.

8.

Aggiungiamo ancora l'effetto Trasparenza: Anima > Trasparenza.

Animando l'effetto con questi parametri:

Adobe After Effects 8.0 Keyframe Data

Units Per Second 25
Source Width 1
Source Height 1
Source Pixel Aspect Ratio 1
Comp Pixel Aspect Ratio 1

Text Animators Animator #3 Selectors Range Selector #1 Start #1
Frame percent
0 0
8 100
34 100
35 0
40 100

Text Animators Animator #3 Selectors Range Selector #1 End #2
Frame percent
34 100
35 0

Text Animators Animator #3 Selectors Range Selector #1 Offset #3
Frame percent
0

Text Animators Animator #3 Properties Opacity
Frame percent
0

End of Keyframe Data

il testo apparirà e scomparirà da sinistra a destra.

9.

Ora potete duplicare il livello testo, modificare le parole a vostro piacimento e posizionarle dove volete nel video, gli effetti verranno mantenuti. Anche sul testo ho applicato due effetti di Bagliore per dare luminosità.

Anche questo tutorial non è semplice da seguire senza il file di progetto.
Scaricatelo a inizio paragrafo.
Se c'è qualcosa di poco chiaro commentate, cercherò di aiutarvi.

Bye.

Tutorial scritta a penna.

2009-01-15T01:08:00.000-08:00

Mi hanno chiesto di scrivere un tutorial su come far apparire una scritta in After Effects, come se fosse scritta a penna. Eccovi accontentati. Non è affatto difficile, ma anche in questo caso ho un paio di dritte da darvi. Ecco il risutato:

1. Aprite Illustrator, create una composizione 640 x 480 RGB o comunque una grandezza simile. Selezionate lo strumento "matita" (pencil tool) e fate una scritta a mano in corsivo per esempio. Non importa che la scritta sia continua o no. L' uso di una tavoletta grafica in questi casi è fondamentale.

Selezionando il tracciato con la freccia bianca, vengono visualizzati i punti che Illustrator ha creato in automatico. Selezionateli tutti e copiateli (ctrl + C).

2. Aprite After Effects create una composizione con queste impostazioni:

3. Create poi un solido: Livello > nuovo > solido.

Il colore è bianco sporco tipo carta un pò invecchiata.

4. Selezionate il solido e digitate (ctrl + V), incollerete così i punti disegnati in Illustrator facendoli diventare maschere:

5. Applicate ora al solido l'effetto Stroke di AFX: Effetto > Genera > Tratto ("Stroke" in inglese).

Attivate "All masks" e "Stroke sequentially" ora variando i valori "Start" e "End" la scritta appare e scompare seguendo le linee delle maschere. Considerate che le maschere "chiuse" potrebbero creare problemi con lo sfondo.
Io ho aggiunto anche un movimento di camera una sfumatura e una font a goccia.
Mi raccomando fate i compiti ; )
Scaricate qui sotto il progetto. Ciao.

N.B. Usare il tratto vettoriale di Illustrator aiuta ad ottenere un tratto più morbido e comunque modificabile in seguito tramite le curve di Bezier. Altrimenti un modo più rapido per animare tratti disegnati a mano, si ottiene utilizzando l'effetto Paint di After Effects.

www.thisappear.com/download/tutorialpenna.zip

Tutorial rami che crescono

2008-12-05T05:23:00.000-08:00

Con questo tutorial andremo a creare con After Effects un effetto grafico in cui appaiono dei rami e delle foglie che nascono e crescono.
Il risultato è il seguente:

1.
Cominciamo stavolta aprendo Adobe Illustrator. In un documento nuovo disegnamo un ramo. Possiamo anche ricalcarlo da una foto importata. Più il ramo è rigoglio so più l'effetto è accattivante ma anche più difficile da realizzare. Io ho disegnato un ramo abbastanza semplice senza foglie.

2.
Illustrator ha una funzione molto comoda, cioè da la possibilità di copiare i punti disegnati, incollarli in After Effects su un solido e trasformarli in maschera. Quindi, con la freccia bianca selezionare tutti i punti del ramo, copiamo (ctrl+c). Apriamo After, andiamo a creare una nuova composizione con le seguenti impostazioni:

3.
Andiamo a Creare un solido grigio scuro della grandezza della composizione: Livello > nuovo > solido > grandezza della composizione, ok. Selezioniamo il livello del solido e (ctrl+v), incolliamo i punti copiati prima. Apparirà sul solido una maschera con la stessa forma del ramo di illustrator. Assicuriamoci che la maschera sia chiusa per evitare che si creino artefatti. Ecco il risultato:

4.
Ora dobbiamo animare questa maschera in modo da svelare il ramo nel tempo. Supponiamo di voler far durare la creschita due secondi. Ci posizioniamo con il cursore a due secondi e attiviamo l'orologino del tracciato maschera. Ora posizioniamo il cursore a zero secondi e con un pò di pazienza raggruppiamo tutti i punti della maschera verso sinistra, vicino la base del ramo. Per aiutarci selezioniamo la freccia dagli strumenti, selezioniamo un gruppo di punti della maschera e spostiamoli verso sinistra come se dovessimo accorciare il ramo creando qundi un ceppo più piccolo e facendo attenzione a non lasciare curve strane. In tal caso accorciamo le maniglie bezier. Non importa come siano messi esattamente i punti, l'importante è che siano "ammucchiati":

muovendo la testina della timeline da zero a due secondi possiamo vedere il ramo che cresce da sinistra verso destra. Per rendere questo movimento più accattivante, possiamo mettere più keyframe nel tempo e far crescere prima una parte poi un'altra del ramo.

5.
Applicando l'effetto "riduzione mascherino", al solido e animandolo nel modo giusto faremo in modo che i il ramo si espanda, dando davvero l'idea che si ingrandisca. Questo effetto se applicato bene è molto efficace: Effetti > mascherino > riduzione mascherino.

Io l'ho animato in questo modo (copia il keyframe data e incollalo sul livello del ramo)
oppure fai riferimento al progetto scaricato.

Adobe After Effects 8.0 Keyframe Data

Units Per Second 25
Source Width 700
Source Height 240
Source Pixel Aspect Ratio 1
Comp Pixel Aspect Ratio 1

Effects Matte Choker #1 Geometric Softness 1 #2
Frame
0 7.9
71 0

Effects Matte Choker #1 Gray Level Softness 1 #4
Frame percent
0 9
28 16.6337
101 69

End of Keyframe Data

6.
Facciamo una cosa simile su un altro solido di colore arancione. Nuovo > solido, ok. Disegnamo una maschera a forma di foglia con 4 o 5 punti e la facciamo crescere in un paio di secondi di tempo, animando il tracciato maschera.

Applichiamo anche alla foglia l'effetto "riduzione mascherino" animato.

7.
Duplichiamo il livello foglia e adorniamo il ramo con varie foglie messe con angolazione diversa o forma diversa. Ricordiamoci di sfalzare i livelli nel tempo e far in modo che le foglie appaiano solo quando il ramo gli è cresciuto sotto:

Infatti le foglie sono animazioni separate dal ramo. In realtà è possibile animare il ramo che cresce con le foglie già disegnate, solo che le foglie dovranno essere dello stesso colore del ramo.

8.
Andiamo a creare una nuova composizione con le seguenti impostazioni:

Qui metteremo i rami nello spazio 3D e faremo una carrellata indietro con la telecamera virtuale.

9.
Velocemente mettiamo: una telecamera virtuale (50mm): Nuovo > telecamera > 50mm; inserire due volte la composizione del ramo e attiviamo la terza dimensione cliccando sul cubetto. Una la spostiamo più in profondita sull'asse Z (sistematele a sinistra per una corretta inquadratura, come nell'immagine) inoltre sfalziamo i livelli nel tempo per far crescere prima un ramo poi l'altro; aggiungiamo una luce Nuovo > luce > tipo: faretto (o spot), con cui illumineremo i rami. Il colore di sfondo della composizione è bianco. Io ho aggiunto un solido arancione sfumato con una maschera ovale per dare profondità.

10.
Bene. Ora mancano solo alcuni dettagli. Ricordiamoci di attivare la voce "Accetta Luci" sui livelli dei rami, altrimenti la luce non li illumina. Il cono di luce rende i colori dei rami più sfumati.

Cerchiamo di fare un movimento di camera interessante. Io ho fatto una lenta carrellata indietro e ho usato la profondità di campo per mettere a fuoco prima il ramo posteriore poi quello anteriore. Il metodo è quello di fissare un'apertura e animare il fuoco.

Lasciate uno spazio in basso se volete per aggiungere del testo.

Spero sia tutto chiaro. Avere delle conoscenze di base del programma sicuramente aiuta.
Se qualcuno ha delle domande anche banali sul funzionamento specifico di uno strumeto di After Effects può scrivere un commeto o una mail e vedrò di fare un tutorial apposito.

Il file di progetto di questo tutorial è su:

www.thisappear.com/download/rami.zip

Bye

Tutorial battitura testo

2008-12-03T08:23:00.000-08:00

Spesso può essere utile creare dei titoli in After Effects, facendo comparire il testo una lettera dopo l'altra come scritto da una stampante, una macchina da scrivere o digitato da tastiera con il cursore etc... così:

è semplice ma non così scontato. Quindi.

1.
Creiamo una nuova composizione con queste impostazioni:

2.
Prendiamo lo strumento "Testo" e scriviamo quello che vuoi al centro dello stage.

3.
Aprendo il sottomenu del livello "testo" apparirà un bottoncino a destra chiamato "Animazione":

Cliccare e scegliere dal menu a tendina "Opacità".

4.
Verrà aggiunto al livello testo un sottomenu chiamato "Animatore1" che ha all'interno il parametro "Opacita" abbassiamolo a zero. Variando i parametri "Start" e "End" dell'animatore la scritta appare e scompare.

Modificando il parametro "morbidezza" (o smoothness) sotto "Avanzate" le lettere appariranno più o meno morbidamente. Io ho animato le lettere in modo che appaiano e scompaiano seguendo sempre la stessa direzione. Questo metodo può essere applicato anche a più proprietà del testo contemporaneamente. Provatele.

Qui potete scaricare l'animazione:

http://www.thisappear.com/download/BattiTesto.zip

Bye

Tutorial Gocce.

2008-11-28T08:30:00.000-08:00

In questo tutorial andremo a creare un bumper grafico usando 3D Stroke, un plugin di Trapcode molto versatile con il quale è possibile creare delle linee, manipolarle e farle muovere nello spazio 3D di After Effects con la possibilità di collegarle alla Telecamera virtuale.
Il progetto è scaricabile dal seguente link:

www.thisappear.com/download/3Dgocce.zip

Il risultato sarà questo:

1.
Andiamo a creare una composizione chiamata "originale" con queste impostazioni:

2.
Mettiamo alla nostra composizione un colore di sfondo Bianco, quindi: Composizione > Colore di sfondo, scegliere il bianco. Poi creare un nuovo solido nero, disegnare una maschera a forma di rombo e la sfumiamo incrementando il valore "Sfumatura maschera".

3.
Andiamo a creare una Telecamera con un obiettivo di 50mm. Livello > nuovo > Telecamera. Queste le impostazioni:

4.
Ora andiamo a creare le nostre gocce nere. Creiamo un solido di qualsiasi colore della grandezza della composizione. Livello > nuovo > solido. Cliccare su "Adatta alla comp", ok.
Disegnamoci sopra con la penna una maschera non chiusa e curva non troppo grande:

5.
La maschera ci serve per applicare il 3D Stroke. Effetti > Trapcode > 3DStroke. Le impostazioni date al 3D Stroke non generano una linea ma una forma nera animata che ricorda una goccia:

6.
Le impostazioni di base sono le seguenti. Alcune però devono essere animate. Per questa fase vi consiglio di fare riferimento al progetto scaricato.

Comunque scriverò di seguido il Keyframe Data di After Effects per il livello 3D Stroke. (Copiare ed incollare sul livello del 3D Stroke il testo seguente. Verranno automaticamente generati dei Keyframe):

Adobe After Effects 8.0 Keyframe Data

Units Per Second 25
Source Width 480
Source Height 270
Source Pixel Aspect Ratio 1
Comp Pixel Aspect Ratio 1

Effects 3D Stroke #1 Start #8
Frame
54 0
64 100

Effects 3D Stroke #1 End #9
Frame
45 0
71 100

End of Keyframe Data

7.
Ora dobbiamo effettuare una operazione un pò complessa. Creata la prima goccia e facendo in modo che si muova verso di noi (verso la Telecamera), dobbiamo creare delle copie del livello (Ctrl+D) per creare altre gocce. Ogni nuova goccia la modifichiamo usando il sotto menu Trasform dell'effetto 3D Stroke e modificando la curva della maschera. Dobbiamo fare in modo che una dopo l'altra seguano un percorso verso di noi. Io ho simulato un tuffo e delle gocce che poi saltano verso l'alto.

Ho aggiunto in seguito una scritta che esce fuori dall'acqua.

8.
Tra le gocce appare una linea fatta di puntini. Anche quella è generata con 3D Stroke. Quindi create un nuovo solido, applicate il 3DStroke, disegnate una maschera molto lunga stavolta. e modificate i valori "Bend" per variare la forma e "AdjustStep" per la quantità di pallini da visualizzare.

anche in questo caso dovrete animare lo Start e End per far apparire e scomparire la linea:

Adobe After Effects 8.0 Keyframe Data

Units Per Second 25
Source Width 480
Source Height 270
Source Pixel Aspect Ratio 1
Comp Pixel Aspect Ratio 1

Effects 3D Stroke #1 Color #5
Frame alpha red green blue
255 0 0 0

Effects 3D Stroke #1 Thickness #6
Frame
2.7

Effects 3D Stroke #1 Feather #7
Frame
0

Effects 3D Stroke #1 Start #8
Frame
18 0
46 100

Effects 3D Stroke #1 End #9
Frame
0 0
43 100

Effects 3D Stroke #1 Offset #10
Frame pixels
0

End of Keyframe Data

9.
A questo punto dovremmo avere la linea, la scritta e tutte le nostre gocce animate. E' interessante fare un movimento di camera che segua tutto il percorso. Ricordiamoci di modificare le curve di movimento affinchè la carrellata risulti più morbida.

10.
Per creare la riflessione in basso, duplichiamo nella libreria la composizione "Originale" e la copia la chiamiamo "Riflesso". Ribaltandola e applicando una maschra sfumata otterremo una riflessione.

E' importante però modificare alcune parti della composizione "Riflesso" perchè sia verosimile, tipo nascondere qualche livello e adattare la posizione della scritta all'originale.

11.
In fine aggiungere durante il percorso degli anelli animati tridimensionali che aiutino a dare l'idea di una superficie d'acqua.

Mi rendo conto che questo tutorial è un pò complesso. Aiutatevi con il progetto scaricabile a inizio pagina.
Bye.

Tutorial viso particellare

2008-11-06T03:28:00.001-08:00

Con questo tutorial andremo a creare un effetto grafico video utilizzando Particular (Trapcode) per After Effects e una clip dimostrativa di ArtBeats. Nella sezione "Link utili" sono elencati alcuni siti dove comprare clip video di ottima qualità o dove è possibile scaricare gratuitamente delle clip dimostrative.

N.B. Il tutorial descritto ha il solo scopo dimostrativo e non ha fini di lucro. L'utilizzo di questo materiale e di responsabilità del fruitore stesso.

Il video finale sarà questo:

1.
Apriamo un nuovo progetto in After Effects e Creiamo una composizione con i seguenti parametri:

2.
Dal menu "livello" creiamo un nuovo solido con questi parametri e colore:

3.
Disegnamo una maschera a forma di rombo sul solido e la sfumiamo.
In questo modo andiamo creare uno sfondo per il nostro video. Questo livello infatti rimarra sempre ultimo.

4.
Importiamo ora nella libreria il video della ragazza (viso.mov) e applichiamo 2 effetti:

1 - Effetti > Correzione colore > Luminosità e Contrasto.
2 - Effetti > Trasparenza > Trasparenza colore.

Per entrambi gli effetti mettiamo i seguenti valori:

5.
Di questo video ci serviranno solo alcune parti, quindi useremo 3 maschere per mostrare solo ciò che ci interessa: l'occhio, il naso e la bocca. Come si vede nell'immagine, per l'occhio e il naso possiamo usare delle maschere ovali, per la bocca è bene usare la penna per disegnare intorno al perimetro delle labbra in modo più accurato.
Disegnate le maschere, mandando in play vediamo che durante la riproduzione del video la ragazza si muove leggermente. Noi dovremo animare il "tracciato maschera" di tutte le maschere per mantenere ben visibili occhio naso e bocca, come mostrato nell'immagine sottostante. (Io ho preso del video solo la parte centrale in cui il palloncino scoppia cioè quello che va da01:11
secondi a 04:15 secondi, poi ho tagliato la composizione che dura ora solo 3 secondi e 4 frames).

6.
Duplichiamo il livello viso. Nel livello "viso.mov" (2° livello), cancelliamo le tre maschere (qui non ci servono) e cancelliamo l'effetto "trasparenza colore", mantenedo solo l'effetto "Luminosità e contrasto". Andiamo a creare un nuovo solido con le dimensioni della composizione, non importa il colore e lo mettiamo come penultimo livello, subito sopra lo sfondo. Qui applicheremo il particellare.

7.
Selezioniamo il penultimo livello (il solido) e applichiamo il Particular: Effetti > Trapcode > Particular. Con un pò di pazienza, inserire i parametri del particular secondo le immagini seguenti:

Alcuni parametri, per migliorare l'effetto, li ho animati. Nella cartella di progetto c'è un file chiamato "Parametri_Particular.txt". Apriamo il file, copiamo tutto il testo poi torniamo su After Effects selezioniamo il livello solido con il Particular e incolliamo. Magicamente i keyframe di animazione appaiono sulla timeline. La possibilità di incollare i keyframe su un file di testo è una funzione molto comoda di After Effects.
Nascondendo i due video "viso.mov" cliccando sull'occhietto a sinistra, già sono visibili le particelle bianche.

Al livello del particellare, ho dato all'inizio una assolvenza per far apparire le particelle in modo più morbido.

8.
In fine rendiamo visibili nuovamente i livelli "viso.mov" e applichiamo al livello particellare, sotto la colonna "TrkMat", (Mascherino Luminanza "viso.mov"). (Se la colonna non appare, premere il bottone sotto "Attiva/Disattiva Switch/Modes"):

9.
Il video è completo. Il risultato è il seguente:

Spero sia tutto chiaro. In caso contrario comunicatemelo aggiungendo commenti al post, cercherò di rimediare.
Al link:

http:\\www.thisappear.com\download\TutorialViso.zip\

troverete tutto il progetto. Divertitevi.

Plugin per After Effects

2008-10-28T09:46:00.000-07:00

After Effects è un programma di compositing video molto versatile. Uno dei vantaggi più grandi, è la compatibilità con centinaia di utili plugin sviluppati negli ultimi anni.
Alcuni servono principalmente a semplificare il lavoro, altri ad aggiungere alle composizioni degli effetti davvero accattivanti.
Ecco qui una lista di alcuni plugin più utili e usati:

CASA PRODUTTRICE, PLUGIN

Trapcode, Particular - 3D Stroke - Shine - Lux.
The Orphanage, Magic Bullet Suite
Red Giant, Boris AE
Red Giant, Image Lounge
Atomic Power, Psunami
Delirium, DigiEffects Delirium
Delirium, DigiEffects Cinelook
Alien Skin, EyeCandy
RE:Vision, RE:vision plugin

continua...

Nel menu "LINK UTILI" a sinistra ci sono delle pagine web dedicate ai plugin ne troverete altri, alcuni scaricabili gratuitamente.

Scegliere MAC o PC?!?

2008-10-27T02:01:00.000-07:00

Ovviamente restringeremo il campo, facendo riferimento al video.
Infatti possono esistere dei criteri per scegliere un Mac o PC ma variano a seconda di ciò che dobbiamo fare.
Fino a qualche anno fa avrei detto che per fare video un buon PC era l'ideale. Infatti un PC con una buona configurazione, con un sistema operativo abbastanza stabile come WindowsXp - Service Pack 2 era una buona macchina su cui è possibile installare ogni tipo di programma.
Sul MAC invece non è sempre stato possibile installare tutti i programmi disponibili per PC inclusi: programmi di gestione file, plugin meno diffusi ma comunque molto utili, programmi nati per PC come per esempio 3D Studio MAx. Inoltre il processore MAC dava non pochi problemi di gestione di alcuni programmi. Il più lampante per il web era sicuramente Flash. Infatti i contributi flash (.swf) riprodotti su MAC non riuscivano a raggiungere una velocità superiore ai 12 fps, risultando tremendamente lenti.

Oggi invece sia la Microsoft che la Apple hanno apportato numerosi cambiamenti ai loro sistemi.

La Microsoft ha prodotto Windows Vista, un nuovo sistema operativo molto più pesante del precedente e che a vantaggio della sicurezza, risulta più chiuso. Quindi ci sono stati non pochi problemi per coloro che passando da Xp a Vista non hanno trovato disponibili i driver di alcune componenti elettroniche (magari un pò più vecchie) del proprio PC, correndo il rischio che qualcosa non funzionasse. Inoltre ancora oggi non tutti i programmi, programmini e plugin meno diffusi, sono compatibili con Vista. Speriamo che riescano a risolvere questi problemi con la fututa versione di Windows che sembra si chiami Microsoft - Windows 7.

La Apple invece ha fatto il grande passo convertendo il processore a Intel Inside. Quindi molti dei programmi prima non compatibili col vecchio processore MAC ora posso essere usati senza problemi. Addirittura volendo è possibile installare una versione di Windows e usarlo sul proprio MAC e viceversa. Inoltre la Apple ha sviluppato nuovi sistemi operativi con utilità davvero avanzate e nuove applicazioni molto utili per la grafica e per il video, che non devono preoccuparsi troppo per la sicurezza e l'integrità del sistema connesso alla rete, dato che ancora non esistono virus seriamente pericolosi per MAC.

C'è da dire che il prezzo di un MAC a parità di specifiche tecniche è più alto di quello di un PC per il semplice motivo che le componenti hardware sono buone e adatte al sistema operativo, il design è decisamente accattivante e il servizio di assistenza è un importante valore aggiunto.
Al PC resta sicuramente il grande vantaggio di essere un sistema più aperto, quindi si possono modificare a piacimento le componenti quando e come si vuole a prezzi vantaggiosi, a menochè si tratti di un PC preassemblato di marca che comunque gode di garanzia.

In conclusione, è possibile fare video con entrambi i sistemi. Anche se personalmente credo che, nonostante abbia sempre usato PC, passerò presto a MAC. In effetti sarebbe opportuno lavorare o comunque saper lavorare con entrambi.

FONDAMENTALE.
Il computer quando si lavora con il video specialmente con flussi HD o 3D, è sottoposto al massimo dello sforzo e i programmi sfruttano tutte le risorse del sistema. Quindi è importantissimo usare il PC solo per lavorare. Evitando di installare sfondi, screensaver, giochi, antivirus e firewall troppo invasivi, e-mule e torrent installati o configurati male che affettano il sistema. La causa fondamentale di instabilità del sistema è la quantità di "sporcizia" installata che intacca il sistema operativo. Se comprendete questo concetto di "ESSENZIALITA" avrete la vita molto più facile.

Parlando di video

2008-10-23T07:47:00.000-07:00

Facciamo subito un pò di chiarezza. Come si dice???
Video producer, video maker, video graphic designer, motiongraphic designer insider wonder, videomotiongraphic designer motion 3, viodotiongrpherdoti94(/&(/==)/(

OOHHH!! e che è????
Non lo so neanch'io come si dice. Ho scelto un nome corto e internazionale. "Video Designer".

I programmi più diffusi per l'editing e compositing video a oggi sono:

EDITING: Programmi per montare filmati video creati in grafica o girati.

. Final Cut
. AVID
. Premiere

COMPOSITING: Programmi per elaborare video, immagini, immagini vettoriali, testi ed effetti di vario genere con i quali creare una composizione video.

. After Effects
. Combustion
. Shake (non più prodotto)

3D: Programmi per creare filmati o oggetti tridimensionali.

. 3D Studio Max
. Maya
. Cinema 4D

Io uso fondamentalmente After Effects, Premiere e tutta la suit Adobe. Combustion, 3D Studio Max. Ma soprattutto.. MAC o PC??
Beh.. vi confesso che sono in un periodo di transizione, credo che presto passerò a MAC.
Ma a questo argomento dedicherei un POST APPOSTA : ))