Avete un sito web e volete una pulsantiera d'eccezione? Con Photoshop, amore e alcuni semplici trucchetti andiamo a creare alcuni bottoni in semplici passaggi!
Ecco finita la Guida dei Button Gallery
Bottone 1: Bottone Patinato
Fonte:
Difficoltà: X O O O O
1) Creiamo una nuova immagine chiamata bottone di 150x150 pixel, creiamo un nuovo livello, selezioniamo lo strumento rettangolo arrotondato.
2) Impostiamo i colori di default (premiamo D). tracciamo un rettangolo simile a questo:
3) Clicchiamo col tasto destro sul livello del bottone, selezioniamo opzioni di fusione e impostiamo le seguenti finestre:
4) Ora, senza chiudere la finestra, selezioniamo "sovrapposizione sfumatura" e impostiamo:
La sfumatura qui è a piacere, ma basta impostarla cliccandoci sopra e impostando un colore scuro all'inizio e uno più chiaro in seguito.
5) Impostiamo, se vogliamo, una traccia:
Ecco il risultato:
6) Impostiamo la patina: Creiamo un nuovo livello, facciamo Ctrl + Click sul livello del bottone, e facciamo selezione - Modifica - Contrai e impostiamo 2px. Riempiamo col secchiello la selezione di bianco e impostiamo l'opacità del livello al 33% (la scritta opacità sulla paletta dei livelli):
Ecco il risultato:
7) Ora con lo strumento selezione ellittica selezioniamo una parte e cancelliamo:
Ora il nostro bottone è pronto! Possiamo anche inserire una scritta...
Fonte:
Perfavore,
Entra
oppure
Registrati
per vedere i Link!
Difficoltà: X O O O O
1) Creiamo una nuova immagine chiamata bottone di 150x150 pixel, creiamo un nuovo livello, selezioniamo lo strumento rettangolo arrotondato.
2) Impostiamo i colori di default (premiamo D). tracciamo un rettangolo simile a questo:
3) Clicchiamo col tasto destro sul livello del bottone, selezioniamo opzioni di fusione e impostiamo le seguenti finestre:
4) Ora, senza chiudere la finestra, selezioniamo "sovrapposizione sfumatura" e impostiamo:
La sfumatura qui è a piacere, ma basta impostarla cliccandoci sopra e impostando un colore scuro all'inizio e uno più chiaro in seguito.
5) Impostiamo, se vogliamo, una traccia:
Ecco il risultato:
6) Impostiamo la patina: Creiamo un nuovo livello, facciamo Ctrl + Click sul livello del bottone, e facciamo selezione - Modifica - Contrai e impostiamo 2px. Riempiamo col secchiello la selezione di bianco e impostiamo l'opacità del livello al 33% (la scritta opacità sulla paletta dei livelli):
Ecco il risultato:
7) Ora con lo strumento selezione ellittica selezioniamo una parte e cancelliamo:
Ora il nostro bottone è pronto! Possiamo anche inserire una scritta...
Bottone 2: Bottone Argentato in rilievo
Fonte:
Difficoltà: O O O O O
1) Creiamo un nuovo documento di circa 200x200 px. Selezioniamo lo strumento rettangolo arrotondato (U), impostiamo il raggio (radius) a 100 px, e creiamo il pulsante.
2) Applichiamo i seguenti stili livello (Livello - Stili Livello - Opzioni di fusione o Layer - Layer style - Blending options):
Il risultato sarà il seguente... in 5 minuti abbiamo creato un fantastico bottone!
Fonte:
Perfavore,
Entra
oppure
Registrati
per vedere i Link!
Difficoltà: O O O O O
1) Creiamo un nuovo documento di circa 200x200 px. Selezioniamo lo strumento rettangolo arrotondato (U), impostiamo il raggio (radius) a 100 px, e creiamo il pulsante.
2) Applichiamo i seguenti stili livello (Livello - Stili Livello - Opzioni di fusione o Layer - Layer style - Blending options):
Il risultato sarà il seguente... in 5 minuti abbiamo creato un fantastico bottone!
Bottone 3: Bottone Stile Mac
Fonte:
Difficoltà: X X O O O
1) Creiamo una nuova immagine di circa 270x100 pixel con sfondo bianco, metodo RGB e risoluzione 72 px/pollice. Premiamo D per ripristinare i colori di default. Selezioniamo lo strumento "Rettangolo Arrotondato" e mettiamo queste impostazioni sulla barra delle opzioni:
Ora disegnamo il nostro rettangolo arrotondato:
2) Clicchiamo col tasto dx sul livello del rettangolo e applichiamo i seguenti stili livello:
Ombra Esterna:
Bagliore esterno (cliccate due volte sul quadratino e in basso a destra scrivete il numero indicato dopo il cancelletto):
Sovrapposizione sfumatura:
Cliccate sopra la sfumatura per far apparire questa finestra:
Per impostare i colori desiderati basterà cliccare due volte sopra la freccetta corrispondente.
3) Ora applichiamo una traccia. Qui potete scegliere pure quella che vi piace di più... Io per comodità continuo con la seconda.
Metodo a):
Questo è il risultato:
Metodo b):
Ecco il risultato:
4) Selezioniamo il bianco come colore principale, facciamo ctrl+click sul livello del rettangolo e creiamo un nuovo livello. Selezioniamo ora lo strumento sfumatura, clicchiamo in alto sulla barra delle opzioni sulla sfumatura e selezioniamo:
Ora tracciamo la sfumatura partedo da in alto a sinistra e scendendo in basso a destra:
Facciamo la stessa cosa sull'altro angolo. Il risultato sarà questo:
Ora basterà aggiungerci una scritta...
PS: se vi interessa il carattere, ve lo allego; basta estrarlo, e trascinarlo dentro la finestra Pannello di controllo - caratteri. Poi lo dovreste vedere in PS con nome "Chicago".
Fonte:
Perfavore,
Entra
oppure
Registrati
per vedere i Link!
Difficoltà: X X O O O
1) Creiamo una nuova immagine di circa 270x100 pixel con sfondo bianco, metodo RGB e risoluzione 72 px/pollice. Premiamo D per ripristinare i colori di default. Selezioniamo lo strumento "Rettangolo Arrotondato" e mettiamo queste impostazioni sulla barra delle opzioni:
Ora disegnamo il nostro rettangolo arrotondato:
2) Clicchiamo col tasto dx sul livello del rettangolo e applichiamo i seguenti stili livello:
Ombra Esterna:
Bagliore esterno (cliccate due volte sul quadratino e in basso a destra scrivete il numero indicato dopo il cancelletto):
Sovrapposizione sfumatura:
Cliccate sopra la sfumatura per far apparire questa finestra:
Per impostare i colori desiderati basterà cliccare due volte sopra la freccetta corrispondente.
3) Ora applichiamo una traccia. Qui potete scegliere pure quella che vi piace di più... Io per comodità continuo con la seconda.
Metodo a):
Questo è il risultato:
Metodo b):
Ecco il risultato:
4) Selezioniamo il bianco come colore principale, facciamo ctrl+click sul livello del rettangolo e creiamo un nuovo livello. Selezioniamo ora lo strumento sfumatura, clicchiamo in alto sulla barra delle opzioni sulla sfumatura e selezioniamo:
Ora tracciamo la sfumatura partedo da in alto a sinistra e scendendo in basso a destra:
Facciamo la stessa cosa sull'altro angolo. Il risultato sarà questo:
Ora basterà aggiungerci una scritta...
PS: se vi interessa il carattere, ve lo allego; basta estrarlo, e trascinarlo dentro la finestra Pannello di controllo - caratteri. Poi lo dovreste vedere in PS con nome "Chicago".
Perfavore,
Entra
oppure
Registrati
per vedere i Link!
Ecco finita la Guida dei Button Gallery
Ultima modifica:
