Toggle sidebar
  • 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!

Release Creare un tasto in stile skype

-AnDr3a-

-AnDr3a-

Utente Esperto
Autore del topic
20 Novembre 2011
1.215
0
Miglior risposta
0
Iniziamo…

Per prima cosa apri un nuovo documento su photoshop della dimensione di 250×80 pixels.

Con lo strumento forma rettangolo con angoli arrotondati e un raggio di 30px crea la forma di tasto. Non importa il colore.​

skype1.png

Il prossimo passaggio sarà impostare gli stili al pulsante.

Di seguito mostrerò una carrellata di stili da applicare (dal tasto fx del livello). Settali tutti contemporaneamente cosi come li mostro.

Applica una sovrapposizione sfumatura con tonalita di azzurro lineare a 90 gradi con il colore più chiaro in alto:​

skype2.png

skype3.png

Adesso uno smusso ed effetto rilievo con queste impostazioni:​

skype4.png

skype-5.png

Adesso applica una traccia di 1 pixel centrale del colore #0f9fc9.​

skype6.png

skype7.png

I prossimi due effetti riguardano relativamente le ombre esterna ed interna.

Ombra esterna:​

skype8.png

http://www.andrealeti.it/wp-content/uploads/skype-9.png[/img[/spoiler]

[CENTER][B]Ed ombra interna:[/B][/CENTER]

[spoiler][img]http://www.andrealeti.it/wp-content/uploads/skype10.png

skype11.png

A questo punto il grosso è fatto non ci resta che inserire la Call To Action!

Il testo della call to action differisce da azione a azione. In questo tutorial immaginerò che tu voglia far scaricare qualcosa e dunque il “Download” come azione può andar bene.

Alla scritta Download di colore bianco applica un leggera ombra interna:

skype12a.png
Il risultato Finale​

skype12.png

Fonte:
Perfavore, Entra oppure Registrati per vedere i Link!
 
Ultima modifica:
Riferimento: Creare un tasto in stile skype

Facilotto, ma grazie ;), inserisci la fonte:emoji_smoking:
 
Riferimento: Creare un tasto in stile skype

Scusa sono ancora ai primi passi con photoshop e quindi è quasi ovvio che avrò dei problemi!
Trovo questa guida molto utile ma non sono riuscito a farlo perchè mi blocco già al primo passaggio quando dici che bisogna fare un rettangolo con angoli arrotondati e un raggio di 30px !
Potresti spiegare anche questo passaggio!​
 
Riferimento: Creare un tasto in stile skype

HABIR.jasa ha detto:
Scusa sono ancora ai primi passi con photoshop e quindi è quasi ovvio che avrò dei problemi!
Trovo questa guida molto utile ma non sono riuscito a farlo perchè mi blocco già al primo passaggio quando dici che bisogna fare un rettangolo con angoli arrotondati e un raggio di 30px !
Potresti spiegare anche questo passaggio!​
Clicca per espandere...

Devi usare lo strumento "Rettangolo arrotondato" se non lo hai in primo piano tra gli strumenti lo trovi sotto lo strumento rettangolo.
oppure vai sullo strumento selezione rettangolare,fai una selezione e poi vai su selezione->modifica->arrotonda e metti 30 px.Ma ti consiglio il primo passaggio perché ti verrà sicuramente più facile.
 
Riferimento: Creare un tasto in stile skype

Guida Buona e Molto Dettagliata ... Servirà per Fare i Tasti per Qualcosa per Esempio qualche Skin o Altro Meriti Grazie ^^
 
Devi accedere o registrarti per rispondere qui.
 
 
Top
Indietro