如何製作變色(透明)背景的影像?

◎先準備一張 GIF/89a 格式 的影像,這裡以 chess-1.gif 為例

gif 格式的圖檔有 87a 和 89a 兩種,最多只支援 28 (=256)色,要製作透明背景的影像一定要使用 89a 格式,所以呢! 你在存檔時 檔案類型 一定要看清楚ㄌㄟ,不要存錯了~

◎另外也要準備 LView Pro 1.C 312K(For Win95)

LView Pro 是看圖軟體,有提供一些簡單的影像處理。只要先使用 WINZIP 把它全部(只有六個檔案)解壓縮到 LView 資料夾就可以使用了,不需要安裝~

◎打開 LView Pro 1.C (檔名是 Lviewpro.exe),如右圖所示:
◎按 File/Open...(開啟舊檔),如右圖所示:
◎開啟 chess-1.gif 影像檔後,如右圖所示:

原圖背景是灰色的

◎按 Retouch/Background color...(重訂背景顏色),如右圖所示:
◎會出現一個如右圖所示的色盤,按 ○Black 或 ☉White,看看原圖是否有全黑全白? 不能有雜點在當中,否則會失效。

調好之後,如右圖所示:

接著按 Dropper 按鈕

◎這時候會出現一支注射筒,把它移到灰色的背景處按滑鼠左鍵一下就可以了~
◎按 File/Save As...(另存新檔),如右圖所示:

本例以 chess-2.gif 為檔名另存新檔

打過針後,雖然表面仍是灰色,但是它可是一張變色圖哦! 跟變色龍一樣,走到那變到那~

◎大功告成了! 以下就舉一些例子來看看~ 比較比較~ 左側都有詳細的說明,希望對有需要的人有所幫助~
展示~1.
背景色: #EEC591(棕色)
背景圖: 無
影像: chess-1.gif(灰色部份不透明)

語法: <body bgcolor=#EEC591>
   <img src="chess-1.gif">

展示~2.
背景色: #EEC591(棕色)
背景圖: 無
影像: chess-2.gif(原灰色部份變為棕色)

語法: <body bgcolor=#EEC591>
   <img src="chess-2.gif">

展示~3.
背景色: #E6E6FA(紫色)
背景圖: 無
影像: chess-2.gif(原灰色部份變為紫色)

語法: <body bgcolor=#E6E6FA>
   <img src="chess-2.gif">

展示~4.
背景色: 無
背景圖: bg-1.gif(綠色漸層色彩)
影像: chess-2.gif(原灰色部份變為綠色漸層色彩背景)

語法: <body background="bg-1.gif">
   <img src="chess-2.gif">

展示~5.
背景色: 無
背景圖: bg-2.gif(石頭)
影像: chess-2.gif(原灰色部份變為石頭背景)

語法: <body background="bg-2.gif">
   <img src="chess-2.gif">