Creare bottoni web
Zermo :: Informatica :: Photoshop & Gimp
Pagina 1 di 1
Creare bottoni web
Passo 1
[Devi essere iscritto e connesso per vedere questa immagine]
Aprite Adobe Photoshop e create una nuova immagine, di qualsiasi dimensione. Di solito più grande di 450 x 300 può andar bene. Selezionate lo strumento Rettangolo Arrotondato e disegnate una forma come quella qui sopra.
Passo 2
[Devi essere iscritto e connesso per vedere questa immagine]
Doppio click sul livello della forma per aprire la finestra di Stile livello. Settate i seguenti parametri:
Ombra esterna:
Opacità 31% Distanza 1px, Estensione 0%, Dimensione px
Smusso ed effetto rilievo:
Profondità 100%, Dimensione 0px, Attenuazione 0px
Sovrapposizione sfumatura:
Cliccate sulla barra della sfumatura e settate: in posizione 0% (ovvero l’inizio della barra) colore #1378cd, in posizione 100% (la fine della barra) #4da5f0
Traccia:
Dimensione 5px, Posizione interno, Colore #54abf6
Passo 3
[Devi essere iscritto e connesso per vedere questa immagine]
Ora inserite il vostro testo. Allineatelo orizzontalmente a destra e verticalmente al centro. Il carattere qui usato è un Lucida Sans Unicode; 55pt; arrotondato; Doppio click sul livello e in Opzioni di fusione settate:
Sovrapposizione sfumatura: Posizione 0% colore #9ec7eb, Posizione 100% colore #ecf6ff
Passo 4
[Devi essere iscritto e connesso per vedere questa immagine]
E’ il momento di inserire un piccolo logo a sinistra per migliorare il tutto. Per farlo, selezionate lo strumento Rettangolo Arrotondato con raggio 5px. Disegnatelo come qui sopra. Ora, nelle Opzioni di fusione, settate i vari parametri in questo modo:
Ombra interna
Opacità:45%
Distanza:0px
Dimensione:43px;
Smusso ed effetto rilievo
Profondità:100%
Dimensione:0px
Attenuazione:0px
Opacità metodo luce:50%
Opacità metodo ombra:100%
Sovrapposizione sfumatura
Doppio click sulla barra della sfumatura.
Posizione:0% #0e2f4a
Posizione:47% #001a31
Posizione:48% #002545
Posizione:100% #0f4b7f
Traccia
Dimensione:5px
Doppio click sulla barra della sfumatura
Posizione:0% #1468af
Posizione:100% #50abf8
Passo 5
[Devi essere iscritto e connesso per vedere questa immagine]
Per rendere il tutto ancora più bello, dategli un effetto “vetro”. Per farlo tenete premuto il tasto CTRL e selezionate il livello della vostra forma. Una volta fatto ciò, usate lo Strumento selezione rettangolare, tenete premuto ALT e catturate l’area come mostrato qui sopra.
Passo 6
[Devi essere iscritto e connesso per vedere questa immagine]
Riempite la selezione appena catturata di bianco e impostate come Opacità 15%
crediti: »CooLÐrifT™
[Devi essere iscritto e connesso per vedere questa immagine]
Aprite Adobe Photoshop e create una nuova immagine, di qualsiasi dimensione. Di solito più grande di 450 x 300 può andar bene. Selezionate lo strumento Rettangolo Arrotondato e disegnate una forma come quella qui sopra.
Passo 2
[Devi essere iscritto e connesso per vedere questa immagine]
Doppio click sul livello della forma per aprire la finestra di Stile livello. Settate i seguenti parametri:
Ombra esterna:
Opacità 31% Distanza 1px, Estensione 0%, Dimensione px
Smusso ed effetto rilievo:
Profondità 100%, Dimensione 0px, Attenuazione 0px
Sovrapposizione sfumatura:
Cliccate sulla barra della sfumatura e settate: in posizione 0% (ovvero l’inizio della barra) colore #1378cd, in posizione 100% (la fine della barra) #4da5f0
Traccia:
Dimensione 5px, Posizione interno, Colore #54abf6
Passo 3
[Devi essere iscritto e connesso per vedere questa immagine]
Ora inserite il vostro testo. Allineatelo orizzontalmente a destra e verticalmente al centro. Il carattere qui usato è un Lucida Sans Unicode; 55pt; arrotondato; Doppio click sul livello e in Opzioni di fusione settate:
Sovrapposizione sfumatura: Posizione 0% colore #9ec7eb, Posizione 100% colore #ecf6ff
Passo 4
[Devi essere iscritto e connesso per vedere questa immagine]
E’ il momento di inserire un piccolo logo a sinistra per migliorare il tutto. Per farlo, selezionate lo strumento Rettangolo Arrotondato con raggio 5px. Disegnatelo come qui sopra. Ora, nelle Opzioni di fusione, settate i vari parametri in questo modo:
Ombra interna
Opacità:45%
Distanza:0px
Dimensione:43px;
Smusso ed effetto rilievo
Profondità:100%
Dimensione:0px
Attenuazione:0px
Opacità metodo luce:50%
Opacità metodo ombra:100%
Sovrapposizione sfumatura
Doppio click sulla barra della sfumatura.
Posizione:0% #0e2f4a
Posizione:47% #001a31
Posizione:48% #002545
Posizione:100% #0f4b7f
Traccia
Dimensione:5px
Doppio click sulla barra della sfumatura
Posizione:0% #1468af
Posizione:100% #50abf8
Passo 5
[Devi essere iscritto e connesso per vedere questa immagine]
Per rendere il tutto ancora più bello, dategli un effetto “vetro”. Per farlo tenete premuto il tasto CTRL e selezionate il livello della vostra forma. Una volta fatto ciò, usate lo Strumento selezione rettangolare, tenete premuto ALT e catturate l’area come mostrato qui sopra.
Passo 6
[Devi essere iscritto e connesso per vedere questa immagine]
Riempite la selezione appena catturata di bianco e impostate come Opacità 15%
crediti: »CooLÐrifT™
rafaman- Staff
- Messaggi : 5128
Località : Scauri (LT)
Zermo :: Informatica :: Photoshop & Gimp
Pagina 1 di 1
Permessi in questa sezione del forum:
Non puoi rispondere agli argomenti in questo forum.
|
|
Dom Mag 03, 2020 11:59 am Da eligabri44
» Siti per scaricare e vedere in streaming film ??
Ven Set 06, 2019 6:43 pm Da Aldo3
» film sui diritti civili
Ven Set 06, 2019 6:39 pm Da Aldo3
» Ciao a tutti
Mar Mag 01, 2018 10:52 am Da tonk
» Mi presento
Sab Ott 07, 2017 4:23 pm Da gcmmrt
» ciao a tutti
Dom Mar 26, 2017 2:15 pm Da Savio
» erwewweeerwreeweww
Dom Feb 26, 2017 4:06 pm Da inter1130
» Ciao a tutti dopo tanto tempo
Sab Feb 25, 2017 1:49 pm Da giulio99
» Ciao ragazzi
Mar Feb 21, 2017 1:56 pm Da xazazelx