Creazione di un bottone rosso per il web con effetto plastica

Supponiamo che abbiamo bisogno di creare un piccolo pulsante sobrio ma evidente che permetta ai visitatori del nostro sito di entrare da qualche parte, quale colore migliore del rosso (dipende ovviamente dai casi) ed un bell'effetto simpatico?
Creiamo una nuova immagine di 300x300 pixel a fondo bianco, creiamo un nuovo livello

Clicchiamo sullo strumento forma ellittica con le seguenti opzioni:

Creiamo un rettangolo al centro dell'immagine

Selezioniamo un rosso scuro per il colore principale ed un rosso molto chiaro (quasi rosa) per il colore di fondo

Facciamo doppio clic nella finestra dei layers sul livello del rettangolo ed in gradient overlay selezioniamo il colore di riempimento da colore principale a secondario, lasciamo gli altri valori invariati e premiamo OK.

Creiamo un nuovo livello

Con lo strumento selezione creiamo un rettangolo come in figura

Premiamo il tasto D per ripristinare i colori e con lo strumento gradient riempiamo la selezione

Premiamo il tasto CTRL e tenendolo premuto clicchiamo sul livello 1 (quello del rettangolo smussato), si crea una selezione attorno ad esso, dal menù selezione clicchiamo su inverti, oppure premiamo direttamente i tasti SHIFT + CTRL + I

assicuriamoci che nella finestra dei layers sia selezionato il layer 2 e premiamo CANC.
Premiamo adesso CTRL + D per eliminare la selezione
Premiamo CTRL + T e ridimensioniamo il livello come in figura, per mantenere le proporzioni e per ridimensionarlo mantenendo la posizione possiamo tenere premuti i tasti SHIFT + ALT mentre trasciniamo una maniglietta all'angolo.

Applichiamo il filtro motion blur come in figura

Selezioniamo il livello 1 ed applichiamo l'effeto rilievo con i valori visualizzati in figura

Applichiamo anche un po' di ombra lasciando i valori predefiniti
Selezioniamo lo strumento testo ed inseriamo il testo, assicuriamoci che tale livello sia tra il layer1 ed il layer2

Applichiamo un effetto bagliore esterno lasciando se vogliamo i valori predefiniti, Dovremmo avere qualcosa del genere:

Con lo strumento selezione tracciamo un area attorno al pulsante per selezionare solo la parte che ci interessa e premiamo i tasti CTRL + SHIFT + C per copiare l'immagine schiacciando tutti i livelli.
Creiamo una nuova immagine mantenendo i valori presenti (sono i valori della selezione precedentemente copiata). Ridimensioniamo l'immagine assicurandoci che la casella mantieni proporzioni sia spuntata, io per l'altezza ho inserito 25pixel.



Ti potrebbe interessare anche

commenta la notizia

C'è 1 commento
Sara
Hai dubbi su questo articolo?