18 ott 2009

Creare pulsanti per siti web

Un programma specializzato nella creazione di pulsanti tridimensionali per i siti Web.
Creare un sito Internet è praticamente alla portata di tutti: in Rete troviamo programmi, a pagamento, o gratuiti, che ci guidano passo passo in questa operazione. Nella maggior parte dei casi, si tratta però di software abbastanza generici, che dedicano poca attenzione ai dettagli. Per rifinire il lavoro è meglio dunque affidarsi a un programma specifico, realizzato appositamente per curare un singolo aspetto della lavorazione. Ce ne sono molti in base al tipo di utilizzo per il quale sono destinati, 3D Button Visual Editor , per esempio, serve esclusivamente per creare
pulsanti tridimensionali da inserire nel nostro sito. E lo fa molto bene.
Per creare il nostro pulsante 3D da inserire nelle pagine Web, o anche da utilizzare come ornamento a un'immagine, dobbiamo eseguire tre passaggi principali: stabilire la forma del
pulsante, decidere il testo e, infine, scegliere lo sfondo. Sembrano passaggi banali, ma poiché questo programma è molto specializzato, per ciascuna operazione ci offre una grande quantità di variabili e possibilità. La scelta della forma si effettua all'interno della scheda Shape, che in inglese significa appunto "forma". Troviamo una serie di menu a tendina con diverse possibilità: possiamo fare tutte le prove che desideriamo, fino a trovare la soluzione migliore. Button shape indica la forma generale, per esempio rettangolo, ellisse, parallelogramma oppure libera, da disegnare.
Passando a Surface type, indichiamo il tipo di superficie, per esempio plastica o a "cuscino": sono nomi indicativi, ma il modo migliore per scegliere è fare delle prove e visualizzare il risultato. Special effect e Special effect factor permettono di aggiungere effetti 3D particolari, mentre Shadow mode e Orientation stabiliscono la presenza e la tipologia delle ombre. Come già detto, sono tutte impostazioni richiamabili tramite menu a tendina e un po' di prove sono essenziali per trovare la soluzione che vogliamo.
Se la forma del pulsante è importante, lo è altrettanto il testo che questo contiene. Non ci riferiamo
al significato delle parole, quanto alla loro formattazione, grazie agli strumenti del programma, possiamo scegliere rapidamente il tipo di font e la dimensione, applicando i classici effetti Bold, ltalic e Underscore, rispettivamente grassetto,corsivo e sottolineato. Inoltre, dobbiamo decidere
dove posizionare esattamente il testo all'interno del pulsante. La scelta più ovvia è al centro, ma in alcuni casi possiamo ottenere risultati migliori spostandolo a sinistra oppure in alto. Anche in questo caso, la pratica è la nostra migliore alleata: "giochiamo" un po' con tutte le impostazioni, alla ricerca di una soluzione soddisfacente. Teniamo presente che il testo potrà essere cambiato in qualsiasi momento, ma lavorare già su quello definitivo aiuta a trovare il migliore bilanciamento.
Per quanto riguarda la colorazione del pulsante, abbiamo a disposizione ben tre schede diverse: Colors, Pictures e Textures. Servono risoettivamente a utilizzare un colore singolo (pieno o sfumato), un'immagine o una texture come sfondo per il pulsante. Ciascuna di queste tre
schede ci offre differenti impostazioni e, ancora una volta, abbiamo solo l' imbarazzo della scelta. Dalla scheda colore, oltre a scegliere la tinta, possiamo lavorare a diversi tipi di sfumature, con effetti che aumentano la sensazione di tridimensionalità del pulsante. Nella sezione Pictures abbiamo invece la possibilità di selezionare e adattare, qualsiasi immagine presente nel nostro
computer. Per esempio, possiamo scegliere una fotografia con un bel cielo e sfruttare il contrasto con le nuvole per creare un effetto molto elegante. Allo stesso modo, in Textures dobbiamo caricare una texture già pronta e poi possiamo adattarla come preferiamo. Se invece siamo di fretta o a corto di idee, diamo subito un'occhiata alle ultime due schede del programma:
Templates samples 1 e Templates samples 2. Contengono ciascuna 16 esempi già pronti, che
possiamo utilizzare così come sono, oppure modificare in base alle nostre preferenze. Un volta concluso il lavoro, il pulsante viene salvato in formato PNG, pronto per essere inserito all'interno del nostro sito Internet.
image image

Nessun commento:

Posta un commento