Ho subito rinominato il livello di sfondo in "(B) Background" (vedi Fig. 3) perché è quello che manterrà il nome mentre gli altri possono avere un nome qualsiasi in quanto verranno fusi insieme al Background.

Ora, per poter realizzare il pulsante "attivo", dobbiamo creare una selezione (grande quanto il pulsante/foto stesso) e riempirla con un colore RGB. Attivare il Livello 3 e cliccare sulla zona blu tenendo premuto il tasto Ctrl (Control) (comparirà il simbolo dell'indice con un quadratino) creando una selezione con le stesse dimensioni del pulsante fittizio (Fig.4).

Fig. 4

Ora creare un nuovo livello, attivarlo lasciando attiva anche la selezione precedentemente creata.

Riempire questa selezione con un colore RGB, in questo caso ho usato un colore Verde (Red 0 - Green 255 - Blue 0).

Ripetere le suddette operazioni per gli altri pulsanti fittizi fino ad ottenere 7 livelli: 1 Background, 3 Pulsanti fittizi, 3 Selezioni riempite.

Come sappiamo questo menu, che tra l'altro usa le trasparenze, deve avere anche la palette dei colori "Pinnacle color palette" che è possibile prelevare dal menu "Variable Trasparency Hilite" inserito di default nella cartella PAL di Impression.

Questa palette va inserita in un livello a se stante al di sotto degli altri arrivando quindi ad avere un totale di 8 livelli.

Rendere invisibili (cliccare sull'icona Occhio) tutti i livelli tranne quello della palette colori.

Qui è possibile notare che in corrispondenza del colore Verde in "Pixel Type" corrisponde un pulsante che è semitrasparente in stato normale (Normal Layer) e rimane semitrasparente, ma colorato di Giallo, in stato Selezionato (Selected Layer) mentre viene colorato di Rosso, rimanendo sempre semitrasparente, se è Attivato (Activated Layer).

Lo scopo di questo tutorial è quello di ottenere un menu con i pulsanti che, in stato Normale, mostrano foto offuscate (sbiadite) mentre in stato Selezionato mostrano le stesse foto nitide e con i colori originali.

Per ottenere ciò bisogna attuare un "trucchetto" e cioè quello di rendere il colore Giallo (in Selected Layer) completamente trasparente quindi non visibile rendendo nitida la foto del pulsante.

Con la "Bacchetta Magica" selezionare il quadrato grigio in Selected Layer in corrispondenza del colore Verde di "Pixel Type" come mostrato in Fig. 5 e riempirlo di nero.

Fig. 5

Questo perché, come si può vedere sotto, al nero corrisponde la massima trasparenza mentre al bianco la massima opacità.

Fatto ciò clicchiamo sul Livello Background per attivarlo (il riquadro diventa blu) e colleghiamo i livelli 1,2 e 3 cliccando nelle caselle tra l'icona Occhio e la Miniatura Livello (comparirà il simbolo della catena).

Andare sulla Barra dei Menu e aprire il menu a discesa "Livello" quindi cliccare su "Unisci collegati".

Si noterà che i 4 livelli verranno fusi insieme in uno solo e per di più con il nome (B) Background (come si desiderava).

Ora vanno rinominati i livelli con le selezioni riempite di Verde e sappiamo che il nome va preceduto dal suffisso (^) affinché il menu e i pulsanti funzionino a dovere.

In definitiva si ottengono in tutto 5 livelli: 1 livello Color Palette, 1 livello (B) Background e 3 livelli dei (^) Pulsanti.

Salvare questo file con un nome qualsiasi ma necessariamente in formato .psd (Photoshop) affinché Impression lo riconosca.

Importandolo in Impression e trascinandolo quindi sulla timeline si otterrà che i pulsanti (foto) non selezionati avranno una patina bianca che schiarirà la foto mentre quello selezionato avrà la foto nitida con i colori reali.

Note

In questo tutorial è stato cambiato il colore da grigio a nero in corrispondenza del quadrato giallo in Selected Layer (del colore Verde) ma si poteva sostituire il giallo con il bianco sempre modificando da grigio a nero il quadrato affianco.

Anziché usare il Verde si poteva utilizzare anche il Rosso o il Blue pur mantenendo le procedure descritte.

La foto del pulsante può essere corredata da una scritta interna o esterna ed in questo caso la selezione che verrà riempita di verde può anche interessare la scritta stessa.

E' possibile anche colorare una scritta dandole maggior vigore in stato Selezionato mentre rendendola sbiadita in stato Normale.

Bene, ma se si volessero importare dei pulsanti già fatti con altri programmi di grafica vettoriale? Con il vostro programma di grafica 2D scegliete di salvare il pulsante in formato Adobe Illustrator (solo l’elemento senza lo sfondo) e poi con Photoshop, dal menù a tendina File, scegliere inserisci e importare direttamente il vostro file.

A questo punto le istruzioni sono le medesime che avete letto in questo tutorial.