Grafica  »  Articoli  »  Tutorial Photoshop 

Fasi finali

Siamo quasi alla fine. Trattandosi di un menu, potremmo ovviamente aggiungere il testo, un'operazione che comunque può esere effettuata in qualunque momento da qui alla fine. Ora prepariamoci per l'esportazione delle immagini. Torniamo al pannello dei livelli. Nascondiamo lo sfondo cliccando sull'icona dell'occhio vicino al livello Background:

Quindi, uniamo gli altri 2 Layer. Dal menu attivabile dalla freccia, scegliere l'opzione Merge Visible:

Otterremo un solo livello (Layer 2):

Definiamo quindi le dimensioni finali. Dal menu Edit scegliere Transform > Scale. Usando come base uno dei quattro angoli, restringere e ridimensionare il layer fino alle dimensioni desiderate. Tenendo d'occhio il pannello Info saremo in grado di ottenere ciò che vogliamo [Schermata 10].

Pronti per il rollover

Nell'esempio proposto abbiamo predisposto le immagini per l'uso in un rollover. Abbiamo quindi bisogno di una seconda immagine diversa dalla prima solo nel colore. Procediamo così. Dal menu del pannello dei livelli scegliamo Duplicate Layer:

Il nuovo livello andrà a sovrapporsi esattamente a quello originario, quindi sarà necessario spostarlo per poterlo visualizzare [Schermata 11].

Dal pannello dei livelli, se non lo è già, selezioniamo la copia del livello originario. Quindi visualizziamo la finestra Hue/Saturation (menu Image > Adjustment > Hue/Saturation). Nella finestra, spuntiamo innanzitutto l'opzione Colorize e quindi modifichiamo a piacere i valori, fino ad ottenere la tinta desiderata [Schermata 12].

Esportare

Per esportare convenientemente le immagini ci serviamo dello strumento Slice. Selezionare il primo livello e dal menu Layer, selezioniamo New Layer Based Slice [Schermata 13]. Ripetere la stessa operazione con l'altro livello. Dovremmo ottenere questo risultato:

Sarebbe opportuno anche assegnare un nome significativo alle slice che esporteremo. Dal pannello degli strumenti scegliamo l'apposito tool per la selezione delle slice:

Quindi, doppio click su ciascuna delle 2 slice con le tab e impostare il nome [Schermata 14].

Salviamo tutto. Dal menu file, scegliere Save for Web. Nella finestra di anteprima, selezioniamo entrambe le slice (usare il tasto SHIFT):

Possiamo anche decidere di salvare come GIF o JPEG dall'apposita sezione. Quindi click su Save. Nella finestra di salvataggio, scegliamo di esportare solo le immagini e solo le slice selezionate [Schermata 15]. Photoshop creerà una cartella images all'interno della quale troveremo il frutto del nostro del lavoro.

Altri articoli

Altre guide

Altre newsletter