Come creare un banner o un pulsante con KingStyles

Ciao! ben venuto su valkiro, iscriviti al feed RSS per rimanere aggiornato su questo e altri articoli.

kingstyles

E’ oramai risaputo che la prima cosa che salta all’occhio ad un visitatore di un blog o sito web è l’aspetto grafico, ci sono ricerche che hanno rilevato come la percentuale di visitatori che cambiano subito la pagina web senza approfondirne i contenuti solo perchè non piace la grafica è molto alta, risulta quindi molto importante in fase di progettazione di un blog o sito web fare un’attenta valutazione sul tema che si vuole utilizzare e sui pulsanti e banner che si vogliono inserire.

Non tutti hanno le giuste capacità per utilizzare programmi come Photoshop per realizzare i banner o i pulsanti da inserire nelle pagine e nei temi, per queste persone vengono in aiuto tante applicazioni online gratuite che grazie alla loro semplicità di utilizzo permettono anche ai meno esperti di realizzare delle immagini di elevata qualità anche con effetti particolari, immagini che a prima vista sembrano essere state realizzate da dei professionisti web designer.

Una nuova e ottima applicazione online per la creazione di banner e pulsanti è kingStyles, l’applicazione è gratuita e non necessita di registrazione, la prima operazione da fare per iniziare ad utilizzare l’applicazione è andare ad impostare le dimensioni del banner che volete creare, in seguito avete a disposizione varie opzioni come la scelta degli effetti, dei colori, delle dimensioni di un possibile testo da inserirvi dentro, la possibilità di sovrapporre sulla prima immagine una seconda o una terza ma anche una quarta e così via tra quelle disponibili, ed altre ancora……

Vediamo ad esempio come realizzare un pulsante con la scritta “floral”.

Step 1: Create una nuova immagine e nelle misure mettete width “150px” e height “50px”, nella parte bassa di questa pagina potete anche vedere un’anteprima della grandezza dell’immagine con le misure appena inserite, per proseguire cliccate sul pulsante “Create”

Step 2: Dal menù dell’applicazione andate a cliccare sull’icona “Shapes” e selezionate la forma del rettangolo con i bordi arrotondati nel menù “Category”, selezionate quindi una delle varie immagini disponibili, selezionate il colore, lo Style, size mettete 57 e cliccate sul pulsante “Ok”

Step 3: Adesso si deve andare ad aggiungere un piccolo disegno a tema floreale, nel menù dell’applicazione andate a cliccare nuovamente sull’icona “Shapes”, da “Category” andate a scegliere il tema dell’immaginetta che in questo caso andrà a corrispondere su uno stile simile ai fiori come potete vedere nell’immagine qui sotto, nella finestra che si andrà ad aprire scegliete l’immagine tra quelle disponibili, cliccandoci sopra, su style andrete a scegliere il colore dell’immaginetta e su “Size” impostate il valore della dimensione che nell’esempio è di 23, infine premete sul pulsante “OK

Step 4: Bene abbiamo quasi finito, adesso si deve andare ad aggiungere il teso, nel menù dell’applicazione dovete andare a cliccare sull’icona “Text”, nel riquadro che vi si andrà a visualizzare troverete il campo dove andare a scrivere il testo (Text), quello per la scelta del font (Font), del colore (Style) e della grandezza (Size), per rimanere sull’esempio di questo tutorial andate a scrivere “Floral”, come colore lasciate quello visualizzato di default e come dimensione 35, cliccate quindi sul pulsante “Ok”, il testo potrà in seguito essere posizionato dove volete all’interno della prima immagine semplicemente cliccandoci sopra e con il tasto del mouse premuto spostarlo nella giusta posizione dove potrete adesso rilasciare il tasto del mouse.