Ciao utenti di sciax2! Oggi vi mostrerò una guida dettagliata su come creare un pulsante gradiente con riflesso stile web 2.0.
Per iniziare apriamo apriamo Photoshop e creaiamo una nuova immagine premendo CTRL+N con dimensioni a nostra scelta, nel nostro caso 100X50px con Contenuto sfondo: Trasparente.
A questo punto dovremmo avere un livello trasparente su cui lavorare.
Per iniziare ci prendiamo il nostro Strumento rettangolo arrotondato, se c'è un'altro rettangolo clicchiamo col tasto destro e selezioniamo quello arrotondato.
Successivamente andiamo nella barra superiore e selezioniamo delle dimensioni fisse per il nostro rettangolo, nel nostro caso 100x30px.
Dopo aver selezionato le dimensioni, ci disegnamo il nostro rettangolo e lo centriamo come in figura.
Centrato il rettangolo andiamo nel box dei livelli, selezioniamo Forma 1 e con il tasto destro andiamo su Rasterizza livello.
Dalla barra superiore andiamo su Livello - Proprietà di livello - Opzioni di Fusione...
...e selezioniamo Sovrapposizione sfumatura, scegliete i colori che più vi piacciono.
Dopo andiamo su Traccia, selezioniamo una dimensione di 1px, posizione interna e scegliamo un colore non troppo scuro; dopo aver fatto tutto premiamo ok. Ora andiamo su Livello - Nuovo - Livello..., selezioniamo il livello creato e andiamo su Immagine - Applica immagine.
Con lo strumeto selezione rettangolare clicchiamo col destro sulla nostra figura e facciamo duplica livello...
...dal box dei livelli selezioniamo il livello di mezzo, e cliccando sulla figura con lo stumento selezine rettangolare, facciamo Trasformazione libera... - Rifletti verticalmente.
Con lo strumento Sposta premendo "V", ci spostiamo il nostro livello come in figura e gli applichiamo un'opacità del 50%.
Fatto questo andiamo su Livello - Maschera livello - Mostra tutto...
Premendo "G", ci selezioniamo lo strumento sfumatura e controlliamo che il colore di essa vada dal bianco al nero o viceversa.
Con lo strumento tracciamo una linea verticale dal basso verso l'alto o viceversa, finchè non otterremo un risultato soddisfacente.
ECCO IL RISULTATO FINALE
Guida creata interamente dal sottoscritto
Per iniziare apriamo apriamo Photoshop e creaiamo una nuova immagine premendo CTRL+N con dimensioni a nostra scelta, nel nostro caso 100X50px con Contenuto sfondo: Trasparente.
A questo punto dovremmo avere un livello trasparente su cui lavorare.
Per iniziare ci prendiamo il nostro Strumento rettangolo arrotondato, se c'è un'altro rettangolo clicchiamo col tasto destro e selezioniamo quello arrotondato.
Successivamente andiamo nella barra superiore e selezioniamo delle dimensioni fisse per il nostro rettangolo, nel nostro caso 100x30px.
Dopo aver selezionato le dimensioni, ci disegnamo il nostro rettangolo e lo centriamo come in figura.
Centrato il rettangolo andiamo nel box dei livelli, selezioniamo Forma 1 e con il tasto destro andiamo su Rasterizza livello.
Dalla barra superiore andiamo su Livello - Proprietà di livello - Opzioni di Fusione...
...e selezioniamo Sovrapposizione sfumatura, scegliete i colori che più vi piacciono.
Dopo andiamo su Traccia, selezioniamo una dimensione di 1px, posizione interna e scegliamo un colore non troppo scuro; dopo aver fatto tutto premiamo ok. Ora andiamo su Livello - Nuovo - Livello..., selezioniamo il livello creato e andiamo su Immagine - Applica immagine.
Con lo strumeto selezione rettangolare clicchiamo col destro sulla nostra figura e facciamo duplica livello...
...dal box dei livelli selezioniamo il livello di mezzo, e cliccando sulla figura con lo stumento selezine rettangolare, facciamo Trasformazione libera... - Rifletti verticalmente.
Con lo strumento Sposta premendo "V", ci spostiamo il nostro livello come in figura e gli applichiamo un'opacità del 50%.
Fatto questo andiamo su Livello - Maschera livello - Mostra tutto...
Premendo "G", ci selezioniamo lo strumento sfumatura e controlliamo che il colore di essa vada dal bianco al nero o viceversa.
Con lo strumento tracciamo una linea verticale dal basso verso l'alto o viceversa, finchè non otterremo un risultato soddisfacente.
ECCO IL RISULTATO FINALE
Guida creata interamente dal sottoscritto
Ultima modifica:
