Come fare tasti di plastica in Gimp

November 12

Slick, grafica pulita con l'aspetto di plastica lucida e vetro sono il segno distintivo del look Web 2.0. pulsanti Web 2.0 stile può aggiungere un tocco di colore e un senso di profondità alla tua pagina web e di altri progetti di visual design. Gimp, un potente e gratuito applicazione di authoring immagine, fornisce tutti gli strumenti necessari per creare facilmente bottoni in plastica lucida.

istruzione

1 Creare un nuovo documento la dimensione che si desidera che il pulsante di essere. Per iniziare, prova a 200 pixel di larghezza per 100 pixel di altezza.

2 Creare un nuovo livello trasparente denominato "Button". Gettare il livello di sfondo nella spazzatura o nasconderlo. Fare clic sul livello "Button" per renderlo attivo.

3 Fare clic su "selezione rettangolare Tool" nella casella degli strumenti. Selezionare l'opzione "angoli arrotondati" nel pannello delle opzioni e regolare la distanza per la quantità desiderata. Per un pulsante 200-by-100, provate un raggio di 20.

4 Scegli un colore medio di tonalità per il colore di primo piano (non troppo scuro, non troppo leggero). Utilizzare 114, 205, 227 per i valori R, G e B, rispettivamente, e che vi darà una tonalità polverose di blu uovo di pettirosso.

5 Selezionare "Riempire con il colore" dal menu "Modifica".

6 Fare clic sul pulsante "Crea un livello duplicato" nella palette Livelli.

7 Selezionare l'opzione "Paths Tool" dalla casella degli strumenti. Creare un rettangolo attorno alla metà inferiore dell'immagine un po 'più grande il pulsante. Oltre ai punti di ancoraggio angolo del rettangolo, includere un punto di ancoraggio lungo il bordo superiore del rettangolo nel centro del tasto, trascinando il mouse tenendo premuto il pulsante sinistro del mouse per creare maniglie per regolare la curva del percorso. Dopo aver terminato il rettangolo, fare clic sulla parte superiore, punto centrale di ancoraggio e spostare le maniglie per rendere un'onda molto sottile o una curva per la riflessione. (Vedere la sezione "Risorse" di questo articolo per ulteriori informazioni sulla creazione e modifica dei tracciati.)

8 Fai clic su "Selezione da Path" sulla tavolozza opzioni. Fare doppio verificare che lo strato superiore è il livello attivo. Vi è ora un'area di selezione intorno alla parte inferiore del pulsante a forma avete disegnato con lo strumento tracciati.

9 Hit il tasto Canc per eliminare la metà inferiore dell'immagine tasto nello strato superiore. Fare clic sulla casella di controllo "Blocco canale alfa" sulla palette "Livelli" per assicurarsi che le parti trasparenti di questo strato di rimanere trasparente. Rimuovere la casella di selezione scegliendo "Nessuno" dal menu "Seleziona".

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 casella 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 è uovo blu del pettirosso accennato in precedenza, provare i valori R, G, B di 164, 237, 255 per il colore di sfondo.

11 Selezionare l'opzione "Strumento Blend" dalla casella degli strumenti. Impostare il "gradiente" a "FG a BG" nel pannello "Opzioni". Riempire lo strato superiore con un gradiente cliccando superiore dell'immagine e trascinando verticalmente ad un punto circa a metà dell'immagine. Ripetere fino ad ottenere l'effetto desiderato.

12 Spostare lo strato superiore verso il basso e verso destra (appena 3 pixel per un pulsante 200x100) per dare l'illusione di un bordo smussato.

Consigli e avvertenze

  • Esperimento con l'applicazione di gradienti sia per la parte superiore e strati inferiori (bloccare il canale alfa sul canale in basso prima) per ottenere effetti differenti. Prova a utilizzare una tonalità leggermente più scuro del colore di primo piano e trascinare lo strumento "Blend" dal centro verso la parte inferiore dello strato inferiore. Provare a invertire il gradiente sullo strato superiore trascinando lo strumento "Blend" dal centro verso l'alto.
  • Conserva la trasparenza quando si salva l'immagine per assicurarsi che l'immagine oltre gli angoli arrotondati del bottone sono trasparenti. Utilizzare un formato che supporta la trasparenza, come PNG o GIF, unire i livelli visibili, e salvare il colore di sfondo.