2015年3月9日 星期一

[教學] 利用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檔,接著,這張圖片就會是有透明度的一張圖片嘍!

Share:

0 意見:

張貼留言