Potete generare risorse di immagini JPEG, PNG o GIF dai contenuti di un livello o gruppo di livelli di un file PSD. Le risorse vengono generate automaticamente quando aggiungete l’estensione di un formato immagine supportato al nome di un livello o gruppo di livelli. Facoltativamente, potete anche specificare i parametri di qualità e dimensione da applicare alle risorse di immagini generate.
La generazione delle risorse di immagini da un file PSD è utile in particolare per la progettazione Web per dispositivi diversi.
Video: generare risorse Web in Photoshop
Per informazioni su come creare e generare grafica per il Web con Adobe Generator, consultate Estrarre le risorse per il Web.
Per comprendere meglio il funzionamento del generatore di immagini, potete esaminare un semplice file PSD (che potete scaricare da questo collegamento) contenente la seguente gerarchia di livelli:
Questo file ha due gruppi di livelli: Rounded_rectangles e Ellipses. Ciascun gruppo contiene cinque livelli.
Per generare risorse di immagini da questo file PSD, effettuate i passaggi seguenti:
- Con il file PSD aperto, selezionate File > Genera > Risorse immagine.
- Aggiungete l’estensione del formato desiderato (.jpg, .png o .gif) al nome del livello o gruppo di livelli da cui desiderate generare le risorse di immagini. Ad esempio, modificate il nome dei gruppi di livelli Rounded_rectangles e Ellipses in Rounded_rectangles.jpg e Ellipses.png e quello del livello Ellipse_4 in Ellipse_4.gif.
Nota:
I nomi di livelli non possono contenere i caratteri speciali : e *.
Photoshop genera le risorse di immagini e le salva in una sottocartella nella cartella del file PSD originale. Se il file PSD originale non era ancora stato salvato, Photoshop salva le risorse generate in una sottocartella nella cartella Desktop.
Nota:
La generazione delle risorse di immagini è abilitata per il documento corrente. Una volta abilitata, resta disponibile anche se il documento viene chiuso e riaperto. Per disabilitare la generazione delle risorse di immagini per il documento corrente, deselezionate File > > Genera > Risorse immagine.
Per generare più risorse da un livello o gruppo di livelli, separate con una virgola i nomi delle risorse. Ad esempio, il nome del livello di seguito genera tre risorse:
Ellipse_4.jpg, Ellipse_4b.png, Ellipse_4c.png
Potete scegliere di salvare le risorse grafiche generate da particolari livelli o gruppi di livelli in una sottocartella diretta della cartella delle risorse del documento. Includete il nome della sottocartella nel nome del livello/gruppo di livelli; ad esempio:
[sottocartella]/Ellipse_4.jpg
La generazione delle risorse di immagini da un file PSD è utile in particolare per la progettazione Web per dispositivi diversi. Considerate la seguente progettazione Web e la relativa struttura di livelli:
Per estrarre l’icona in alto e la riga superiore della griglia di immagini Global Hotspots come risorse di immagini:
Nota:
Dal contenuto di un livello o gruppo di livello viene generata una singola risorsa di immagine. Ad esempio, il gruppo di livelli AdventureCo Logo dell’immagine qui sopra contiene un livello forma e un livello di testo dinamico. Quando da questo gruppo viene generata una risorsa di immagine, tali livelli vengono rasterizzati.
Per impostazione predefinita, le risorse JPG vengono generate con qualità 90%. Per impostazione predefinita, le risorse PNG vengono generate come immagini a 32 bit. Le risorse GIF vengono generate con trasparenza alfa di base.
Quando si rinominano i livelli o gruppi di livelli per la generazione di risorse, è possibile specificare i parametri di qualità e dimensione.
- Per specificare la qualità di output desiderata, aggiungete un suffisso al nome della risorsa: .jpg(1-10) o .jpg(1-100%). Ad esempio:
- Ellipse_4.jpg5
- Ellipse_4.jpg50%
- Per aggiungere le dimensioni di output desiderate (relative o in una delle unità di misura supportate: px, in, cm e mm), aggiungete un prefisso al nome della risorsa. Photoshop ridimensiona di conseguenza l’immagine. Ad esempio:
- 200% Ellipse_4.jpg
- 300 x 200 Rounded_rectangle_3.jpg
- 10in x 200mm Rounded_rectangle_3.jpg
Nota: ricordate di aggiungere uno spazio tra il prefisso e il nome della risorsa. Per specificare le dimensioni in pixel, è possibile omettere l’unità. Ad esempio, 300 x 200.
Nota:
Come illustrato, nelle dimensioni di output specificate potete utilizzare unità di misura diverse e pixel. Ad esempio, 4in x 100 Rounded_rectangle_3.jpg è un nome di livello valido per la generazione di risorse.
- Per specificare la qualità di output desiderata, aggiungete un suffisso al nome della risorsa: .8, 24 o 32. Ad esempio:
- Ellipse_4.png24
- Per aggiungere le dimensioni di output desiderate (relative o in una delle unità di misura supportate: px, in, cm e mm), aggiungete un prefisso al nome della risorsa. Photoshop ridimensiona di conseguenza l’immagine. Ad esempio:
- 42% Ellipse_4.png
- 300mm x 20cm Rounded_rectangle_3.png
- 10in x 50cm Rounded_rectangle_3.png
Nota: ricordate di aggiungere uno spazio tra il prefisso e il nome della risorsa. Per specificare le dimensioni in pixel, è possibile omettere l’unità. Ad esempio, 300 x 200.
Nota:
Come illustrato, nelle dimensioni di output specificate potete utilizzare unità di misura diverse e pixel. Ad esempio, 4in x 100 Rounded_rectangle_3.png è un nome di livello valido per la generazione di risorse.
- Per aggiungere le dimensioni di output desiderate (relative o in una delle unità di misura supportate: px, in, cm e mm), aggiungete un prefisso al nome della risorsa. Ad esempio:
- 42% Ellipse_4.gif
- 300mm x 20cm Rounded_rectangle_3.gif
- 20in x 50cm Rounded_rectangle_3.gif
Nota: ricordate di aggiungere uno spazio tra il prefisso e il nome della risorsa. Per specificare le dimensioni in pixel, è possibile omettere l’unità. Ad esempio, 300 x 200.
Nota:
Come illustrato, nelle dimensioni di output specificate potete utilizzare unità di misura diverse e pixel. Ad esempio, 4in x 100 Rounded_rectangle_3.gif è un nome di livello valido per la generazione di risorse.
Utilizzando i parametri nei nomi dei livelli per la generazione delle risorse, potete specificare nomi di risorse complessi. Ad esempio:
120% Delicious.jpg, 42% Delicious.png24, 100x100 Delicious_2.jpg90%, 250% Delicious.gif
Da questo livello vengono generate le seguenti risorse:
- Delicious.jpg (immagine JPG con qualità 8 ridimensionata al 120%)
- Delicious.png (immagine PNG a 24 bit ridimensionata al 42%)
- Delicious_2.jpg (Immagine JPG con qualità 90% e dimensione assoluta di 100x100 px)
- Delicious.gif (immagine GIF ridimensionata al 250%)
Potete specificare impostazioni predefinite a livello di documento per le risorse generate. Effettuate le seguenti operazioni:
- Selezionate un livello vuoto nel documento.
- Iniziate il nome del livello con la parola chiave default. Poi, specificate le impostazioni che desiderate applicare a tutte le risorse grafiche generate dal documento. Ad esempio:
Nota:
I fattori di ridimensionamento predefiniti vengono sostituiti da quelli specificati per i singoli livelli.
Potete disattivare la generazione delle risorse di immagini globalmente per tutti i documenti Photoshop modificando le Preferenze.
Nota:
Quando la generazione delle risorse di immagini viene disabilitata dalle Preferenze, il comando di menu File > Genera non è più disponibile finché tale funzione non venga nuovamente abilitata nella finestra di dialogo Preferenze.
È necessario specificare nomi di risorsa univoci?
Con quale livello di qualità vengono generate le risorse di immagini?
È possibile generare le risorse di immagini da livelli con trasparenza e altri effetti?
Come vengono generate le risorse di immagini dai livelli con contenuti che fuoriescono sul quadro?
La virgola è l’unico separatore ammesso nei nomi delle risorse immagine?
Video: come creare un progetto Edge Reflow dal Generatore di Photoshop
I post su Twitter™ e Facebook non sono coperti dai termini di Creative Commons.