Integrare il lavoro svolto con Photoshop ed ImageReady con un software dedicato principalmente all'animazione come Macromedia Flash, richiede una ulteriore fase di ottimizzazione ed alcuni accorgimenti che non saranno ignoti a chi lavora per il web con questo applicativo:
Il layout può essere importato in Flash sia come immagine intera, sia come layout sezionato. Nella seconda ipotesi è chiaro che bisogna "ricostruirlo" ovvero ricomporre tutte le immagini in una sola in quanto la suddivisione è dettata da altre esigenze d'uso.
Dunque con Flash è inutile che il layout sia importato come immagine suddivisa, non avendo necessità di essere strutturato in tabelle o CSS. È invece una scelta corretta usare Actionscript per caricare dinamicamente i contenuti testuali e non.
L'ulteriore fase di ottimizzazione è quella di ricreare in Flash tutti gli elementi che possono essere prodotti in vettoriale, invece di utilizzare le immagini raster prodotte da ImageReady. Vanno riprodotte in vettoriale immagini con tinte piatte oppure le campiture di sfumature lineari o radiali.
Con il vettoriale di Flash è possibile risparmiare moltissimo sulla dimensione del filmato, ed anche migliorare il risultato finale in termini estetici evitando la tipica perdita di risoluzione che può subire un'immagine raster durante le interpolazioni.
Nel caso le immagini raster importate siano poco adatte ad essere convertite in vettoriale, una buona tecnica in Flash è quella di posizionarle su un livello che poi blocchiamo, e "ricalcarle" con gli strumenti di disegno su un livello superiore. A lavoro finito possiamo rimuovere il livello dell'immagine raster e quest'ultima dalla libreria.
Lo stesso processo è applicabile anche ad alcuni tipi di fotografie, specialmente se molto contrastate, che possono presentare grosse campiture di tinte piatte o sfumature facilmente riproducibili.
Usare SVG per creare sfondi flessibili, scalabili e divertentiScopriamo cos'è il formato SVG e come possiamo usarlo in modo... |
Photoshop: effetto multicorniceSpezzettare un'immagine grande in una serie di immagini più piccole,... |
Photoshop: effetto vetro sul testoRealizziamo una scritta con un effetto riflettente che ricorda quel... |
Creare un biglietto di auguri per NataleUn tutorial natalizio per realizzare in pochi passi un accattivante... |
Creare forme tridimensionali con PhotoshopPasso per passo un tutorial che vi guiderà nella creazione di forme... |
Guida Photoshop CS4Disegno, fotoritocco, effetti con Photoshop CS4: impariamo a usare... |
Guida Expression DesignImparare ad elaborare immagini vettoriali di grande impatto e... |
Guida BlenderUn percorso pratico alla scoperta del software 3D open source per... |
Ogni settimana, direttamente nella tua e-mail: guide, articoli, tutorial e FAQ su Web Design e grafica per il Web.
Iscriviti alla newsletter