Operazioni con i file PSD di Photoshop in Animate

Potete utilizzare Adobe® Photoshop® e Adobe® Animate® insieme per creare applicazioni, animazioni o elementi di messaggistica interattiva di forte impatto visivo. Photoshop consente di creare immagini statiche e non, offrendo un alto grado di controllo creativo. Animate consente di riunire queste immagini statiche e di incorporarle in contenuto interattivo per Internet.

Gli strumenti di disegno e selezione di Photoshop offrono un maggior grado di controllo creativo di quelli presenti in Animate. Per creare immagini complesse o ritoccare foto da utilizzare in presentazioni interattive, è preferibile utilizzare Photoshop per poi importare le immagini finite in Animate.

Importazione di immagini statiche in Animate

Utilizzando Animate è possibile importare immagini statiche in molti formati, ma in genere per l'importazione da Photoshop in Animate si utilizza il formato PSD nativo di Photoshop.

Quando viene importato un file PSD, Animate è in grado di mantenere molti degli attributi applicati in Photoshop e fornisce opzioni per mantenere la fedeltà visiva dell'immagine e per modificare quest'ultima ulteriormente. Quando importate un file PSD in Animate, potete scegliere se rappresentare ogni livello Photoshop sotto forma di livelli di Animate o di singoli fotogrammi chiave.

(Solo CS6 e versioni precedenti) Scambio di filmati QuickTime

Potete scambiare file video QuickTime tra Photoshop e Animate. Per esempio, è possibile eseguire il rendering di un filmato QuickTime direttamente da Photoshop, quindi importarlo in Animate e convertirlo in file FLV (video Animate), eseguibile in Flash Player.

Quando utilizzate Photoshop per modificare delle riprese video, potete colorare i fotogrammi in modo non distruttivo. Quando un file di Photoshop viene salvato con un livello video, si salvano le modifiche apportate al livello video, non alle riprese stesse.

È anche possibile esportare documenti Animate come video QuickTime, per importarli poi in Photoshop, che consente di colorare in modo non distruttivo i fotogrammi video. Ad esempio, potreste creare una sequenza animata in Animate, esportare il documento Animate come video QuickTime, quindi importare il video in Photoshop.

Colore

Animate lavora internamente con i colori nello spazio colore RGB (rosso, verde, blu) o HSB (tonalità, saturazione, luminosità). Sebbene sia in grado di convertire le immagini CMYK in RGB, è preferibile creare le immagini Photoshop in RGB. Prima di importare immagini CMYK da Photoshop in Animate, eseguite in Photoshop la conversione delle immagini in RGB.

Animate consente di importare i file PSD di Photoshop conservando la maggior parte dei dati dell'immagine. L'Importatore file PSD permette di stabilire il modo in cui l'immagine Photoshop viene importata in Animate, permettendo di specificare la modalità di importazione di oggetti specifici di un file PSD e di indicare che il file PSD venga convertito in un clip filmato di Animate.

L'Importatore file PSD di Animate fornisce le seguenti funzionalità di base:

• I file PSD importati in Animate conservano la fedeltà dei colori nella conversione da Photoshop.

• Conservazione della possibilità di modificare i metodi di fusione comuni a Animate e Photoshop.

• Gli oggetti avanzati contenuti nel file PSD vengono rasterizzati e importati in Animate come bitmap; ciò consente di mantenere la trasparenza degli oggetti.

• Converte i livelli del file PSD file in singoli livelli o fotogrammi di Animate oppure importa il file PSD sotto forma di un'unica immagine bitmap, nel qual caso Animate “appiattisce” (rasterizza) il file.

• Il trascinamento da Photoshop a Animate attiva l'Importatore file PSD, che permette di specificare in che modo importare l'immagine di Photoshop.

Video ed esercitazioni

I video e le esercitazioni seguenti spiegano come lavorare con Photoshop e Animate. 

• Video: Designing websites with Photoshop and Flash (CS3) (6:01)

• Blog: Want to create Photoshop apps with AIR, Flash, and AS3? (Daniel Koestler, Adobe)

Compatibilità tra Animate e Photoshop

Alcuni attributi visivi non sono importabili in modo accurato oppure in seguito all'importazione perdono la possibilità di essere ulteriormente modificati nell'ambiente di creazione di codice Animate. L'Importatore file PSD fornisce diverse opzioni con cui effettuare l'importazione e l'inserimento delle immagini mantenendo l'aspetto visivo e la possibilità di modificare le immagini. Tuttavia, alcuni attributi visivi non possono essere mantenuti. Le seguenti linee guida permettono di migliorare l'aspetto dei file PSD importati in Animate:

• Animate supporta esclusivamente lo spazio colore RGB e non lo spazio colore CMYK, comunemente utilizzato per la stampa. Animate supporta la conversione delle immagini CMYK in RGB; tuttavia, i colori vengono conservati meglio se convertiti da CMYK a RGB in Photoshop.

• Animate è in grado di importare i seguenti metodi di fusione di Photoshop, mantenendo la possibilità di modificarli: Normale, Scurisci, Moltiplica, Schiarisci, Scolora, Luce intensa, Differenza e Sovrapponi.

  Se utilizzate un metodo di fusione non supportato da Animate, potete rasterizzare il livello per mantenerne l'aspetto visivo o rimuovere il metodo di fusione dal livello.

• Animate non è in grado di importare oggetti avanzati di Photoshop come oggetti modificabili. Per mantenere gli attributi visivi degli oggetti avanzati, questi vengono rasterizzati e importati in Animate come bitmap.

• Animate è in grado di importare soltanto il primo fotogramma dei livelli video di Photoshop.

• Quando vengono importati in Animate, i livelli di immagine e di riempimento vengono sempre rasterizzati.

• Gli oggetti PNG in Photoshop vengono convertiti in file JPG al momento dell'importazione in Animate. La trasparenza del PNG originale rimane inalterata nel file JPG risultante.

• Photoshop produce risultati migliori nel ridimensionamento delle immagini bitmap rispetto a Animate. Se prevedete di ridimensionare in Animate una bitmap proveniente da Photoshop, ridimensionatela in Photoshop prima di importarla in Animate.

• Quando importate oggetti che contengono aree trasparenti come bitmap appiattite, tutti gli oggetti che si trovano dietro la porzione trasparente dell'oggetto sono visibili attraverso l'area trasparente (supponendo che vengano importati anche gli oggetti situati dietro l'oggetto che contiene la trasparenza). Per evitare questa situazione, importate solo l'oggetto trasparente come bitmap appiattita.

  Per importare più livelli e mantenere la trasparenza escludendo però eventuali residui visibili dei livelli che si trovano dietro la trasparenza, importate il file PSD utilizzando l'opzione Immagine bitmap con stili livello modificabili. In questo modo gli oggetti importati vengono incapsulati in un clip filmato, del quale utilizzano la trasparenza. Questa soluzione è particolarmente utile quando occorre animare livelli diversi in Animate.

PSD è il formato predefinito dei file Photoshop. Animate può importare direttamente i file PSD e mantenere molte funzionalità dei file di Photoshop, permettendo di conservare la qualità delle immagini e la possibilità di modificare il file PSD in Animate. Potete inoltre “appiattire” i file PSD durante l'importazione, creando un'unica immagine bitmap che conserva gli effetti visivi dell'immagine ma in cui vengono rimosse le informazioni dei livelli gerarchici proprie del formato di file PSD.

Per il video dell'esercitazione sulla progettazione di siti Web con Photoshop e Animate, consultate il sito www.adobe.com/go/vid0201.

L'importazione di un file PSD nella libreria prevede una procedura analoga all'importazione nello stage. Quando si importa un file PSD nella libreria, la cartella principale utilizza il nome del file PSD. Dopo l'importazione del file PSD nella libreria potete modificare il nome della cartella principale o spostare i livelli al di fuori della cartella.

Nota: nella libreria i contenuti del file PSD importato vengono ordinati alfabeticamente. Il raggruppamento gerarchico e la struttura delle cartelle restano invariati, ma vengono riordinati alfabeticamente nella libreria.

Viene creato un clip filmato che include tutto il contenuto del file PSD importato nella linea temporale come se il contenuto fosse stato importato nello stage. Alla maggior parte dei clip filmato è associata una bitmap o un'altra risorsa. Per ridurre al minimo le possibilità di confusione e i conflitti di assegnazione dei nomi, queste risorse vengono conservate in una cartella Risorse collocata nella stessa cartella del clip filmato.

Nota: quando eseguite l'importazione nella libreria, i contenuti del file PSD vengono importati nella linea temporale del clip filmato e non nella linea temporale principale di Animate.

Quando importate un file di Photoshop che contiene diversi livelli, potete impostare le seguenti opzioni:

In Photoshop gli oggetti di testo sono dei livelli di testo. È possibile specificare come eseguire l'importazione del testo in Animate.

Un oggetto Livello forma è un oggetto che era originariamente un livello forma in Photoshop o un livello immagine a cui è stata applicata una maschera di ritaglio vettoriale.

Se il livello immagine o livello riempimento è associato a una maschera vettoriale, esso viene considerato come un oggetto del livello forma.

Una bitmap unita è un oggetto contenente più livelli Photoshop che vengono appiattiti (o uniti) in un'unica bitmap quando vengono importati in Animate. Gli oggetti di una bitmap unita rappresentano i livelli di Photoshop. Per creare una bitmap unita, selezionate due o più livelli e quindi il pulsante Unisci livelli.

Se si importano più oggetti di tipo diverso, Animate consente solo di importare gli oggetti selezionati con le opzioni di importazione che condividono, come Crea clip filmato e Registrazione.

Se si importano più oggetti dello stesso tipo, le opzioni di importazione visualizzate sono identiche a come sarebbero se fosse selezionato un solo oggetto di quel tipo. Se gli oggetti non hanno attributi in comune, le opzioni di importazione visualizzate si trovano in uno stato non determinato e il risultato ottenuto potrebbe differire da quello desiderato.

Potete importare una cartella di gruppo come clip filmato o collocare ogni livello del gruppo su un proprio livello o fotogramma chiave della linea temporale.

Se si seleziona Importa come clip filmato, ogni livello della cartella di gruppo viene collocato su un livello di un clip filmato, che viene poi collocato su un proprio livello o fotogramma chiave della linea temporale. Il clip filmato utilizza lo stesso nome assegnato alla cartella di gruppo in Photoshop; se importate il clip filmato in un livello di Animate, il livello utilizza lo stesso nome.

Se non inserite il gruppo in un clip filmato, ogni livello viene convertito nel tipo attualmente impostato per esso e ogni livello del gruppo viene importato in un livello di Animate distinto. I livelli di Animate vengono denominati in base ai singoli livelli del file PSD.

L'Importatore file PSD permette di unire due o più livelli in una bitmap che viene importata come un file bitmap singolo anziché come diversi oggetti individuali.

I livelli selezionati per creare una bitmap unita devono formare un intervallo continuo di due o più livelli della stessa gerarchia. Ad esempio, non potete selezionare un livello situato all'interno di un gruppo e un livello situato all'esterno di quel gruppo e poi unirli: dovete selezionare l'intero gruppo e il livello separato.

Le opzioni di pubblicazione dell'Importatore file PSD consentono di specificare il grado di compressione e la qualità del documento da applicare all'immagine quando pubblicate il documento Animate come file SWF. Queste impostazioni hanno effetto soltanto quando pubblicate il documento come file SWF e non hanno effetto sull'immagine quando essa viene importata nello stage o nella libreria di Animate.

La finestra di dialogo Preferenze di Animate consente di impostare le preferenze di importazione per i file PSD di Photoshop. Le preferenze specificate per l'importazione dei file PSD hanno effetto sulle opzioni inizialmente inserite nella finestra di dialogo Importa documento Photoshop per i tipi di livello di Photoshop.

Queste opzioni specificano l'impostazione iniziale delle opzioni di importazione dei livelli immagine. Potete importare i livelli immagine sotto forma di:

Queste opzioni specificano l'impostazione iniziale delle opzioni di importazione dei livelli testo.

Queste opzioni specificano l'impostazione iniziale delle opzioni di importazione dei livelli forma.

Questa opzione specifica l'impostazione iniziale delle opzioni di importazione dei gruppi di livelli.

Questa opzione specifica l'impostazione iniziale delle opzioni di importazione delle bitmap unite.

Specifica un punto di registrazione globale per i filmati che vengono creati. Questa impostazione si applica al punto di registrazione per tutti i tipi di oggetto. Questa opzione può essere modificata in base al singolo oggetto nella finestra di dialogo di importazione file PSD; quella indicata è l'impostazione iniziale per tutti i tipi di oggetto. Per ulteriori informazioni sulla registrazione di clip filmato, vedete Modifica simboli.

Le preferenze Impostazioni pubblicazione per un file FLA consentono di specificare il grado di compressione e la qualità del documento da applicare alle immagini quando pubblicate il documento Animate come file SWF. Queste impostazioni hanno effetto soltanto quando pubblicate il documento come file SWF e non hanno effetto sull'immagine quando essa viene importata nello stage o nella libreria di Animate.