社區教育培訓網站：社區網頁製作與網站管理課程10jj\03\03-15
[回首頁]、[本編目錄]、[上一編]、[下一編]
第十五週、利用Photoshop製作標題、剪貼與色彩調整
課程教師：鄭錦德
一、製作標題logo
在Photoshop裡面開啟一個新檔案，決定圖檔尺寸(image size)。設定成寬*高=250(pixels)*100(pixels)。可以把這一張圖當作是一般的圖畫紙，接下來就要在上面畫logo。
在Photoshop裡面畫圖是利用一層一層圖層(layer)將不同的圖畫元素疊上去的概念。剛剛我們所開啟的空白圖檔，就代表這張圖的背景，之後我們要加包含任何內容的圖層上去，都不會影響到背景顏色，因為背景是一個單獨的圖層(layer)。同學可以利用水筒
來練習置換背景色。
利用文字工具
在背景上面鍵入文字。在鍵入文字的時候，Photoshop會自動產生一個新的圖層(layer)來置放文字。在文字工具裡面有幾項重要功能：
- 選擇字體
- 選擇文字大小
- 選擇文字齊右、齊中、齊左
- 選擇文字顏色
- 套用斜體、加底線、粗體
- 行距(leading)
- 字距(tracking)
- 去掉文字鋸齒邊(Anti-Alias)，讓文字邊邊看起來較為滑順，請參看下圖以對照有無去鋸齒邊的差別。
但是這樣的標題logo還是太陽春、單調了一些，可以利用Photoshop附的簡單特效罐頭來增加背景及文字的表面觸感。在photoshop裡面的filter功能包含了許多特效，現在就利用filter→texture→texturizer來幫背景增加類似岩紋的肌理感觸，如下圖：
→
利用filter→texture→mosaic tile讓文字有馬賽克立體磚般的觸感，或是利用filter→distort→pinch將字體扭曲，字體看起來更加生動：
→
標題logo有的內容之後，可以在加個邊框，看起來更加正式、典雅，做法是select all→stroke，決定邊框的大小→filter→texture→mosaic tiles。在這裡最好作成三個圖層，背景圖層、邊題字圖層、邊框圖層。
製作完標題logo之後，需要將檔案存檔，因為通常logo的形式較為簡單，沒有加入複雜的圖片，因此將logo儲存成.gif即可，其步驟為image→mode→indexed color，然後電腦會將圖片的圖層全部合併在一起，之後將圖片儲存成.gif即可。
在將檔案儲存成gif的同時也可以將底色去除掉只剩下文字的部份，如下圖：
其步驟為image→mode→indexed color→export→GIF98a export→螢幕出現一對話框，並且提供選取顏色的工具讓我們去選取即將要透掉的顏色是那個顏色，在此我們選取的是藍色，選完之後將檔案類型選為.gif即可。
(有關filter其他特效效果的詳細說明，可參看吃不完的特效罐頭大餐，包准你飽餐一頓)
二、剪貼人物、置換背景
在Photoshop可以利用簡單的選取工具-仙女棒
，仙女棒的主要功能是可以自動的辨別出某些質感相同的圖形，進行快速的選取。因此我們可以利用仙女棒這個工具來將照片裡面的某個部份選取出來，不過前提是照片不能夠太複雜，否則Photoshop再怎麼聰明，也不可能幫我們選取的這麼仔細。以下舉兩個例子，一個是背景簡單的照片，一個是背景複雜的人物照片。從下列左圖可以看出來，選取的範圍較大、較完整，因為這張圖的背景較為簡單，右圖所選取的區域非常零碎而且不完整，因為背景太複雜了，仙女棒沒辦法辨認出單純的背景。通常選取的原則都是以仙女棒去選取背景為主，因為大部分的照片人物的區域所包含的顏色、觸感較為複雜，也較不容易選取，因此會以背景為主要的選取對象。
在此提供一些簡單的選取工具與技巧，以幫助同學選取人物：
- 選取相反的物體：select→inverse。由於在上圖左所選取的範圍並不是人物本身，而是主角以外我們所要剔除的背景，因此就可以利用select→inverse來選取圖片中的人物。
- 利用手工選取工具
：雖然我們利用仙女棒可以在背景簡單的圖中選取大部分的背景，但是還是有些較為細瑣零碎或是顏色突出的區域沒辦法被選取到，此時就可以利用
- 儲存選取區域：select→save selection。因為選取圖像是一件非常精細的動作，因此常常會因為一不小心就將剛剛辛辛苦苦選取的區域給弄不見了，真的令人欲哭無淚，其實Photoshop提供了一個可以讓我們儲存選取區域的功能讓我們可以隨時呼叫出不同時期所儲存的選取區域，以繼續更進一步的選取工作。
- 呼叫已儲存的選取區域：select→load selection。
同學可以練習利用下列鎖提供的圖片來練習選取圖的動作，並且將選取出來的圖片貼到這個風景圖中。
- 下載練習選取人物的圖片：select-source.psd
- 下載練習貼圖的風景圖片：landscope.psd
- 貼完之後，可以做出一個類似下圖圖片的成品，請將此圖片儲存成.jpg檔。
三、調整圖片要素
通常我們利用數位相機或是利用掃描器掃出來的圖片，常常因為拍攝情形不佳或是掃描品質不好等等各種元素，導致圖片不是太暗就是清晰度不夠，此時可以在Photoshop裡面叫出這些圖片，利用這個程式幾個專門調圖的工具，三兩下就可以將不理想的圖片調整成較為接近我們理想的狀態，以下略介紹之。
在Photoshop裡面的Image→adjust底下提供了幾個重要的、較為常用的，也可以說是可以用來應付大部分調圖的需要的功能：
利用image→adjust→levels來調整光線的分布，讓原本暗沈的圖片，光線變得較為充足。
→
→
→
四、本週進度指定作業
- 請學員製作網站的標題logo，並放到自己的網頁上面。
- 請學員將出現有自己形象的照片選取出來配上不同的背景，並放到自己的網頁上面。
mailto:jdz@mail.bamboo.hc.edu.tw/
