- 5 Maggio 2009
- 8.203
- 0
- Miglior risposta
- 0
Salve a tutti ho realizzato questo tutorial su come creare dei pulsanti per i siti web per le persone alle prime armi con la grafica.
Allora apriamo photoshop,non conta quale CS sia perchè ci sono le opzioni che sono in tutti i photoshop e il livello di difficoltà di questo tutorial è molto basso.
Andiamo su File>Nuovo e scegliete le misure in pixel a vostro piacere e settate lo sfondo trasparente.
Adesso abbiamo un progetto come questo:
Dopodichè prendiamo lo Strumento Rettangolo Arrotondato
e tracciamo il nostro "bottone"
Poi premiamo con il tasto destro sul livello della forma appena creata e scegliamo Opzioni di Fusione
Clicchiamo col mouse su Ombra Esterna e settiamo l'angolo a 99°,la distanza a 5 px,estensione a 0% e dimensione a 32px
Poi clicchiamo su Sovrapposizione Sfumatura
Cliccate sulla sfumatura predefinita e vi si apre questa finestra dove potrete modificare i colori della sfumatura e per ottenere il colore primario dovete inserire questo codice nel campo del codice html:0030ff e invece,sempre nel campo di codice html del colore,per ottenere il colore secondario inserite questo codice:00baff
Poi cliccate su Traccia e mettete: Dimensione 1 e lasciate tutto invariato,poi inserite il codice html del colore che è:067c8e
Il risultato dovrebbe essere più o meno questo:
Dopo aver seguito questo tutorial potete anche personalizzare i bottoni con colori diversi ed altri effetti,provate a farli diversi e dopo fatemeli vedere![Smiley :emoji_smiley: :emoji_smiley:](/forum/styles/default/xenforo/smilies.emoji/people/smiley.emoji.svg)
Spero che il tutorial sia stato di vostro gradimento e aiuto!
Fonte: SoloPc Forum
Allora apriamo photoshop,non conta quale CS sia perchè ci sono le opzioni che sono in tutti i photoshop e il livello di difficoltà di questo tutorial è molto basso.
Andiamo su File>Nuovo e scegliete le misure in pixel a vostro piacere e settate lo sfondo trasparente.
Adesso abbiamo un progetto come questo:
![2dt4dd.jpg](/forum/proxy.php?image=http%3A%2F%2Fi35.tinypic.com%2F2dt4dd.jpg&hash=4ba3cb763b6e1efaf1538ee865f32a7b)
Dopodichè prendiamo lo Strumento Rettangolo Arrotondato
![xelixx.jpg](/forum/proxy.php?image=http%3A%2F%2Fi38.tinypic.com%2Fxelixx.jpg&hash=bb06f87bbd7292b67726c919ea6c6da2)
e tracciamo il nostro "bottone"
![2uszr6e.jpg](/forum/proxy.php?image=http%3A%2F%2Fi37.tinypic.com%2F2uszr6e.jpg&hash=f49fc257ad91a6921337e2086ac336eb)
Poi premiamo con il tasto destro sul livello della forma appena creata e scegliamo Opzioni di Fusione
![2qty5gy.jpg](/forum/proxy.php?image=http%3A%2F%2Fi36.tinypic.com%2F2qty5gy.jpg&hash=7a07364a49150beb8fc1a6a89b8fd5d3)
Clicchiamo col mouse su Ombra Esterna e settiamo l'angolo a 99°,la distanza a 5 px,estensione a 0% e dimensione a 32px
![29w502a.jpg](/forum/proxy.php?image=http%3A%2F%2Fi33.tinypic.com%2F29w502a.jpg&hash=c13891c2f8b073bc194aebf23f71c63d)
Poi clicchiamo su Sovrapposizione Sfumatura
![p6nh3.jpg](/forum/proxy.php?image=http%3A%2F%2F%5Dhttp%3A%2F%2Fi35.tinypic.com%2Fp6nh3.jpg&hash=b1865d4050ddfb099594578250745bff)
Cliccate sulla sfumatura predefinita e vi si apre questa finestra dove potrete modificare i colori della sfumatura e per ottenere il colore primario dovete inserire questo codice nel campo del codice html:0030ff e invece,sempre nel campo di codice html del colore,per ottenere il colore secondario inserite questo codice:00baff
![2evylci.jpg](/forum/proxy.php?image=http%3A%2F%2Fi35.tinypic.com%2F2evylci.jpg&hash=ae7f00a8fe705fd4951e9a420b7f2dcf)
Poi cliccate su Traccia e mettete: Dimensione 1 e lasciate tutto invariato,poi inserite il codice html del colore che è:067c8e
![2yla0yt.jpg](/forum/proxy.php?image=http%3A%2F%2Fi34.tinypic.com%2F2yla0yt.jpg&hash=d13db181893b382858fed09b4583b1ee)
Il risultato dovrebbe essere più o meno questo:
![t71t7l.jpg](/forum/proxy.php?image=http%3A%2F%2Fi38.tinypic.com%2Ft71t7l.jpg&hash=7371e34c4b7dc1cc95852abaf9725e63)
Dopo aver seguito questo tutorial potete anche personalizzare i bottoni con colori diversi ed altri effetti,provate a farli diversi e dopo fatemeli vedere
Spero che il tutorial sia stato di vostro gradimento e aiuto!
Fonte: SoloPc Forum