• Regolamento Macrocategoria DEV
    Prima di aprire un topic nella Macrocategoria DEV, è bene leggerne il suo regolamento. Sei un'azienda o un hosting/provider? Qui sono anche contenute informazioni per collaborare con Sciax2 ed ottenere l'accredito nella nostra community!

arthur

Utente Mitico
Autore del topic
5 Maggio 2009
8.204
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:

2dt4dd.jpg


Dopodichè prendiamo lo Strumento Rettangolo Arrotondato

xelixx.jpg


e tracciamo il nostro "bottone"

2uszr6e.jpg


Poi premiamo con il tasto destro sul livello della forma appena creata e scegliamo Opzioni di Fusione

2qty5gy.jpg


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


Poi clicchiamo su Sovrapposizione Sfumatura

p6nh3.jpg


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


Poi cliccate su Traccia e mettete: Dimensione 1 e lasciate tutto invariato,poi inserite il codice html del colore che è:067c8e

2yla0yt.jpg


Il risultato dovrebbe essere più o meno questo:

t71t7l.jpg


Dopo aver seguito questo tutorial potete anche personalizzare i bottoni con colori diversi ed altri effetti,provate a farli diversi e dopo fatemeli vedere :emoji_smiley:

Spero che il tutorial sia stato di vostro gradimento e aiuto!

Fonte: SoloPc Forum
 
Grazie mille ragazzi! Sono contento che vi sia utile :emoji_relieved: Sono commosso cry :emoji_relieved:

[OT]Mi sto impegnando per il bene del forum :P[/OT]
 
Io ho fatto 350x150 ho fatto il bottone,ma dopo come faccio a farlo unico?nel senso toglierlo dal 350x150
Ciao
 
Ecco la mia outcome ci sono riuscito dimmi cosa ne pensi arthur
qou1zp.png
 
Ultima modifica:
Potevi ingrandire il font come ha detto gabry, ma è uscita bene! Ottimo ^^ Vedo che è utile :emoji_relieved: