Come Creare Pulsanti Per Un Sito Web In Photoshop

Sommario:

Come Creare Pulsanti Per Un Sito Web In Photoshop
Come Creare Pulsanti Per Un Sito Web In Photoshop

Video: Come Creare Pulsanti Per Un Sito Web In Photoshop

Video: Come Creare Pulsanti Per Un Sito Web In Photoshop
Video: Come creare un template per un sito web con Photoshop 2024, Maggio
Anonim

La navigazione facile è la chiave per rendere un sito web comodo da visitare e attraente sia per il proprietario che per i visitatori online. Il menu e gli elementi di navigazione dovrebbero essere chiari, belli e concisi, ed è una buona idea creare pulsanti accattivanti per il tuo sito web nell'editor grafico Adobe Photoshop. Questo non è difficile da fare.

Come creare pulsanti per un sito Web in Photoshop
Come creare pulsanti per un sito Web in Photoshop

Istruzioni

Passo 1

Crea un nuovo documento e seleziona lo strumento Rettangolo arrotondato dalla barra degli strumenti. Disegna un rettangolo arrotondato stretto, quindi seleziona lo strumento Selezione ellittica dalla casella degli strumenti e disegna un cerchio sul lato sinistro del rettangolo che si sovrappone ai suoi bordi e va oltre.

Passo 2

Fare clic con il pulsante destro del mouse sul livello del rettangolo e selezionare l'opzione Rasterizza livello, quindi fare nuovamente clic al centro della selezione e selezionare l'opzione Livello tramite taglia dal menu contestuale per copiare la selezione su un nuovo livello.

Passaggio 3

Apri il menu delle impostazioni del livello e nella scheda Ombra esterna imposta la modalità di fusione su Normale, l'opacità su 23% e la distanza su 3 pixel. Nella scheda Sovrapposizione colore, imposta il colore desiderato con la modalità di fusione Normale e la trasparenza al 100%. Dovresti avere un'immagine a due colori.

Passaggio 4

Seleziona nuovamente lo strumento Selezione ellittica dalla casella degli strumenti e disegna un cerchio all'interno della selezione del colore a sinistra. Fare clic su Elimina. Dopodiché trasferisci la selezione su un nuovo livello e riempilo con qualsiasi colore.

Passaggio 5

Apri di nuovo il menu Stile livello e regola la scheda Sovrapposizione sfumatura in qualsiasi colore che si adatti alla combinazione di colori del tuo sito. Imposta lo stile radiale sul gradiente. Quindi, nella scheda Tratto, imposta lo spessore del tratto su 2 pixel, la posizione esterna del tracciato e l'opacità su 30%. Seleziona un riempimento sfumato per il tratto. Fare clic su OK.

Passaggio 6

Nella casella degli strumenti, seleziona un pennello con il colore bianco, regolalo in modo che sia morbido e il diametro del pennello sia di 10 pixel. In alto a destra del cerchio che hai dipinto, disegna un punto per disegnare un'evidenziazione.

Passaggio 7

Quindi seleziona il livello con la parte principale del pulsante e nel menu Stile livello imposta il parametro Ombra interna con la modalità di fusione multipla e l'opacità del 33%. Imposta una sfumatura lineare con il 25% di opacità. Il tuo pulsante è pronto: non resta che aggiungere un'iscrizione.

Consigliato: