Come fare pulsanti lucida Web 2.0

November 20

Lo stile Web 2.0 è luminoso, audace e brillante. Durante la progettazione di siti web in questo stile, ha senso per creare un pulsante con questi attributi. Pulsanti Web 2.0 iniziano con un rettangolo arrotondato dato un gradiente luminoso. Il trucco per aggiungere la lucentezza ai pulsanti è l'aggiunta di uno strato bianco pianura sopra il pulsante e girando verso il basso la sua opacità. Dopo aver creato il pulsante, tagliato fuori dalla tavolozza e salvarlo in formato PNG, che è un grande formato per la grafica Web che hanno bisogno di trasparenza.

istruzione

1 Avviare un programma di editing grafico come Photoshop o GIMP. Creare un nuovo file abbastanza grande da contenere il pulsante con un paio di centinaia di pixel di spazio in più. Utilizzare uno strumento forma per disegnare un rettangolo in qualsiasi colore sulla tela. Utilizzare uno strumento rettangolo arrotondato se uno è a vostra disposizione.

2 Fare doppio clic sul colore di primo piano nella tavolozza dei colori e selezionare un colore brillante. Selezionare una tonalità leggermente più chiara per il colore di sfondo. Fare clic lo strumento di selezione "bacchetta magica" sullo spazio vuoto sulla tela, e andare su "Select" e "Inverse" per selezionare solo il pulsante. Selezionate lo strumento sfumatura, clicca su uno bordo del pulsante e trascinare la sfumatura alla parte superiore del pulsante mentre si tiene "Shift" sulla tastiera.

3 Create un nuovo livello e utilizzare lo strumento di selezione per selezionare la metà superiore del pulsante. Compila questo con colore bianco utilizzando lo strumento secchiello. Modificare l'opacità del livello al 15 per cento.

4 Selezionare lo strumento testo e fare clic il cursore sul pulsante. Digitare il testo, evidenziarlo e selezionare un tipo di carattere. Utilizzare testo bianco nel pulsante. Fare clic e trascinare il testo per allinearlo con il pulsante dopo aver finito di digitare il testo.

5 Utilizzare la "bacchetta magica" per selezionare lo spazio bianco attorno al pulsante e invertire la selezione per scegliere di nuovo solo il pulsante. Raccolto il pulsante e salvare utilizzando il formato PNG con trasparenza attivata.