Newsgroup: it.comp.grafica.photoshop
Titolo: aiutino per gif menu

ciao a tutti
sto cimentandomi nella creazione di un sito personale, e partendo da
zero, leggendo un po in giro, sono incappato in questo problema.
Immagino che sia una cavolata ma dopo vari tentativi non ne esco
fuori.
Volevo fare delle gif per un menu, simile a questa scritta che ho
trovato per il web
http://megaimpero.altervista.org/scritta.gif
in photoshop parto da una immagine nuova, do le dimensioni e metto
trasparente.
faccio la mia scritta col testo, ma quando la esporto in gif mi viene
malino, cioè i bordi sono frastagliati e c'e un alone bianco.
La scritta che ho linkato invece ha i contorni ben definita, ed
essendo trasparente lo sfondo posso metterla su vari colori che non si
nota lo stacco.
Forse sbaglio nell'impostare rgb, index, ecc...e sicuramente altro
ancora,
Potreste darmi qualche consiglio?
grazie
MEga

 Potreste darmi qualche consiglio?
Forse è una questione di numero di colori, imposta la gif a 256
colori.
--
D00PAR
www.alessioproietti.com
www.photo4u.it/album_personal.php?user_id=9632
http://doopar.deviantart.com

> Non si vede!
scusa , dovreste fare un copia/incolla nel browser che altervista ha
sto problemino.

nessuno sa come fare? ho fatto una ricerca ed ho provato con consigli
dati in passato ma non riesco a riprodurre lo stesso effetto.
pls :)



Più che un aiutino dovresti dare una ripassata alle teorie del colore e
di come viene gestito dai vari formati immagine.
Il formato gif non permette un canale di trasparenza (alpha) ad 8 bit (256
sfumature di "trasparenza", o grigio), quindi l'immagine avrà sempre dei
bordi frastagliati nelle curve e nessun problema sui tratti dell'immagine
ortogonali. 
Per ovviare all'inconveniente, il "save for web"
(CTRL*SHIFT+ALT+S) di Photoshop, usato per salvare in formato gif
trasparente, ti permette di lavorare sul "matte", che sarebbe il colore di
fusione dell'ipotetico sfondo dove andrai a mettere la tua gif.
In alternativa, usa il formato PNG trasparente a 24 bit, che rende le
trasparenze con antialias perfetto.
Questo però comporta un'incompatibilità con IE6 (con Mozilla, Opera e
IE7 non c'è nessun problema).
Per risolvere questa incompatibilità hai bisogno di usare javascript e i
controlli active X di IE6.
1) Linki, negli header della pagina tramite una condizione da IE6 in giù; un file javascript con questo nome:
<!--[if gte IE 5.5000]>
<script type="text/javascript" src="pngfix.js"></script>
<![endif]-->
2) Nella root del sito crei un file chiamato pngfix.js e incolli dentro il file
questo codice (con i commenti del creatore dello script):
// Correctly handle PNG transparency in Win IE 5.5 or higher.
// 
http://homepage.ntlworld.com/bobosola
. Updated 02-March-2004
function correctPNG() 
   {
   for(var i=0; i<document.images.length; i++)
      {
      var img = document.images[i]
      var imgName = img.src.toUpperCase()
      if (imgName.substring(imgName.length-3, imgName.length) == "PNG")
         {
         var imgID = (
img.id
) ? "id='" + 
img.id
 + "' " : ""
         var imgClass = (img.className) ? "class='" + img.className + "' " : ""
         var imgTitle = (img.title) ? "title='" + img.title + "' " : "title='" + img.alt + "' "
         var imgStyle = "display:inline-block;" + img.style.cssText 
         if (img.align == "left") imgStyle = "float:left;" + imgStyle
         if (img.align == "right") imgStyle = "float:right;" + imgStyle
         if (img.parentElement.href) imgStyle = "cursor:hand;" + imgStyle        
         var strNewHTML = "<span " + imgID + imgClass + imgTitle
         + " style=\"" + "width:" + img.width + "px; height:" + img.height + "px;" + imgStyle + ";"
         + "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"
         + "(src=\'" + img.src + "\', sizingMethod='scale');\"></span>" 
         img.outerHTML = strNewHTML
         i = i-1
         }
      }
   }
window.attachEvent("onload", correctPNG);
Fine della storia.
il Filtro Microsoft AlphaImageLoader caricherà il canale alpha di ogni PNG trasparente presente nella pagina (più facile a farsi che a dirsi, eh)
-- 
 Bak [ ICQ 13249673 ]
"Orwell was an optimist"
  Kibo

 il Filtro Microsoft AlphaImageLoader caricherà il canale alpha di ogni PNG trasparente presente nella pagina (più facile a farsi che a dirsi, eh)
wow, lo spero! :)
grazie mille delle info, sto week-end provo a fare come mi hai detto.
solo che continuo a non capire come quella gif che ho linkato possa
essere fatta essendo propio con estensione gif e non png.
grazie ancora
ciao
MEga

 grazie ancora
Perché* è una gif con una tavola di 16 colori più trasparenza.
Nonostante il colore di primo piano del testo sia un unico verdone, e che
sia presente un grigio nel riquadro (quindi due colori e bon, in teoria),
il resto dei colori servono a simulare un antialising che va a sfocare,
guardacaso, su un background bianco (a questo serve il colore di "matte",
esportando in gif trasparente con il "save for web" di photoshop).


 esportando in gif trasparente con il "save for web" di photoshop).
ok, grazie ancora, ora credo di avere capito
ciao
MEga