Come creare un semplice pulsante di vetro in Photoshop

November 13

I progettisti utilizzano spesso pulsanti di vetro su siti web per mostrare i collegamenti, come icone o come titoli di contenuti. Si può facilmente creare pulsanti di vetro per il proprio sito web utilizzando Photoshop. Anche se sei un principiante di Photoshop, si dovrebbe essere in grado di progettare pulsanti personalizzati con la pratica.

istruzione

1 Creare un documento vuoto in Photoshop con uno sfondo bianco. Cambiare il colore di primo piano di un colore grigio chiaro della vostra scelta una volta che il documento è aperto.

2 Selezionate lo strumento rettangolo arrotondato dalla barra degli strumenti. Fare clic con il pulsante del mouse e trascinare il mouse per disegnare il rettangolo dimensioni desiderate.

3 Selezionare livello del rettangolo dal menu layer. Fai clic destro sul livello e selezionare "Livello Rasterizza" tra le opzioni che compaiono.

4 Fate doppio clic sul livello per aprire il menu "Opzioni di fusione". È inoltre possibile accedere al menu attraverso il menu nella parte superiore tramite "Livelli> Opzioni di fusione."

5 Applicare una sovrapposizione sfumatura con le seguenti impostazioni: metodo di fusione impostato come "normale", Opacità impostato al 27 per cento, di stile dovrebbe essere "radiale" e si dovrebbe verificare "Allinea con livello di sicurezza." Impostare l'angolo di 127 gradi e la scala al 150 per cento. Selezionare "OK" per applicare le impostazioni.

6 Aggiungere un colpo alla vostra immagine con il menu "Opzioni di fusione" ancora aperta. Il stoke dovrebbe essere di 1 pixel e correre lungo l'esterno del rettangolo. Una volta selezionato "OK" rettangolo dovrebbe essere leggermente più chiaro al centro e si dovrebbe vedere una linea opaca per il bordo.

7 Selezionare di nuovo lo strumento rettangolo arrotondato e disegnare un piccolo, rettangolo arrotondato al quarto superiore del rettangolo originale. Fai clic destro sul nuovo rettangolo e selezionare "Crea selezione" dal menu che si apre. L'impostazione deve essere impostato su 0 pixel, anti aliasing, e il pulsante "Nuova selezione" dovrebbe essere evidenziato. Selezionare "OK" per applicare le impostazioni.

8 Creare un nuovo livello. È possibile selezionare l'opzione dalla barra degli strumenti livello o creare un nuovo livello utilizzando le opzioni del menu superiore selezionando "Livello> Nuovo livello."

9 Selezionare l'opzione "Strumento Gradiente" dalla barra degli strumenti. Si tratta di una scatola che sembra nero mezzo bianco e mezzo. Selezionare la seconda preselezione che mostra il bianco e nero con un po 'grigia pixel nell'area bianca. Assicurarsi che tutte le frecce con l'impostazione di fondo sono in angoli opposti. Selezionare "OK" per applicare le impostazioni.

10 Aggiunta di testo se si desidera e applicare un effetto drop-ombra per rendere il testo sembra essere impostato nel pulsante di vetro. È anche possibile lavorare con i passi di base per cambiare i colori e persino le impostazioni del gradiente e stili.