Cristian Galletti

Flash CS4: le novità

// settembre 24th, 2008 // Per chi il Web lo fa, Tecnologie

Flash CS3 ha solo 18 mesi di vita ed eccoci a una nuova versione fresca di rilascio. Si sono sentite tante chiacchiere a proposito di Diesel (nome in codice di Flash CS4) e alcuni sostenevano che non sarebbe stata una versione degna di nota… niente di più sbagliato!

Con la versione CS4 Flash si può dire che finalmente è diventato un software Adobe: sì, era ancora molto presente l’impostazione Macromedia e l’integrazione con gli altri tool della suite CS4 era minima. Passi da gigante sono stati fatti nell’interfaccia dell’IDE, aggiunti nuovi strumenti per le animazioni e il supporto nativo per il 3D… ma questa è solo una infarinatura: c’è molto di più.  Seguitemi…

Innanzi tutto quello che sto per scrivere si riferisce a quanto disponibile nella versione beta di Flash CS4 e quindi qualcosa potrà cambiare nella release finale e se sarà così allora sarà mia cura segnalarlo nei prossimi post.

Nuovo ambiente

La prima differenza che si nota al lancio di Flash CS4 è il nuovo IDE (click sull’immagine qui a fianco per uno screenshot): ora di default la timeline è al piede della pagina e il pannello delle proprietà è in una colonna sulla destra con le varie sezioni divise con un layout stile accordion. Nella parte alta (dove c’era la timeline) si notano i tab per la gestione dei file aperti e sopra a questi all’estrema destra un menu per passare da un layout personalizzato o preimpostati. A fianco di questo c’è il campo per la ricerca libera per l’help, la guida o la documentazione.

Una rapida occhiata al pannello delle proprietà: quando è selezionato lo stage si nota che il framerate di default ora è di 24 fps, inoltre (come accade in After Effects) cliccandoci sopra e spostandosi a destra e a sinistra si cambia facilmente il valore… oppure basta un semplice doppio click e digitale il valore desiderato.

La ricerca è ora integrata anche nella libreria e in aggiunta a questo quando si crea un nuovo oggetto è possibile scegliere immediatamente in che cartella della libreria inserirlo.

Parliamo dei nuovi pannelli disponibili: ad esempio dal menu Window>Extensions>Kuler sarà visualizzato un pannello che vi consentirà l’accesso a Kuler per la gestione dei temi colore. Anche con Flash CS3 era possibile ma era necessario installare una extension aggiuntiva. Con il pannello Kuler è possibile quindi visualizzare i temi più popolari, i nuovi e fare una ricerca. Ma non solo… è possibile creare direttamente da qui il proprio tema, aggiungere i colori alla tavolozza colori personalizzata ecc.

Lavorando con gli oggetti sullo stage si nota che Flash CS4 Professional usa Adobe Flash Player per file il render dello stage con una resa realistica del risultato finale identico a quello che si vede testando il filmato.

Animazione

Grandi novità. Adobe ha completamente rivisto il funzionamento e la gestione delle animazioni sulla timeline. Per intenderci si è passati da una timeline-based animation a una object-based animation. Facciamo un esempio di come funzionano le cose ora:

1. Disegno un rettangolo sullo stage.
2. Lo converto in MovieClip. (se non lo fate ve lo chiede automaticamente Flash)
3. Tasto destro sul MovieClip e click su Create Motion Tween.
4. Ora muovo il rettangolo in un altro posto dello stage.

Sulla timeline vengono creati di default 25 frame di animazione con qualcosa di simile a un keyframe alla fine… ma non è un keyframe! Sullo stage vedrete un motion costituito da tanti puntini che collega la posizione iniziale e finale del MovieClip. Personalmente mi è tornato in mente Director e la sua gestione delle animazioni sulla timeline… a voi no? La motion path è ora un vero e proprio oggetto che potete trascinare, spostare, scalare e modificare come una curva di Bezier… non vi basta? Allora sappiate che potete dare alla motion path un instance name e comandarla via ActionScript!
Se non vi piace lavorare con le curve di Bezier potete tranquillamente sostituire la motion path che viene creata di default con quella da voi creata usando lo strumento penna o matita o linea.

Altra grande miglioria: se volete cambiare la durata temporale dell’animazione (per quanto complessa essa sia) semplicemente basta “tirare” il punto finale dell’animazione e allungarla o accorciarla a piacere. Tutto si adatterà in proporzione… fino ad ora bisognava andare a spostare a mano tutti i keyframe.

Per i conservatori amanti della timeline-based animation è ancora possibile lavorare alla vecchia maniera facendo tasto destro sulla timeline e scegliere tra Create Classic Tween oppure Create Shape Tween.

Editor delle animazioni

Ancora in modo simile ad After Effects l’editor delle animazioni permette di controllare ogni caratteristica delle vostre object-based animation: posizione, rotazione, scala, alpha, distorsione, filtri, effetti colore e opzioni 3D (vi basta?). Tutto in modo indipendente: si può muovere un oggetto da sinistra a destra nel tempo di 1 secondo e applicargli un fade alpha da 100 a 0 in mezzo secondo mentre cambia colore e diventerà rosso fra 3 secondi. Questo è il potere della object-based animation.

Ma non finisce qui!

Inverse Kinematics

Inverse Kinematics è il nome utilizzato per l’animazione di strutture articolate costituite da oggetti collegati insieme (come le braccia e le gambe al corpo di un burattino) che si devono muovere compatibilmente a questi vincoli imposti. Per esempio animare un burattino per farlo ballare era abbastanza complicato fino a Flash CS4 perché bisognava considerare globalmente l’animazione di ogni parte del corpo del burattino perché il movimento di un arto provoca il cambiamento dell’animazione degli altri e così via, ma con Inverse Kinematics possiamo ora connettere queste parti senza curarci di come interagiscono tra loro. Per collegare i vari pezzi è stato introdotti lo strumento “Bone” (osso). Collegate le varie parti tra loro è sufficiente editare le proprietà che descrivono come queste interagiscono tra loro: se è permessa solo la rotazione, o solo il movimento su X e Y, oppure se ci sono limiti di movimento come una rotazione limitata a soli 45 gradi invece che girare liberamente.
Grazie al render sempre attivo sullo stage è possibile testare immediatamente la vostra creazione di Inverse Kinematic senza dover fare un test del movie.

Ci sono altri strumenti che sono stati aggiunti a questa nuova versione di Flash. Gli strumenti Deco e Spry che permettono di creare riempimenti personalizzati attingendo come sorgenti grafiche oggetti in libreria. Altri strumenti nuovi sono stati introdotti per la gestione del 3D…

3D in Flash

Flash possiede due strumenti per gestire il 3D, ma ovviamente non è un vero 3D. È una simulazione di un ambiente 3D ottenuta manipolando gli oggetti 2D in uno spazio prospettico: quindi riusciamo a far ruotare oggetti sugli assi X e Y, spostarli in profondità ma non a disegnare un cubo e a ruotarlo (non con questi strumenti nativi). L’implementazione del 3D è qualcosa di fantastico e molto atteso da tutti gli sviluppatori Flash. Grazie agli strumenti 3D Rotation e 3D Translation siamo quindi in grado di simulare movimenti in un ambiente tridimensionale, con animazioni e punti di fuga variabili a nostro piacimento.

Bisogna chiarire una cosa: questo supporto 3D non è assolutamente paragonabile a ciò che si può fare con 3D framework più evoluti come PaperVision.

XFL

Sempre nell’ottica di migliorare la compatibilità e la condivisione dei file tra le varie applicazioni Adobe che lavorano su livelli è stato introdotto un nuovo formato di documento XFL che Flash è in grado di interpretare: Indesign e After Effects possono esportare in questo formato che quindi può ora essere importato in Flash. Probabilmente questo sistema soppianterà anche l’attuale importazione di file di Photoshop, Illustrator ecc. garantendo nessuna perdita di qualità.

Pubblicazione

Cambia lo il JavaScript che automaticamente viene creato per l’inclusione degli SWF in pagine HTML ed ora è molto più simile a SWFObject che al vecchio sistema. Ci sono inoltre due differenti tipologie di pubblicazione Flash Player 10: quella standard e quella con il nuovo motore di visualizzazione dei testi. Altra caratteristica molto importante è la pubblicazione diretta in AIR senza bisogno di Integration Kit e componenti aggiuntivi.

Link utili

• Pagina ufficiale di Flash CS4
• Tutte le caratteristiche sul sito Adobe
• (UPDATE) La video presentazione di Flash CS4 di ActionScript.it