Una delle nuove funzionalità di Photoshop cs2 è la possibilità di lavorare con le variabili. Dal sito della Adobe poco si capisce a cosa servano queste variabili e tanto meno è chiaro come si debbano utilizzare:

Variables
Instantly produce repetitive graphics with Variables, which automatically populate your design with data from spreadsheets or databases.

Questo articolo tenta di mostrarvi come ho pensato che le variabili in photoshop possano aiutare il lavoro di per lavoro o per diletto crea dei layout grafici (tipicamente come “prove” grafiche di come dovrà apparire il sito).

1. Aprite una pagina bianca e create due blocchi di testo e un rettangolo. Contando anche il background dovreste avere 4 layer:

2. Ora dal menu “Image / Variables / Define” impostate i due layer di testo come “Text Replacement” e il layer con il rettangolo come “Pixel Replacement” (come metodo vi consiglio “fill” per iniziare).

3. Passate al menu successivo “Data Sets” e, dopo aver creato un file che contenga questo testo:

TextVariable1, TextVariable2, PixelVariable1
This text is English, HOME | PRODUCTS | CLIENTS | PORTFOLIO, header_inglese.gif
Questo è il testo in Italiano, HOME | PRODOTTI | CLIENTI | PORTFOLIO, header_italiano.gif

4. Create i due files “header_inglese.gif” e “header_italiano.gif” nella stessa cartella in cui si trova il sorgente PSD.

5. Dal menu “Image / Apply data set…” scegliete uno dei due set impostati ed che vedrete il vostro layout statico riempirsi dei contenuti specificati nel file di testo importato.

I possibili scenari sono presto delineati:
- state facendo una proposta grafica per un sito di un cliente e sapete già che vorrete massima velocità di editing di alcuni contenuti del file photoshop (un logo, un header o del testo). Allora con questo metodo potete preparare delle zone, mapparle in variabili e cambiarle al volo cambiando il file di testo da importare.

Il pacchetto zip completo con l’esempio psd, il file che contiene le variabili e le immagini header da importare lo trovate qui: DOWNLOAD FILE ESEMPIO (26kb – zip/rar).

EDIT:
una volta configurato il vostro file photoshop con le variabili potete esportare tutte le versioni del layout dal menu “Export / Data Sets as Files…”
Per ogni “data set” Photoshop vi salverà il file psd “compilato”.

My 2 cents:
Davvero molto comodo per chi era abituato come me a dover gestire uno screenshot con un layer per ogni cambiamento grafico del layout (vedi il caso in cui la proposta grafica comprenda una casistica di header e loghi diversi). Addio ad un layer per ogni variazione grafica e benvenute invece le variabili e i files esterni che vengono utilizzati nel “Pixel Replacement”.