Nella progettazione dei siti vengono spesso utilizzati elementi di navigazione tridimensionali. Tali pulsanti possono essere realizzati nell'editor grafico Photoshop, simulando il volume utilizzando ombre e riempimento sfumato.
Necessario
Programma Photoshop
Istruzioni
Passo 1
Crea un nuovo documento in un editor grafico utilizzando l'opzione Nuovo dal menu File. Seleziona la dimensione del nuovo documento per adattarla al pulsante e rendi lo sfondo trasparente.
Passo 2
Attiva lo strumento Rettangolo arrotondato. Se vuoi un pulsante leggermente arrotondato, nella barra delle opzioni degli strumenti, imposta il raggio su un millimetro. Disegna un rettangolo arrotondato usando lo strumento selezionato. La forma risultante sarà la base per il pulsante.
Passaggio 3
Fare clic con il tasto destro sul livello e selezionare l'opzione Rasterizza livello. Carica la selezione con l'opzione Carica selezione dal menu Seleziona.
Passaggio 4
Usa lo strumento sfumatura per riempire il pulsante con una sfumatura a due colori, scegliendo una combinazione di colori adatta dai predefiniti nella tavolozza sfumatura. Lo stile del gradiente dovrebbe essere lineare, selezionalo facendo clic sul pulsante Gradiente lineare nel menu principale. La parte superiore del pulsante dopo il riempimento dovrebbe essere più chiara di quella inferiore.
Passaggio 5
Applicare uno stile al livello. Per fare ciò, usa l'opzione Opzioni di fusione dal menu di scelta rapida. Seleziona la scheda Ombra esterna e inserisci un valore di centoventi gradi per il parametro Angolo. Imposta il parametro Dimensione su tre pixel.
Passaggio 6
Nella scheda Ombra interna imposta lo stesso valore per il parametro Angolo e per Dimensione imposta il valore su cinque pixel. Applicare lo stile premendo il tasto Invio.
Passaggio 7
Crea un'ombra per il pulsante. Per fare ciò, fai clic sul pulsante Crea un nuovo livello e riempi di nero l'area selezionata del nuovo livello. Seleziona lo strumento Secchio di vernice per questo. Deseleziona con Ctrl + D.
Passaggio 8
Applicare un filtro Sfocatura gaussiana dal gruppo Sfocatura del menu Filtro al rettangolo nero. Imposta il raggio su quattro pixel. Trascina il livello dell'ombra sotto il livello del pulsante e aumenta l'ombra di tre o quattro pixel verso l'alto. Per fare ciò, attiva lo strumento Sposta e sposta l'ombra con i pulsanti cursore. Riduci l'opacità per questo livello al sessanta percento.
Passaggio 9
Crea il livello attivo con il pulsante e carica una selezione da esso. Riduci la selezione di due pixel usando l'opzione Contratto dal gruppo Modifica del menu Selezione.
Passaggio 10
Crea un nuovo livello e riempi la selezione risultante con un gradiente lineare dal bianco al trasparente in modo che la parte bianca si trovi nella parte inferiore del pulsante. Deseleziona la selezione. Utilizzando l'opzione Trasformazione libera dal menu Modifica, ridurre l'area coperta dal gradiente verticalmente. Applicare la trasformazione con il tasto Invio.
Passaggio 11
Cambia la modalità di fusione del livello sfumatura in Sovrapponi. Questo può essere fatto selezionando una modalità dall'elenco a discesa sul lato sinistro della palette Stili. Riduci l'opacità del livello al sessanta percento.
Passaggio 12
Usando lo strumento testo orizzontale, scrivi il testo che dovrebbe essere sul pulsante.
Passaggio 13
Raccogli tutti i livelli in una cartella utilizzando l'opzione Raggruppa livelli dal menu Livello, selezionandoli tenendo premuto il tasto Ctrl. Salva il pulsante in un file psd utilizzando l'opzione Salva dal menu File.
