Per Info clicca qui

Un trucco al giorno nella tua casella di posta elettronica?


Advertising - Circuito banner pubblicitario Merlin Wizard srl - www.ilbanner.com

scarica la lezione.gif (284 byte)

Scarica questa lezione 370KB

Creiamo un banner con Paint Shop Pro 5
by Luigi ( info@manuali.net )
http://www.manuali.net 

Introduzione:

Per chi ancora non lo sapesse un banner pubblicitario è un mezzo di promozione visivo che si usa in  Internet. Tralasciando tutti gli aspetti dedicati alla promozione riguardo questo mezzo, ci dedicheremo invece a crearne tecnicamente uno, giusto per vedere un po' come si fa :-)

Quali programmi utilizzare? In genere esistono programmi specifici (che sono poi quelli  usati per la creazione di immagini GIF), ma ho deciso di smanettare con PaintShopPro 5.0 della JASC, Inc. Software www.jasc.com. Lo potete scaricare da Internet da qualsiasi sito che raccoglie programmi (volftp.it , www.tucows.com), ma lo trovate allegato in molti CD regalati con le riviste di informatica. Incluso con PSP 5.0 vi è Animation Shop espressamente dedicato alle gif animate ed ai banner.

logo.gif (2541 byte)

 

Cominciamo a vedere le funzioni basilari:

Vediamo quindi come cominciare a creare il nostro banner.

In genere i banner hanno una dimensione di 468X60 dove:

468 sta per la lunghezza

60 sta per l'altezza.

Eccovene un esempio:

manualban3.gif (48593 byte)

Questo banner è stato creato per il mio sito www.manuali.net con PaintShopPro 5; l'unico suo "difetto" è che risulta un po' pesante da caricare (è di 47,5 kb). Tuttavia con alcuni accorgimenti si possono creare banner graficamente migliori e che possono "pesare" molto meno.

Apriamo PSP 5 e clicchiamo poi su "New" (oppure Ctrl+N) psp1.gif (2961 byte)

 

 

Vi apparirà la seguente finestra di dialogo:

 

psp2.gif (5889 byte)

Impostiamo il banner per 468X60 e scegliamo come sfondo (Background Blue) il colore Blue.

Cliccando su OK ecco la base del banner su cui lavoreremo:

psp3.gif (1066 byte)

Bene. Se vogliamo intanto aggiungere dei bordi, lo facciamo subito con Image-Add Borders. psp4.gif (2424 byte)

In questo caso ho scelto il colore giallo, ma naturalmente può cambiare sia il colore che lo spessore.

psp5.gif (1310 byte)


Il banner è come una gif animata: è composta da vari frames che poi vanno "incollati" insieme. Ad ulteriore chiarimento vi mostro un esempio di frames  e relativo risultato finale:

bfly1.gif (1460 byte) bfly2.gif (1730 byte) bfly3.gif (1702 byte) bfly4.gif (1525 byte) bfly5.gif (1308 byte) bfly6.gif (1525 byte) bfly7.gif (1702 byte) bfly8.gif (1730 byte)

Queste sono varie immagini lavorate singolarmente. Una volta assemblate con  Animation Shop, il risultato è il seguente:

bttrfly.gif (7313 byte)


Torniamo al nostro banner...

Intanto facciamo delle "copie" della base che abbiamo creato (Selezioni l'immagine e Ctrl+C seguito da Ctrl+V) e cominciamo a scrivere sul primo frames. Poi scegliamo un colore che contrasta con il Blue (rosso ad esempio). Per scrivere occorre cliccare sulla casellina "Add Text".

Fate attenzione: a volte PSP 5.0 vi dice che per lavorare con un'ampia gamma di colori dovete selezionare l'opzione Colors-Increase Color Depth- 16 Million of colors. Questa informazione vi servirà anche quando dovrete lavorare con i banner.

 

 

psp6.gif (2294 byte)

Adesso andiamo nella finestra di dialogo di "Add Text". Come potete vedere in "Name" potete scegliere il tipo di fonts , e così via tutte le altre opzioni che trovate in qualsiasi word processor. Strikeout, Underline e Antialias consentono di aggiungere degli effetti al testo. La casella che vi conviene selezionare è "Floating". In questo modo potete spostare la scritta dove volete con il mouse. psp7.gif (19995 byte)

Scriviamo "Hai una tua guida..." e poi scegliamo Image-Effects-Chisel... psp7b.gif (14298 byte)

Questo consentirà di aggiungere un effetto speciale alla nostra scritta. Naturalmente questa specie di "alone" potrà essere ingrandito (in Size) oppure potrà dare un effetto di trasparenza (Trasparent)... psp7bb.gif (10353 byte)

Il risultato è il seguente:

psp8.gif (3733 byte)

Apriamo un altro frames vuoto e scriviamo "...per Internet?"

psp9.gif (3267 byte)

Continuiamo a scrivere...

psp10.gif (2872 byte)

psp11.gif (3686 byte)

ed il finale...

psp12.gif (8559 byte)

In questo caso ho scelto un altro effetto da aggiugere alla scritta: quello di Drop Shadows (Image-Effects-Drop Shadows).

 

Bene, la prima parte del lavoro è finita. Andiamo nella pagina seguente.

|HomePage| Sezione Grafica|                                                                                         |Vai alla seconda parte|

 scarica la lezione.gif (284 byte) Scarica questa lezione 370KB

Aggiornamenti e novità  |Forum | Sezione Download | Sevizi utili | Supporta GuidainLinea | Guida al sito | Rassegna Stampa | Home page