Photoshop【課程筆記】剪裁遮色片介紹與應用

 

在Photoshop裡面,有一個叫做「建立剪裁遮色片」的功能,

剪裁遮色片是什麼呢?簡單來說,就是將你要的圖層限制在下方的形狀當中。

 

以下為示範操作:

Step1,開啟你要的檔案後,在圖層上方以左鍵點兩下

image002

繼續閱讀

Photoshop合成-遮色片的應用概念-3 圖層順序的概念II

Step1 緊接著,趕快讓小女孩著陸吧!!請利用滑鼠左鍵,將小女孩拖曳至適當位置,並放大至適當大小後請按畫面右上方的image (確認變形)按鈕。

image

Step2 ㄟ?是不是感覺怪怪的呢?感覺小女孩應該要站在欄杆後面嗎?

那我們讓他站到欄杆後面吧!

那麼,如何讓她站到後面呢?其實這時可以將部分欄杆複製到女孩前方就可以囉!

在開始前,也不忘將背景改為一般圖層歐!請至「圖層工具」中連點該背景圖層兩下,該圖層即變為一般圖層囉!

imageimage

Step3 接著,選擇工具列中的「多邊形套索工具」。

image

並點選「多邊形套索工具」中的「增加至選取範圍」選項,讓我們在稍後操作時可一次選取多個不同範圍(因為欄杆有兩條)。

image

接著,開始選取女孩所站地區的欄杆囉(如下圖)!

image

再將其轉換為遮色片!轉換時請注意,在「圖層工具」中,應選擇農場的圖層,若選錯,遮色片會遮錯圖層歐!!

image

遮上遮色片後,螢幕上只有欄杆了!

image

Step4 最後,我們將農場圖層複製一份,並刪除該複製圖層的遮色片。

請點選農場圖層,並拖曳至「建立新圖層」按鈕,以複製本圖層(如下圖)。

image

接著,在複製出的圖層上,選取遮色片

image

並在遮色片上點選滑鼠右鍵→選擇「刪除圖層遮色片」。

image

最後,在「圖層工具」中,將圖層順序調整一下(欄杆→小女孩→農場背景圖層)。

image

就完成囉!!

image

2011暑 【影音一夏-Photoshop / 講師:黃文權】課程筆記分享

Photoshop合成-遮色片的應用概念-3 圖層順序的概念I

延續與回顧之前的內容,這次我們學習使用較多層概念的合成。這次主題為:在農場看草的小女孩!?

Step1 請先開啟上次我們使用的合成檔案(如下圖)。

image

Step2 接著,請開啟農場的圖片(請先至教育資源分享網進行下載歐!)。

請點選「檔案」→「開啟舊檔」。

image

在開啟檔案中請選擇欲開啟的圖片→點選「開啟舊檔」。

image

Step3 接著,我們準備將小女孩從原本的檔案中複製到新開啟的檔案中囉!

在移動之前,請先至圖層工具列中以拖曳方式將遮色片移回原本圖片上。

image

Step4 再來,進行移動部分!!

小技巧:有時我們常需要做跨檔案間的圖層移動,大家或許認為可以直接複製貼上,但其實在這過程中會牽涉到失真的問題,所以在移動圖層時較建議以「複製圖層」的方式進行移動,屬無痛拷貝較不失真歐!!

請在「圖層工具」中以滑鼠左鍵點擊該圖層一下,以選取該圖層。

image

接著,同樣在該圖層上點擊滑鼠右鍵一下,待選單出現後,選擇「複製圖層」選項。

image

請點擊「目的地」中的「文件」選擇列,並選擇剛剛開啟的農場照片名稱後,請按「確定」。

image

完成後,請點切換至該農場背景的分頁歐!

image

Step5 複製圖層的步驟就完成了!小女孩已經出現在農場上囉!

image

請接著看下一篇-Photoshop合成-遮色片的應用概念-3 圖層順序的概念II

2011暑 【影音一夏-Photoshop / 講師:黃文權】課程筆記分享

Photoshop合成-遮色片的應用概念-2 遮色片與圖樣圖層之應用II

在嘗試變換後,大家都會有這樣的疑問:那麼如何增加新樣式到素材庫內呢?

嘿嘿~這篇就要跟大家分享如何放入囉!請延續上一篇完成的內容。

這次要放入的素材是高麗菜!!請先上電算中心的素材網站下載歐!

接著就跟著一起試試看吧!

Step1 請點選「檔案」→「開啟舊檔…」,並選擇電算中心photoshop素材-高麗菜!!

image

Step2 開啟該圖檔後,請點選「編輯」→「定義圖樣」。

image

於「圖樣名稱」中,輸入欲設定之名稱後,請按「確定」。

image

Step3 完成以上步驟後,高麗菜圖片就被放進圖樣素材中囉!

現在,我們將原本的樣式改成高麗菜吧!

請於「圖層工具」中,以滑鼠左鍵連點上一篇所新增的「圖樣圖層」,以更改圖樣樣式。
image

Step4 在跳出來的「圖樣填滿」中,至素材區選擇素材,並調整好圖片適當大小後,請按「確定」。(本範例調整縮放為80%)

image

Step5 鏘鏘~!美女們就站在高麗菜前囉!

image

2011暑 【影音一夏-Photoshop / 講師:黃文權】課程筆記分享

Photoshop合成-遮色片的應用概念-2 遮色片與圖樣圖層之應用I

除了填滿與漸層圖層外,還有圖樣圖層可供利用歐!

用法也與上兩種圖層相仿。

現在,就來試試看,把背景改成某樣式囉!

Step1 請點選「圖層工具」下方的 image→「圖樣…」。

image

Step2 在跳出的「圖樣填滿」視窗內,請點選圖片→ 圖示,以開啟圖樣表。

image

在這邊有很多樣式可以選擇,如:藝術效果表面、彩色紙張…等等(下圖紅框處),都可以試試看!

image

在這邊,我嘗試使用「彩色紙張」,在選取各式樣式後,可按加入,讓圖示加入現有的選擇項目歐!

image

其實phothoshop的樣式很少更新,若我們需要用到其他樣式,可以自己新增!(請參考下一篇)

image

Step3 選擇完的樣子(已對圖層順序做過調整後)。

image

不同背景,給我們帶來的感覺都不同呢!有趣吧!

2011暑 【影音一夏-Photoshop / 講師:黃文權】課程筆記分享

Photoshop合成-遮色片的應用概念-2 遮色片與漸層圖層之應用

同樣的概念下,我們也可以使用漸層圖層來製造效果。

基本上方法與上一回的「填滿圖層」相同歐!

Step1 新增一個「漸層圖層」。請點選「圖層工具」下方的 圖示→「漸層…」。

image

Step2 於「漸層填色」視窗中,設定填色色彩、樣式、角度等等樣式後,請按「確定」。

image

Step3 完成新增「漸層圖層」。

image

Step4 此外,我們也可以將遮色片套用至該漸層圖層上。

請在「圖層工具」中,以滑鼠左鍵點住欲拖曳至漸層塗層上之遮色片,並拖曳至漸層塗層上。(如下圖)

image

點選「是」!

image

Step5 在「圖層工具」中,將多餘的圖層點掉(顯示眼睛表示會顯示在螢幕上;未顯示則否)。在這步驟,我們需要將剛剛被移走遮色片的圖層點掉,否則少了遮色片,填色會蓋住整個圖層。

image=>image

原本被蓋住的

image

眼睛點掉後

image

2011暑 【影音一夏-Photoshop / 講師:黃文權】課程筆記分享

Photoshop合成-遮色片的應用概念-1 遮色片與純色圖層之應用II

或許大家會很好奇,遮色片與純色圖層之應用性何在?

其實,現在很多廣告都會利用此效果!接下來,我們可以嘗試另外一種風格,請至教材庫下載以下實作圖片

Step1 請置入一張人形圖片

點選「檔案」→「置入」→選取圖片後按下確定後,以滑鼠左鍵將圖片放至適合位置後,請點選右上角的clip_image001圖示。

clip_image003

Step2 接著,我們使用「套索工具」將人形圈選起來

請點選左方工具列中的「磁性套索工具」

clip_image004

Step3將頻率設定為最高值:100(選取點的頻率高,選取結果就較精準歐!)。

clip_image006

Step4 再來,我們用「磁性套索工具」以滑鼠左鍵將人形選取起來囉!

選取的時候,因為我們只需要形狀,所以大概選取即可:其中,以滑鼠左鍵點選人形邊緣一下(開始選取)後,用滑鼠沿著人形邊緣走即會自動將它框出來,回到起始點後,以滑鼠左鍵在該點上點擊一下即可囉!

選取完成的樣子(如下圖)

clip_image008

Step5 接下來,我們還需要將手臂與身體中間背景去除

請點選「磁性套索工具」的工具列中的clip_image009按鈕(從選取範圍中減去),再以滑鼠左鍵選取該部分區塊即可。

clip_image010

選取結果(如下圖)

clip_image012

有的人可能會對「頭髮」的選取有些疑問,認為選取時可能會有一些誤差,其實Photoshop針對這方面有提供一個擴充工具-摘取濾鏡功能(CS3後的版本中該工具必須另外安裝),該擴充工具在該安裝光碟中,如有興趣或需要的同學可以自行安裝

Step6 接著,我們可以直接點選「圖層」工具中的「純色」,選取好目標後,在建立純色圖層的同時即會產生遮色片唷!

clip_image014

clip_image016

產生出來的效果:

clip_image018

Step7 再新增一些人形(複製圖層),加上背景就會有不一樣的變化囉!請點選該人形圖層,並拖曳至「圖層工具」下方的clip_image019圖樣。

clip_image021

變換顏色(以滑鼠左鍵連點該色彩填色前方顏色兩下後即可變換)加以編輯後,結果如下:

clip_image023

是不是有種酷炫的感覺呢?

2011暑 【影音一夏-Photoshop / 講師:黃文權】課程筆記分享

Photoshop合成-遮色片的應用概念-1 遮色片與純色圖層之應用I

還記得上一主題(智慧型物件的運用)中,我們有提及「圖層」工具中,我們可以對圖層進行部分修改,而修改類型包含了兩種(填滿圖層與調整圖層),這次我們來實作應用填滿圖層去合成圖片。

clip_image002

在填滿圖層工具類別中,包含有純色、漸層、圖樣等三種選項。

Step1 首先,這邊要先介紹「純色圖層」囉!

請點選圖層工具中的clip_image003圖示→點選「純色」。

clip_image004

Step2 系統會跳出「揀選純色」的視窗,請選擇你想要的顏色後按「確定」鍵。

clip_image006

選取完後,即會新增一層名為:色彩填色的圖層(如下圖)。

clip_image008

clip_image010

Step3 接著,我們可以將遮色片拖曳至色彩填色圖層上(其實與上一篇有同工異曲之妙唷)!

請點選楓葉圖層後方的遮色片,並以滑鼠左鍵拖曳到「色彩填色圖層」上。

clip_image011

請點選「是」。

clip_image013

Step4 完成後,就會如下圖:

clip_image015

clip_image017

2011暑 【影音一夏-Photoshop / 講師:黃文權】課程筆記分享