Slick , grafica pulita con il look di plastica lucida e vetro sono il segno distintivo del look Web 2.0 . Pulsanti in stile web 2.0 può aggiungere un tocco di colore e di un senso di profondità alla tua pagina web e di altri progetti di visual design . Gimp, un potente e gratuito di creazione dell'immagine , offre tutti gli strumenti necessari per creare facilmente pulsanti in plastica lucida . Istruzioni
1
Creare un nuovo documento delle dimensioni desiderate il pulsante di essere. Per iniziare , prova a 200 pixel di larghezza per 100 pixel di altezza .
2
Create un nuovo livello trasparente denominata " Pulsante ". Gettare il livello di sfondo nella spazzatura o nasconderlo. Fate clic sul livello " Button" per renderla attiva .
3
Fare clic su " selezione rettangolare " nella casella degli strumenti . Selezionare l'opzione " angoli arrotondati " nel pannello delle opzioni e regolare la distanza per l'importo desiderato . Per un pulsante 200 -by - 100 , provare un raggio di 20 .
4
Scegli un colore medio - tonica per il colore di primo piano ( non troppo scuro , non troppo leggero ) . Usare 114 , 205 , 227 per i valori R , G e B rispettivamente, e che vi darà una tonalità polverose di Robin uovo blu .
5
Seleziona " Riempi con il colore " dal " Edit " menu.
6
Fare clic sul pulsante" " sulla palette Livelli .
7
Selezionare l'opzione" Crea un livello duplicato strumento Percorsi " dalla casella degli strumenti . Creare un rettangolo intorno alla metà inferiore dell'immagine un po 'più grande il pulsante . Oltre a angolari punti di ancoraggio del rettangolo , includere un punto di ancoraggio lungo il bordo superiore del rettangolo nel centro del tasto , trascinando il mouse tenendo il pulsante sinistro del mouse per creare maniglie per regolare la curva del percorso . Dopo aver terminato il rettangolo , fare clic , punto di ancoraggio in alto al centro e spostare le maniglie per fare un onda molto sottile o una curva per la riflessione . ( Vedere la sezione "Risorse" di questo articolo per ulteriori informazioni sulla creazione e la modifica dei percorsi . ) Economici
8 Fare clic su " Selezione dal Path" sulla tavolozza Opzioni . Fare doppio verificare che lo strato superiore è il livello attivo . Vi è ora una zona di selezione intorno alla parte inferiore del pulsante a forma disegnata con lo strumento tracciati .
9
Premi il tasto Canc per eliminare la metà inferiore dell'immagine pulsante nello strato superiore . Fare clic sul "Blocco canale alfa " casella di controllo sul " Livelli" palette per assicurarsi che le parti trasparenti di questo strato rimangono trasparenti. Rimuovere la casella di selezione , scegliendo "Nessuno" dal menu " Select" .
10
Selezionare un colore di sfondo che è una tonalità più chiara del colore di primo piano . Fare clic sul campione di colore di sfondo nella finestra degli strumenti per aprire la finestra di selezione del colore . Fare clic sul colore di primo piano nella finestra degli strumenti per copiare quel colore . Regolare i valori per creare un colore più chiaro per il nuovo colore di primo piano . Se il colore di primo piano è il pettirosso uovo blu accennato in precedenza , provare a R , G , B i valori di 164 , 237 , 255 per il colore di sfondo .
11
Selezionate lo strumento " Miscela " dalla casella degli strumenti . Impostare il " gradiente " a " Da pp a sf " nel pannello "Opzioni" . Riempire il livello superiore con un gradiente premendo la parte superiore dell'immagine e trascinando verticalmente ad un punto a circa metà dell'immagine . Ripetere l'operazione fino ad ottenere l'effetto desiderato .
12
Spostare lo strato superiore verso il basso e verso destra ( a soli 3 pixel per un pulsante 200x100 ) per dare l'illusione di un bordo smussato .