[教學] 利用PhotoImapct製作透明圖層

有時候製作網頁的時候，會需要使用到有透明度的圖片，像是這個網站的標題下方黑色區塊，就是具有透明度的圖片（可以隱約看到背後的圖片），那麼，我們到底要如何製作具有透明度的圖片，在網頁製作時使用呢？




STEP 1. 建立一個背景為透明的圖案

STEP 2. 儲存成PNG檔

STEP 3. 把檔案關掉，重開（這一步很重要）

STEP 4.建立一個新的影像，影像大小和剛剛那個一樣，但是可以挑選想變成透明化的圖案

STEP 5. 打開剛剛那個建立好的透明PNG檔，然後利用複製（CTRL+C）和貼上（CTRL+V）把有顏色的影像，複製到透明的PNG檔上。

STEP 6. 複製完成後，接著在原本的透明PNG檔上點右鍵按「內容」

STEP 7. 接下來就可以調整這張圖片的透明度拉！

STEP 8.最後，一樣把這張圖片儲存成PNG檔，接著，這張圖片就會是有透明度的一張圖片嘍！