Importare un file di Adobe Photoshop

Importando i file di Adobe Photoshop in un progetto Microsoft Expression Blend, è possibile trasformare la grafica statica in un'esperienza interattiva e visivamente accattivante.

Acquisendo familiarità con le opzioni relative ai livelli disponibili nella finestra di dialogo Importa file Adobe Photoshop, è possibile integrare i file di Photoshop nei progetti Expression Blend in modo più veloce ed efficiente.

Per ulteriori informazioni sulle opzioni relative ai livelli e le funzionalità supportate, vedere le sezioni "Immagine di compatibilità", "Opzioni relative ai livelli e strumenti" e "Supporto delle funzionalità di Photoshop in Expression Blend".

Per importare un file Photoshop

1. Scegliere Importa file Adobe Photoshop dal menu File.

2. Nella finestra di dialogo Importa file Adobe Photoshop, selezionare il file da importare e fare clic su Apri.

   Nella parte sinistra della finestra di dialogo Importa file Adobe Photoshop viene visualizzata un'anteprima del file PSD. Nella parte destra sono presenti un elenco dei singoli livelli nel file nonché importanti informazioni su ciascun livello e un'immagine di compatibilità.

   

3. Nella finestra di dialogo Importa file Adobe Photoshop eseguire le operazioni seguenti:

   • Selezionare i livelli che si desidera importare. In alternativa, è possibile selezionare la casella di controllo Immagine di compatibilità per importare una singola immagine unita.

     Per ulteriori informazioni sull'immagine di compatibilità, vedere che la sezione "Immagine di compatibilità".

   • Se accanto a un livello viene visualizzata un'icona Informazioni , posizionare il puntatore su per visualizzare le informazioni, quindi eseguire una delle operazioni seguenti:

     • Se si desidera importare il livello come contenuto modificabile, non unire o appiattire i livelli. L'opzione Contenuto modificabile in Importa livello come è selezionata per impostazione predefinita.

       Importante:
       Se si importa un livello come contenuto modificabile, è possibile che esistano delle differenze tra la visualizzazione del livello in Photoshop e in Expression Blend. Per ulteriori informazioni, vedere "Contenuto modificabile" nella sezione "Icona Informazioni".

       [!NOTA]

       A causa del limitato supporto di alcune funzionalità in Windows Phone, quando si importa un file PSD in un progetto Windows Phone, per alcune selezioni dei livelli viene selezionata per impostazione predefinita l'opzione Bitmap appiattita.

     • Se si desidera mantenere l'aspetto del livello, unire o appiattire i livelli.

       Per unire i livelli, selezionare i livelli desiderati, fare clic con il pulsante destro del mouse, quindi scegliere Raggruppa per unione.

       Per appiattire i livelli, selezionare Bitmap appiattita in Importa livello come.

       Importante:
       I livelli uniti o appiattiti verranno importati come singola immagine rasterizzata. I livelli uniti o appiattiti non sono modificabili in Expression Blend. Per ulteriori informazioni, vedere "Bitmap appiattite" e "Unire livelli" nella sezione "Icona Informazioni".

   • Visualizzare un'anteprima dell'immagine nel pannello di sinistra per verificare che appaia come desiderato.

4. Fare clic su OK.

Al documento verrà aggiunto un nuovo oggetto Canvas con lo stesso nome del file importato. Nel pannello Oggetti e sequenza temporale, sotto l'oggetto Canvas (in questo esempio denominato Photoshop_Layout) sono presenti tutti i livelli importati come oggetti. Se non è stata specificata una cartella, ne verrà creata una nuova (in questo esempio denominata Photoshop_Layout_Images) nella cartella radice del pannello Progetti nella quale verranno inseriti tutti i file PNG associati.

Immagine di compatibilità

L'immagine di compatibilità è uno snapshot di tutti i livelli visibili nel file PSD originale. L'immagine di compatibilità viene creata ogni volta che in Photoshop viene salvato un file PSD con l'opzione Massimizza compatibilità selezionata. Un file di immagine appiattita, che include tutti i livelli visibili, viene generato, salvato e aggiunto automaticamente come riferimento nel file PSD salvato.

È possibile selezionare l'opzione Immagine di compatibilità per importare in modo veloce e facile il file PSD come una singola immagine unita. Questa opzione risulta particolarmente utile se non sono necessari livelli modificabili ed è possibile utilizzare una singola immagine appiattita come base in Expression Blend.

Per visualizzare l'anteprima del livello di compatibilità, posizionare il puntatore sulla relativa miniatura nel pannello di destra.

Per importare l'immagine di compatibilità

• Nella finestra di dialogo Importa file Adobe Photoshop selezionare la casella di controllo Immagine di compatibilità. Fare clic su OK.

[!NOTA]

Quando si importa il livello di compatibilità, gli altri livelli non vengono importati.

Opzioni relative ai livelli e strumenti

In Expression Blend i nomi dei livelli vengono mantenuti e i livelli vengono importati come singoli oggetti e contenitori di layout in modo da semplificarne l'utilizzo. Quando si importano file Photoshop, è possibile visualizzare livelli, rinominare livelli e selezionare i livelli da importare.

Selezione dei livelli

È possibile scegliere i livelli da importare selezionando o deselezionando la casella di controllo visualizzata accanto a ciascuno di essi.

Se si desidera importare tutti i livelli, selezionare la casella di controllo Seleziona tutti i livelli da importare nella parte superiore del pannello.

Per deselezionare tutti i livelli, deselezionare la casella di controllo Seleziona tutti i livelli da importare.

È possibile importare uno o più singoli livelli selezionando o deselezionando la casella di controllo accanto a ciascuno di essi nel pannello di destra.

Quando si modifica la selezione dei livelli, l'anteprima nel pannello di sinistra viene aggiornata.

Nomi dei livelli

I nomi dei livelli di Photoshop vengono mantenuti e visualizzati a destra della miniatura di ciascun livello. Per modificare il nome di un livello, fare clic con il pulsante destro del mouse sul livello e scegliere Rinomina oppure fare doppio clic sul nome e digitare direttamente nel campo.

Miniature

È possibile visualizzare una versione ingrandita del livello di Photoshop posizionando il puntatore sulla miniatura di un livello nel pannello di destra.

Struttura dei livelli e gruppi

La struttura dei livelli e i gruppi creati in Photoshop vengono mantenuti. I gruppi sono identificati dalla presenza delle frecce Espandi  e Comprimi . Per visualizzare la struttura dei livelli, fare clic su Espandi. Per comprimere il gruppo, fare clic su Comprimi.

Tipi di livello

Ciascun livello include un'icona che ne identifica il tipo (immagine, vettore o testo). Il tipo di livello viene visualizzato quando si posiziona il puntatore sull'icona del tipo.

Gli oggetti testo e vettoriali possono essere importati come contenuto modificabile o come bitmap appiattite. È possibile modificare le opzioni di importazione per gli oggetti testo e vettoriali facendo clic sul livello, quindi scegliendo Contenuto modificabile o Bitmap appiattita in Importa livello come.

Per ulteriori informazioni sull'importazione di oggetti come contenuto modificabile, vedere "Contenuto modificabile" nella sezione "Icona Informazioni".

Per ulteriori informazioni sull'importazione di oggetti come bitmap appiattite, vedere "Bitmap appiattite" nella sezione "Icona Informazioni".

[!NOTA]

Le opzioni di importazione vengono visualizzate sotto l'immagine di compatibilità quando si seleziona un livello con contenuto che può essere importato come contenuto modificabile o bitmap appiattita.

Anche i livelli immagine possono essere importati come contenuto modificabile o bitmap appiattite.

Un livello immagine può ad esempio avere una maschera di opacità, una maschera di vettore e uno stile di livello Ombreggiatura. Quando questo livello viene importato come contenuto modificabile in Expression Blend, al progetto viene aggiunto il contenuto seguente:

• Il file di immagine in formato PNG

• La maschera di opacità in formato PNG

• Una proprietà Clip per la maschera di vettore

• Un effetto DropShadowEffect per lo stile di livello Ombreggiatura

Se il livello immagine viene importato come bitmap appiattita, verrà creata una singola immagine rasterizzata dai livelli e il file PNG risultante verrà importato in Expression Blend.

Icona Informazioni

Se viene visualizzata l'icona Informazioni, posizionare il puntatore su di essa per visualizzare ulteriori informazioni. Nella descrizione sono disponibili ulteriori informazioni sulle funzionalità utilizzate nel file PSD, ma non supportate in Expression Blend.

[!NOTA]

Se in un gruppo è presente un livello contenente una funzionalità non supportata in Expression Blend, l'icona Informazioni verrà visualizzata nel livello contenitore del gruppo. Per ulteriori informazioni, espandere l'elenco del gruppo per visualizzare i singoli livelli con icone Informazioni.

Contenuto modificabile

Se si importa un livello come contenuto modificabile, è possibile che esistano delle differenze tra la visualizzazione del livello in Photoshop e in Expression Blend. È possibile cambiare l'aspetto del contenuto in Expression Blend modificando le proprietà dell'oggetto.

Nella tabella riportata di seguito vengono descritti gli elementi di Photoshop modificabili in Expression Blend. Utilizzare la colonna Descrizione per individuare le proprietà dell'oggetto in modo da poterle modificare in Expression Blend.

Elemento di Photoshop	Elemento di Expression Blend (XAML)	Descrizione
Livello testo	TextBlock	Un livello testo di Photoshop viene importato come oggetto TextBlock  con le proprietà Text di Photoshop originali mappate alle proprietà Text di Expression Blend. Le proprietà Text sono disponibili nella categoria Testo del pannello Proprietà. Nota: Per ulteriori informazioni sull'utilizzo di oggetti TextBlock in progetti WPF e Silverlight, vedere Aggiungere un oggetto all'interno del testo.
Livello forma	Path	Un livello forma di Photoshop viene importato come oggetto Path con le proprietà relative alla maschera di vettore originali mappate alle proprietà Data di Expression Blend. Le proprietà Data sono disponibili nel campo Dati della categoria Aspetto del pannello Proprietà.
Riempimento a tinta unita	Path	Un riempimento a tinta unita di Photoshop viene importato come oggetto Path con la proprietà Fill originale mappata alle proprietà Color e OpacityMask di Expression Blend applicate a un Pennello tinta unita . Le proprietà Solid color brush sono disponibili nella categoria Pennelli del pannello Proprietà.
Riempimento con sfumatura lineare	Path	Un riempimento con sfumatura lineare di Photoshop viene importato come oggetto Path con la proprietà Fill originale mappata alle proprietà relative a Pennello sfumatura lineare  applicate a un Pennello sfumatura . Le proprietà relative a Pennello sfumatura lineare sono disponibili nella categoria Pennelli del pannello Proprietà.
Riempimento con sfumatura radiale	Path	Un riempimento con sfumatura radiale di Photoshop viene importato come oggetto Path con la proprietà Fill originale mappata alle proprietà relative a Pennello sfumatura radiale  applicate a un Pennello sfumatura . Le proprietà relative a Pennello sfumatura radiale sono disponibili nella categoria Pennelli del pannello Proprietà.
Riempimento a motivo o riempimento sfumato non supportato (a forma di rombo, angolare, riflesso)	Path	Un riempimento a motivo o un riempimento sfumato non supportato di Photoshop viene importato come oggetto Path con la proprietà Fill originale mappata alle proprietà Fill di Expression Blend applicate a un oggetto ImageBrush. Le proprietà ImageBrush sono disponibili nella categoria Pennelli del pannello Proprietà.
Raggruppare	Canvas	Un gruppo di Photoshop viene importato come oggetto Canvas , mentre i singoli livelli vengono importati come elementi figlio di Canvas.
Livello immagine	Image	Un livello di Photoshop viene importato come oggetto Image. Al progetto viene inoltre aggiunto un file PNG. Il file PNG è l'origine dell'oggetto Image. Ciascun livello viene importato come oggetto Image con un file PNG corrispondente.
Stile di livello Ombreggiatura	DropShadowEffect	Quando si importa uno stile di livello Ombreggiatura, all'oggetto importato viene applicato un effetto DropShadowEffect. È possibile modificare l'effetto ombreggiatura selezionando l'effetto DropShadowEffect applicato nel pannello Oggetti e sequenza temporale e modificando le proprietà direttamente nel pannello Proprietà. Nota: L'effetto DropShadowEffect non è supportato nei progetti Windows Phone.
Maschera di livello	OpacityMask applicato a ImageBrush	Una maschera di livello di Photoshop viene importata come oggetto OpacityMask applicato a un oggetto ImageBrush. Le proprietà OpacityMask sono disponibili nella categoria Pennelli del pannello Proprietà. Al progetto viene inoltre aggiunto un file PNG. Il file PNG è l'origine dell'oggetto ImageBrush. Nota: Le maschere di livello sono supportate, ma non consigliate nei progetti Windows Phone.
Maschera di vettore sul livello immagine o testo	Proprietà Clip di un oggetto Image o TextBlock	Una maschera di vettore di Photoshop su un livello immagine o testo viene importata come proprietà Clip applicata a un oggetto Image o TextBlock. Le proprietà Clip sono disponibili nella categoria Varie del pannello Proprietà. Nota: La proprietà Clip è supportata solo parzialmente nei progetti Windows Phone.

Per importare un livello come contenuto modificabile

• Se si desidera importare il livello come contenuto modificabile, non unire o appiattire i livelli. L'opzione Contenuto modificabile in Importa livello come è selezionata per impostazione predefinita.

  [!NOTA]

  A causa del limitato supporto di alcune funzionalità in Windows Phone, quando si utilizza un progetto Windows Phone, per alcune selezioni dei livelli viene selezionata per impostazione predefinita l'opzione Bitmap appiattita.

Bitmap appiattite

Quando si importa un livello come bitmap appiattita, viene creata un'immagine rasterizzata in formato PNG di tale livello. L'appiattimento della bitmap rasterizza tutti gli stili associati a tale livello. Il file PNG viene utilizzato come origine dell'oggetto Image.

Per importare un livello come bitmap appiattita

• Selezionare il livello che si desidera importare come bitmap appiattita, quindi selezionare Bitmap appiattita in Importa livello come nella parte inferiore della finestra di dialogo Importa file Adobe Photoshop.

Unire livelli

Quando si importando due o più livelli uniti, viene creata una singola immagine rasterizzata in formato PNG. Il file PNG viene utilizzato come origine dell'oggetto Image.

Per unire livelli

• Selezionare i livelli consigliati facendo clic su di essi tenendo premuto CTRL. Fare clic con il pulsante destro del mouse sulla selezione, quindi scegliere Raggruppa per unione.

[!NOTA]

È possibile annullare l'unione selezionando i livelli uniti, quindi scegliendo Separa livelli.

Stili di livello

Se a un livello è stato applicato uno stile, accanto al livello verrà visualizzata l'icona Effetto livello. Per importare uno stile di livello, è possibile selezionare l'opzione di importazione Bitmap appiattita oppure unire il livello ad altri livelli.

Per ulteriori informazioni sull'appiattimento o l'unione dei livelli, vedere la sezione "Icona Informazioni".

Suggerimento:
Posizionare il puntatore sull'icona Informazioni per visualizzare informazioni aggiuntive su come importare stili di livello.

Maschere

Le maschere di livello e di vettore vengono visualizzate come miniature separate nel livello associato. Entrambe le maschere di livello e di vettore vengono importate quando si seleziona il livello associato.

Le maschere di livello vengono importate come maschere di opacità e sono disponibili nella categoria Pennelli del pannello Proprietà.

Le maschere di vettore vengono importate come tracciati oppure applicate come tracciati di ritaglio all'oggetto importato. Ad esempio, un riempimento a tinta unita con una maschera di vettore verrà importato come oggetto vettoriale utilizzando la geometria della maschera e il riempimento. Un'immagine con una maschera di vettore verrà importata come oggetto immagine con una maschera di ritaglio utilizzando la geometria della maschera di vettore.

Per ulteriori informazioni sull'importazione di maschere di livello e di vettore, vedere "Contenuto modificabile" nella sezione "Icona Informazioni".

Se a un livello è stata applicata una maschera di ritaglio, accanto ad esso verrà visualizzata l'icona Maschera di ritaglio. Per importare una maschera di ritaglio, è possibile selezionare tutti i livelli della maschera di ritaglio nonché il livello a cui fanno riferimento e unirli.

Per ulteriori informazioni sull'unione dei livelli, vedere la sezione "Icona Informazioni".

Posizionare il puntatore sull'icona Informazioni per visualizzare informazioni aggiuntive su come importare maschere di ritaglio.

Supporto delle funzionalità di Photoshop in Expression Blend

In Expression Blend sono supportate le funzionalità di Photoshop riportate di seguito. Alcune di queste funzionalità, espressamente indicate, possono essere modificate in Expression Blend.

Stili di testo

Gli stili di testo di Photoshop vengono mappati alle proprietà Text applicate a un oggetto TextBox in Expression Blend.

Gli stili di testo seguenti vengono importati da Photoshop e sono modificabili in Expression Blend:

• FontFamily

• FontSize

• Foreground

• Underline

• Subscript (WPF only)

• Superscript (WPF only)

• StrikeThrough (WPF only)

• FauxBold

• FauxItalic

• Text

• AllCaps

• Left Align Text

• Center Text

• Right Align Text

• AuthoHyphenate (solo WPF)

• RenderTransform (solo ridimensionamento)

Per ulteriori informazioni sul contenuto modificabile in Expression Blend, vedere "Contenuto modificabile" nella sezione "Icona Informazioni".

Modalità di fusione

Per mantenere l'aspetto delle modalità di fusione, unire i livelli correlati. Quando si uniscono i livelli correlati, la fusione viene applicata all'immagine rasterizzata importata per tale gruppo.

Per ulteriori informazioni sull'unione dei livelli, vedere "Unire livelli" nella sezione precedente "Icona Informazioni" di questo articolo.

Livelli di regolazione

I livelli di regolazione seguenti vengono importati da Photoshop:

• Luminosità/Contrasto

• Bianco e nero

• Miscelatore canali

• Bilanciamento colori

• Curve

• Esposizione

• Inverti

• Livelli

• Posterizza

• Filtro fotografico

• Soglia

• Mappa sfumatura

• Tonalità/Saturazione

• Correzione colore selettiva

• Vividezza

Per mantenere l'aspetto dei livelli di regolazione supportati, unire i livelli correlati. Quando si uniscono i livelli correlati, il livello di regolazione viene applicato all'immagine rasterizzata importata per tale gruppo.

Suggerimento:

È possibile visualizzare una versione ingrandita dell'immagine originale con il livello di regolazione applicato posizionando il puntatore sulla miniatura. Per visualizzare l'anteprima dell'immagine come verrà importata in Expression Blend, selezionare o deselezionare i livelli con i livelli di regolazione associati applicati, quindi visualizzare l'immagine nella finestra di dialogo Importa file Adobe Photoshop.

Per ulteriori informazioni sull'unione dei livelli, vedere "Unire livelli" nella sezione precedente "Icona Informazioni" di questo articolo.

Stili di livello

In Expression Blend è possibile importare e modificare lo stile di livello Ombreggiatura.

Quando si importa uno stile di livello Ombreggiatura, all'oggetto importato viene applicato un effetto DropShadowEffect. È possibile modificare l'effetto ombreggiatura selezionando l'effetto DropShadowEffect applicato nel pannello Oggetti e sequenza temporale e modificando le proprietà direttamente nel pannello Proprietà.

[!NOTA]

Quando si importa come contenuto modificabile uno stile di livello Ombreggiatura, il rendering potrebbe non corrispondere alla visualizzazione in Photoshop. Quando si appiattisce o si unisce uno stile di livello Ombreggiatura, il rendering corrisponde alla visualizzazione in Photoshop, ma non è più modificabile.

Per ulteriori informazioni sullo stile di livello Ombreggiatura in Expression Blend, vedere "Contenuto modificabile" nella sezione precedente "Icona Informazioni" di questo documento.

Per mantenere l'aspetto degli stili di livello supportati ma non modificabili, unire i livelli correlati. Quando si uniscono i livelli correlati, gli stili di livello vengono applicati all'immagine rasterizzata importata per tale gruppo.

Gli stili di livello seguenti sono supportati ma non modificabili in Expression Blend:

• Ombreggiatura interna

• Alone esterno

• Alone interno

• Bordo smussato e rilievo

• Satinata

• Sovrimpressione colori

• Sovrimpressione sfumatura

Per ulteriori informazioni sull'unione dei livelli, vedere "Unire livelli" nella sezione precedente "Icona Informazioni" di questo articolo.

Gli stili di livello seguenti non sono supportati:

• Sovrimpressione motivo

• Tratto

Sfumature

Expression Blend supporta l'importazione e la modifica di sfumature lineari e radiali. Tutti gli altri tipi di sfumatura vengono rasterizzati durante l'importazione e non sono modificabili in Expression Blend. I cursori colori vengono importati come pennelli sfumatura nella proprietà Fill dell'oggetto risultante in Expression Blend, mentre i cursori opacità vengono importati come pennelli sfumatura nella proprietà OpacityMask.

[!NOTA]

Quando si importa come contenuto modificabile una sfumatura lineare o radiale, il rendering potrebbe non corrispondere alla visualizzazione in Photoshop. Quando si appiattisce o si unisce una sfumatura lineare o radiale, il rendering corrisponde alla visualizzazione in Photoshop, ma non è più modificabile.

Motivi

Un motivo viene importato come oggetto Path con la proprietà Fill originale mappata alle proprietà Fill di Expression Blend applicate a un oggetto ImageBrush.

Per ulteriori informazioni sui motivi, vedere "Contenuto modificabile" nella sezione "Icona Informazioni".

Vedere anche

Concetti

Inserimento di immagini ed elementi grafici
Importare un file di Adobe Photoshop

Altre risorse

Disegnare oggetti

Copyright © 2011 Microsoft Corporation. Tutti i diritti riservati.