Adobe CS5 è una suite di software multimediale utilizzato dai web designer professionisti, designer di stampa e gli editor video. Photoshop è il prodotto più noto della serie, ed è possibile utilizzare questo programma per creare elementi dell'interfaccia utente come i bottoni. Quando si crea un pulsante in Photoshop CS5, iniziare con una forma di rettangolo arrotondato in qualsiasi colore e modificarne le proprietà di miscelazione per dare un aspetto più tridimensionale. Aggiungere testo in Photoshop o lasciare il pulsante vuoto se si desidera utilizzare la programmazione - come ad esempio HTML con fogli di stile - per generare il testo.

istruzione

1 Aprire Photoshop e creare un nuovo file con una dimensione abbastanza grande da includere il pulsante e qualche spazio in più per lavorare in. Se non siete sicuri che dimensioni per andare con, dare una larghezza di 300 pixel e 200 pixel di altezza.

2 Individuare lo strumento "Rettangolo" nella barra degli strumenti. Fare clic sulla sua icona, tenere premuto il pulsante del mouse e selezionare "Rettangolo arrotondato". Modificare le dimensioni delle curve per il vostro rettangolo cambiando il valore di "Raggio" nella barra degli strumenti in alto. Clicca sull'immagine, tenere premuto il mouse e trascinare fino a quando il pulsante di contorno corrisponde alla dimensione del pulsante che si desidera aggiungere.

3 Vai pannello Livelli e fare doppio clic sul nuovo livello si è creato. Selezionare "Proprietà di fusione" per aggiungere gradienti, ombre e bordi. Fai clic su "Sovrapposizione sfumatura" sotto gli stili e fare clic sulla casella a discesa "Gradient" per cambiare il gradiente di default. Fare doppio clic su un presente campione se si desidera utilizzare un gradiente ready-made. Fare doppio clic sul marcatore interruzione di colore nero per modificare il primo colore e poi fare lo stesso per l'interruzione di colore bianco.

4 Vai a corsa e dare il pulsante di un ampio bordo di 1 pixel, rendendo il colore del bordo un po 'più scuro di tonalità più scura del pulsante. Fai clic su "Bagliore interno" e impostare l'opacità al 30 per cento. Impostare la dimensione del bagliore di circa 8 o 10 pixel. Fai clic su "Ombra" e modificare l'ombra di utilizzare una opacità del 30 per cento. Fai clic su "OK" per uscire dalla schermata "Opzioni di fusione".

5 Fare clic sull'icona "T" per utilizzare lo strumento di testo. Selezionare un tipo di carattere e dimensione del carattere dalla barra dei menu in alto e cliccare il cursore sul pulsante. Digitare il testo del pulsante. Vai pannello Livelli e fare doppio clic sul nuovo livello di testo. Seleziona "Opzioni di fusione" e andare in ombra. Dare il testo ombra un'opacità del 30 per cento, con una distanza di 1 pixel e una dimensione di 2 pixel.

6 Nascondere il livello di sfondo cliccando sull'icona "occhio" accanto al fondo nel pannello "Livelli". Passare a Immagine e Trim, e tagliare i pixel trasparenti dall'immagine. Andate su File e Salva per dispositivi Web per salvare il pulsante in un formato web-friendly. Selezionare PNG come formato e assicurarsi che la casella "Trasparenza" è selezionata.