Creare un bottone 3D stile Yahoo


Vediamo un altro tipo di bottone: un bottone 3D simile a quelli stile Yahoo. Ok, prima di tutto crea una nuova immagine, 200x200 pixel 16 milioni di colori, colore di sfondo bianco e colore di primo piano nero. Poi seleziona lo strumento selezione (forma: cerchio) e disegna una selezione circolare, cosi':

Ora seleziona lo strumento flood fill (secchiello) ed imposta il fill style (stile di riempimento) come Linear Gradient. Clicca sul bottone'Options' ed imposta la direzione a 135 gradi:

Seleziona nuovamente lo strumento selezione e disegna un secondo cerchio piu' piccolo all' interno del primo. Poi imposta il colore di primo piano sul bianco e scegli un colore per lo sfondo. Ora seleziona ancora lo strumento flood fill, imposta 'Match Mode' su 'None', 'Tolerance' a '0', Fill style come 'Sunburst Gradient'. Clicca sul bottone 'Options' ed imposta 'Vertical' al '25%' ed 'Horizontal' al '25%'. Ora, riempiendo la selezione piu' interna, otterrai qualcosa del genere:

Infine, clicca su 'Image', scegli 'Resize' ed imposta una nuova dimensione (Width a 50 ed Height a 50 pixel). Ora seleziona lo strumento dropper (contagocce) e clicca sul colore dello sfondo (bianco), per ottenere l'indice di quel colore (che apparira' nella parte destra della finestra di PaintShop) poi clicca su 'Colors' e scegli 'Set Palette Transparency'. Ora seleziona 'Set the transparency value to palette entry' e riempi questo campo con l'indice trovato precedentemente con il contagocce (in questo modo stai impostando la trasparenza su un colore ben preciso, e cioe' lo sfondo bianco). Questo e' solo un esempio:

(Puoi costruire questo bottone usando Paintshop Pro, ma se il tuo programma di grafica e' un altro, diciamo Photoshop, puoi ottenere la stessa immagine usando quasi le stesse tecniche. In questo caso esiste una piccola differenza tra Paintshop e Photoshop. Infatti se usi Photoshop devi selezionare lo strumento di sfumatura lineare invece del secchiello. Dopo averlo selezionato, devi inserirlo all'interno della selezione circolare usando il mouse).


Glossario       Home  Pag. prec.       Chi siamo?  Scrivici!

Copyright © 1998-2005 Wowarea