notate come l'impatto 
di un'immagine stagliata sullo sfondo 
sia molto diverso
rispetto a quello che avrebbe la stessa immagine 
ma con il proprio sfondo originale... 

Come ho fatto ad ottenerla?
 Ho reso trasparente lo sfondo....

LE GIF TRASPARENTI


 
COSA SONO? 

Nell'arco di pochi anni, direi addirittura di pochi mesi, la grafica che va di moda su Internet cambia. 
Oggi va di moda lo sfondo bianco, ma non di rado si usano anche degli sfondi colorati, cosrtuiti con un colore predeterminato oppure costituiti da textures (es. GIF).

Se si ha un'immagine scontornata (che ha una forma diversa rispetto ad un rettangolo) è molto più estetico eliminare il suo sfondo originale, ed adottare quello del resto della pagina. Per "immagine" io non intendo solo le solite figure, ma anche delle scritte. Sia le figure che le scritte possono essere portate sullo schermo mantenendo il loro sfondo; e a volte va benissimo così.
Ma -ripeto- spesso è molto più estetico "ritagliarle" e incollarle sullo sfondo del resto della pagina.

Per fare questo si possono adottare più metodi.

a-si può "incollare" l'immagine su uno sfondo uguale a quello del resto della pagina, rendere l' immagine rettangolare e usarla così.
E' il metodo illustrato nella pagina dei tips & tricks.

b-si può rendere "trasparente" lo sfondo originale, in modo che l'immagine possa essere messa su qualunque sfondo: il suo sfondo è trasparente e così "lascia vedere" qualunque altro sfondo vi sia sotto.

Lo standard GIF prevede in effetti una opzione in base alla quale un certo colore possa essere "trasparente". Si tratta di scegliere il colore di sfondo dell'immagine e trasformarlo in "trasparente".

Per compiere questa operazione le cose non sono semplicissime, perchè sono pochi i programmi che hanno questa opzione, e quelli che ci sono sono bruttini e complicati.

1-Immaginiamo di voler 
mettere nella nostra pagina
web il sole di questa figura. 


2-Se inseriamo questa immagine 
nella pagina con lo sfondo qui sopra,
il sole si porta dietro evidentemente
il suo sfondo nero. 
Infatti le immagini che vengono 
messe nelle pagine web si considerano 
sempre rettangolari 
( questo capita in molti altri 
casi, ad esempio, anche i programmi di impaginazione funzionano 
in questo modo) Vediamo
qui sotto l'effetto finale.

3-In molti casi noi vorremmo però 
mettere su questo sfondo il sole
da solo, senza il suo sfondo.
Proviamo a "rendere trasparente"
il nero dello sfondo, e a ontare
l'immagine sullo sfondo: ecco fatto! 
..

Come vedete, l'effetto del sole è molto differente.

COME SI FA?

RENDERE TRASPARENTE
UNA GIF IN SETTE MOSSE...

Il programma più comune per rendere trasparente lo sfondo di una GIF è L-VIEV. 
E' possibile scaricare Lview-pro al sito http://www.lview.com

1-Quindi, il primo passo consiste nel procurarsi questo programma L-view.
 

nota. Per convenzione, metterò qui di fila in maiuscolo il nome da selezionare nel programma. Quindi, "FILE e poi OPEN" significa: "vai sulla voce FILE presente sulla barra in alto. Apparirà un menù. In questo menù vi sono diverse altre voci, tra cui OPEN.Seleziona OPEN cliccandovi sopra".

2-Una volta scaricato, lo si scompatta in una subdirectory con il programma pkunzip. 
Ed ecco la meraviglia: funziona senza installazione. Quando lo si vuole cancellare, basta cancellare la subdirectory. 
Questa è una vera meraviglia, in mezzo ai soliti programmi che impestano tutto il computer.

3-Una volta aperto, si devono compiere alcune operazioni. In primo luogo, si va in PROPERTIES e poi in GIF. Si controlla che sia selezionata la casella "save trasparent..."

4-Ora si apre l'immagine da rendere trasparente, andando in FILE e in OPEN.

5-Ora si va in RETOUCH e poi in COLOR DEPT. Qui si controlla che l'immagine sia come "PALETTE". Se non lo è bisogna renderla PALETTE, perchè come TRUE COLOR non va bene.

6-Si va ancora in RETOUCH e poi in BAK GROUND. Qui occorre selezionare il colore che si vuol rendere trasparente; ad esempio si seleziona la casellina bianca se lo sfondo dell'immagine è bianco, marrone se lo sfondo è marrone, 
e così via.

nota. In genere il colore è ben definito (bianco, nero, ecc.) e quindi basta selezionare la casella corrispondente.
Se le cose sono più complicate (es. vi è un colore molto speciale) si può usare il contagoccie e "catturare" il giusto
colore dello sfondo...

7-Ora si salva l'immagine con FILE e poi SAVE AS. E' importante che nella casella sotto vi sia GIF 89 a. Selezionatelo in mezzo agli altri formati! L'immagine salvata in questo modo ha il colore dello sfondo trasparente! 

TROVO CHE PER 
COSTRUIRE DELLE GIF TRASPARENTI IL 
PROGRAMMA 
MILGLIORE SIA IL 
GIF CONSTRUCTION SET
NON TANTO PERCHè LE COSTRUISCE MEGLIO DI 
ALTRI, MA PERCHE' SERVE ANCHE AD ALTRO...
 

E' un programma interessante, che può servire anche per altre cose, tra cui la creazione di GIF animate.
Lo si può scaricare a :
http://www.mindworkshop.com

Per creare una GIF trasparente seguite le seguenti istruzioni:

1-Aprire la GIF con FILE - OPEN. Apparirà la scritta chiamata "header", che contiene le informazioni relative all'immagine.
Vedrete qui una riga con i dati dell'immagine e l'header. Cliccare sull'header.

2-Clicca su INSERT e su 
CONTROL. La scritta CONTROL apparirà tra l'immagine e l'header.
Cliccare due volte per editare
la parola CONTROL, ed ora 
(nel menu che appare) abilitare TRANSPARENT COLOR

3-seleziona il colore da rendere trasparente, usando il contagocce (eyedropper)

4-salva l'immagine (SAVE)

Nella foto: un cervo ferito, incisione rupestre di circa 7.000 anni fa, presso Boario Terme (Brescia)

.
 

torna all'home page

 
tips &tricks scrivi una e-mail a
lorenzo fratti
(web@serenoeditore.com)
www.serenoeditore.com