Transcript Photoshop CS5 四. 進行影像設計

大葉大學資工系
黃鈴玲
4.1 影像設計與圖層操作
 「破壞性」與「非破壞性」影像處理觀念：
尺寸色彩調整、裁切、去背等功能都會破壞影像原有資訊
想保有影像的原始資訊需採用「非破壞性」的功能
 認識圖層的類型：
「圖層」可將不同的影像分層
疊在一起
「視窗圖層」可開啟圖層面板
移動工具
若未勾選，
需在圖層面板
才能選取圖層
2015/4/9
2
 影像圖層：
由點陣影像構成，破壞性操作會使影像重新取樣而遺失細節
 新增影像圖層
 將影像拷貝/剪下為圖層
選取某些範圍，
「圖層新增拷貝(剪下)的圖層」
 拷貝/貼上
選取ch4_圖框.jpg中的畫， 「編輯拷貝」
到ch4_磚牆.jpg中「編輯貼上」
「圖層 修邊」「圖層 圖層樣式 陰影」可使畫看來較為自然
 拷貝/選擇性貼上
選取ch4_少女.jpg中的畫， 「編輯拷貝」
到ch4_磚牆與框.jpg中，選取白色部分，「編輯選擇性貼上 貼
入範圍內」(Photoshop自動加入一個圖層遮色片遮住範圍以外部分)
2015/4/9
3
作業1：將ch_4_1_04_1.psd的影像全選複製，貼到檔名
ch_4_1_04_2.psd的檔案選取範圍(請載入Alpha1)內。
2015/4/9
4
 文字圖層：
對文字圖層的調整不會造成影像品質的損失
 文字工具：建立文字圖層
(1) 選取工具後
 在影像上「單點一下」，可輸入單行文字(按Enter換
行)
 在影像上「按下滑屬拖拉」，會加入一個可自動換行
的文字區域
(2) 調整文字大小的方式
 字元面版
 編輯任意變形 (此時字元面版的資訊不正確，也不
能只處理一個字元)
 文字遮色片工具：建立文字形狀的選取範圍
2015/4/9
5
作業2：將ch_4_1_03.psd檔案開啟，將以目前的文字設定，
在影像左邊灰色色塊上，建立內容為「凝視」的垂直文
字圖層。
作業3：將ch_4_1_02.psd檔案開啟，將「藍天白雲」的文
字圖層垂直比例調整至130%。
作業4：將ch_4_1_05.psd檔案開啟，在下方白色漸層色塊
處，以目前文字設定，加入「蜜蜂與花」的水平文字圖
層。
2015/4/9
6
 「襯線字」(Serif)與「無襯線字」(Sans Serif)
使用方式：
襯線字：適合用在印刷品的內文
無襯線字：適合用在標題或網頁的內文
2015/4/9
7
填滿圖層
 三種內容：純色、漸層、圖樣
(由程式演算產生，故畫質不受尺寸大小影響)
 圖層新增填滿圖層（加在選取圖層上方)
 純色：自動以前景色填滿，也可修改
 漸層
 圖樣
 形狀工具(由填滿圖層加上向量圖遮色片構成，畫質不受尺寸影響)
「自訂形狀工具」
「鋼筆工具」
2015/4/9
8
作業5：將ch_4_1_07.psd檔案開啟，在目前圖層(漸層)中
的選擇區內填上：上為白色，下為透明的垂直漸層。
作業6：將ch_4_1_09.psd檔案開啟，建立「圖樣」填滿圖
層。
2015/4/9
9
調整圖層
 本身不是影像，是用來調整其他影像圖層的特殊功能
 「視窗調整」可開啟「調整」面版
目的與之前的「影像調整」相同但調整的做法不同
 將影像由彩色轉為黑白有三種做法（開啟色版觀察)：
「影像模式灰階 」：
直接對圖層調整，RGB三個色板被轉換為只剩灰色
2) 「影像調整黑白」：
直接對圖層調整，RGB三個色板保留
3) 按調整面版的「建立新黑白調整圖層」鈕：
原有影像圖層不受影響， 非破壞性的調整
1)
作業7：將ch_4_1_08.psd檔案開啟， 在不更動目前色彩模
式下，將彩色圖像改為黑白圖像。
2015/4/9
10
作業8：將ch_4_1_01.psd檔案開啟，以「非破壞性」的方
式，調整背景圖層的飽和度為-60。
2015/4/9
11
圖層樣式
 不是獨立的圖層，而是附加在圖層上的效果
 開啟ch4_日落.psd，為文字圖層加陰影：
選取文字圖層，按圖層面版下面的「增加圖層樣式」鈕，
選「陰影」
 刪除圖層或其樣式的方法：
拖拉圖層或樣式到右下角垃圾桶
作業9：將ch_4_1_06.psd檔案開啟，將「Butterfly」圖層
套用內陰影效果。
2015/4/9
12
圖層構圖
 開啟06-07.psd
 視窗圖層構圖：開啟圖層構圖面板
 右下角按鈕，建立新圖層構圖，
勾選「可見度」(記錄圖層的顯示隱藏狀態)
及「位置」(記錄圖層在影像文件的位置)後儲存
 用移動工具調整圖層位置後再建立一個新的圖層構圖。
 可使用圖層構圖檢視不同的版面設計
2015/4/9
13
圖層合併
 使用圖層會使檔案體積大幅增加
 完成設計後可做「圖層 影像平面化」合併所有圖層
 「向下合併圖層」及「合併可見圖層」可合併部分圖
層
2015/4/9
14
4.2 與「圖層」相關的重要操作
 選取要進行工作的圖層
1. 利用圖層面版 (可按Shift或Ctrl複選)(Ctrl只能在圖層面板使
用)
2. 利用「移動工具」進行選取，選項列要勾選「自動選取」
 調整圖層順序
在圖層面板上下搬移
 圖層的對齊與均分
從移動工具的選項列設定
 連結圖層
按圖層面板左下的「連結圖層」鈕，可連結選取的圖層
再按一次可取消連結
2015/4/9
15
 建立圖層群組的兩種方式
1. 先建立群組，再將圖層加入(拖拉)群組中
2. 直接將所選的數個圖層一起新增為一個圖層群組
作業1：開啟ch_4_2_02.psd，將「01」、「02」、「03」
三個圖層建立一個名為「信仰」的圖層群組。
 套用預設的樣式
1. 「視窗樣式」：開啟樣式面版
2. 需要知道樣式名稱時，可選取「小型清單」
練習：將ch4_2土星.psd的文字圖層套用名為
「雕鑿的天空(文字)」的樣式
作業2：開啟ch_4_2_03.psd，將「藍色玻璃」樣式效果，
套用到「鄉間一隅」的文字圖層上。
2015/4/9
16
 建立自訂樣式(將自己設計的效果也建立為樣式)
1. 選取套用了這個樣式的圖層
2. 到樣式面版按「新增樣式」鈕
3. 輸入名稱，勾選「包含圖層效果」後按「新增」
作業3：開啟ch_4_2_07.psd，請將「形狀1」的圖層中的
圖層樣式，儲存為「黃金魚」。
2015/4/9
17
 建立智慧型物件
智慧型物件可以保存影像的原有資訊，因此要對某一圖層
進行反覆的調整時應該將圖層建立為「智慧型物件」
例：將ch4_2_地球與太空梭.psd開啟，以「編輯任意變形」的
方式縮小太空梭，套用後，再放大回原尺寸，太空梭會變得非常模
糊
先將太空梭在圖層面板按右鍵「轉換為智慧型物件」，
則縮小再放大並不會減少像素，若超過原先尺寸仍會降低畫質
 編輯智慧型物件
在面板的智慧型物件上按右鍵選「編輯內容」，會另開一個
視窗，編輯完成要記得存檔
2015/4/9
18
智慧型濾鏡
 從「濾鏡」功能表選取效果：
如：ch4_2時鐘.psd套用 「濾鏡素描 畫筆效果」
 一般的影像圖層在套用濾鏡效果後，原始的影像資訊會被大幅
破壞
 故建議使用「智慧型濾鏡」(只能套用在智慧型物件上)
 如：ch4_2磚牆與畫.psd 將「圖層1」套用「遮色片銳利化調整
」的「智慧型濾鏡」
做法：「濾鏡轉換成智慧型濾鏡」，確定後，「濾鏡銳利化
遮色片銳利化調整」，總量120%，強度0.8像素
 最常用的濾鏡：「模糊 高斯模糊」及上述的銳利化
作業4：開啟ch_4_2_06.psd，為增強圖像邊緣銳利度，但仍須
保有影像階調的平滑度，請設定總量為100，強度、臨界值皆
為1。
2015/4/9
19
作業5：開啟ch_4_2_04.psd，將背景圖層轉換為智慧型物
件，並套用「交叉底紋」的智慧型濾鏡。
2015/4/9
20
剪裁遮色片
 運用圖層本身的可見度來遮蔽其他圖層的特殊功能
 Ch4_2禮物與電話.psd，加入一個「漸層對應」調整圖層
，調整電話的顏色，但左邊的禮物不變
做法：
1. 選取電話圖層，按「調整」面板的「漸層對應」鈕，挑選「紫羅蘭
、橘」的漸層樣式
2. 此時會影響到禮物，故需建立剪裁遮色片
3. 選取「漸層對應」調整圖層，在面版清單選「建立剪裁遮色片」
4. 此時調整圖層就只作用在下一層的電話中
 不限調整圖層，任何圖層都可建立剪裁遮色片
2015/4/9
21
圖層遮色片
 直接在圖層影像中加入具備特別功能的「色版」做為遮色
片
 例：Ch4_2太空人與月球.psd，選取太空人圖層，載入「
太空人」選取範圍，按下面的「增加圖層遮色片」鈕，可
遮掉太空人之外的部位
作業6：開啟ch_4_2_05.psd，在「小青蛙」圖層載入選取
範圍「路徑1」之後，建立非破壞性遮色片。
 利用「拷貝」與「選擇性貼上」建立圖層遮色片：
做法在將「ch4_少女」貼入「Ch4_磚牆與框」時講過。
2015/4/9
22
向量圖遮色片
(利用向量路徑來進行圖層遮蔽，而非色版)
例：Ch4_2禮物與沙漠.psd，選取禮物圖層，利用筆形工具
繪製封閉向量路徑，「圖層向量圖遮色片 目前路徑」，
可遮掉路徑之外的部位
按筆形工具，按上面的「路徑」鈕(左邊第三個)，畫路徑時每次要轉彎就點左鍵
2015/4/9
23