iT's mY ShOW

那天無聊玩起網誌編輯，想要做一些Blog的css給大家套用，而Blog的型式一直想用個半透明的感覺(因為在別人的Blog裏，有看到用語法變成透明的版面)，於是我就試著打開Photoshop製作我的半透明圖片!

剛開始百般測試都不行，也參考了許多關於它的教學網站，更弄了很多張圖，而在這些失敗中，我發覺我是個很豬頭的人，有時腦筋很難轉過來，不過，後來才得知是自己有些小地方疏失到了!
不過，用Photoshop網點的方式雖然可達到css中半透明的效果，但它卻不能像css語法中能選擇其透明的程度(0~100透明度的選擇)

但有點是在css語法中不能做到的，就是可用它選擇一些較特別的圖樣，來做半透明的圖片(做法仍和下面的那些部驟一樣，唯有只是在一開始設定的圖 樣的地方，可用一般圖片的方式來套用製作它)!而用Photoshop來做半透明的圖，其實很簡單並不複雜，製作方法如下：

1.開起Photoshop(我是用7.0版做的，不過又哪版都沒差，大至上都是一樣的，只不過有可能有些位置或名稱會不太一樣，可能就要麻煩找一下了!)只要新增一個圖樣，寬為2像素．高為2像素，且內容勾選透明樣式

2.選擇想要變透明的顏色，然後將其左上及右下(也可右上及左下)各畫1象素，畫好後，在按下編輯，並選定義圖樣，然後在按下確定儲存圖樣(我試過其它顏色也是可以的哦~且也可以將一些特別的圖片製成透明的哦~ex：風景圖或是可愛的圖片…等!而方法與其設定圖樣的步驟是一樣的，只要將用好的圖，按下定義圖樣，並存下它，就ok囉!!)　

3.在新增一個1024x768的圖樣(最好別小於1024x768象素，否則會怪怪的哦~)，且內容一樣選擇透明的格式

4.選擇油漆筒，然後在填滿中改選取圖樣的型式

5.在圖樣中選取最早之前做好的寬2象素．高2象素的圖樣(ps.圖樣最旁邊的不透明記得要選100%)

6.使用油漆筒倒入1024x768的圖樣中(只倒一次就ok哦!)

7.儲存成GIF檔(別存.jpg或其它檔哦~)

8.按下儲存後，會跑出一個索引色，記得勾選不透明，在按下確定

9.之後會跑出GIF選項，需選交錯式

最後上傳圖片到網頁空間中，然後使用背景圖片的語法，將圖片加到想變成半透明的地方，ex：.blogbody {background:url (圖片網址)}