Photoshop合成-圖層移動與放大縮小的概念-3智慧型物件的運用

在這邊的工具中,針對對圖層的修改上可分為兩類:「填滿圖層」、「調整圖層」,顧名思義,「填滿圖層」就是以其他顏色或圖案去將指定的區域蓋掉;而「調整圖層」則是針對圖層做像是亮度、曝光等等修改。

clip_image002

Step1 首先,我們可以來試試看使用「色相/飽和度」:請至「圖層工具列」中,選取剛才轉成智慧型物件的”葉子”→點選圖層下方的clip_image003圖示→「色相/飽和度」。

clip_image005

Step2 接著,即會跳出「色相調整視窗」(如下圖),利用調整色相,我們可以輕易的將樹葉變成不同色調。

《調整前》

clip_image007 clip_image009

《調整後》

clip_image011clip_image013

Step3 大家可能會有些許疑惑,為什麼只有楓葉沒有變色呢?

clip_image014

其實,是因為我們剛剛選擇的是圖層0的葉子,所以只會調整到該圖層之下囉!

所以我們可以將該調整移到最上方,則所有圖層均會被調整到(如下圖)。

clip_image016 clip_image018

Step4 那麼,如果我們只需要調整單一圖層的話,則可以這麼做:

(1) 在圖層工具中,將調整圖層移至欲調整的圖的上方(如下圖:欲改變圖層0,所以將「色相/飽和度」圖層移到圖層0的上方)。

clip_image019

(2) 點選「圖層」→「建立剪裁遮色片」。

clip_image020 clip_image022

Step5 做出來的結果就完全不同囉!(如下圖:只有圖層0的色相改變)

clip_image024

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

Photoshop合成-圖層移動與放大縮小的概念-2 將圖層轉換為智慧型物件

在合成圖片時,我們可能會調整圖層的大小,但相信大家都知道,圖片如果經過繁複的大小調整後,可能會有失真的現象發生,這時我們可以將「一般圖層」轉換成「智慧型物件」。

智慧型物件有一個特點:在繁複的放大縮小後較不會嚴重失真。所以當我們有需要調整圖層大小時,可以先將該圖層轉換成智慧型物件。

然而,必須要注意的是:在CS3、CS4兩版本中若智慧型物件套上遮色片後,進行放大縮小,該圖可能會損壞(遮色片移位/套不準)。

接下來,開始來學習應用智慧型物件囉!

Step1 將圖層轉為智慧型物件:請於「圖層」工具中以滑鼠左鍵選取欲轉換成智慧型物件的圖層。

clip_image002

Step2 選取後,請點選「圖層」→「智慧型物件」→「轉換為智慧型物件」。

該圖層即變為智慧型物件囉!

clip_image004

Step3 但在圖片轉換為遮色片後,會發現遮色片可以使用的功能變少了!

其實,我們可以利用其他種方法,也可以做出很多不一樣的效果喔! clip_image006

雖然被轉換成智慧型物件後,圖片的一些工具無法使用,我們還是能使用圖層工具(在圖層工具列中如下圖)。

clip_image008

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

Photoshop合成-圖層移動與放大縮小的概念-1 選取與移動圖層

我們在合成圖片時,可能會需要移動到圖片的位置或是變更圖片的大小,大家可能會在Photoshop中嘗試移動圖片時總會有一些疑問,像是:為什麼點了那張圖片,它就是不能移動、找不到圖、麻煩等等,這邊要告訴大家一些操作的小技巧囉!

Step1 選取圖片:在Photoshop中,如果已放了多層圖層,當你想要移動其中的某一張圖時,必須在「圖層」工具中選取該張圖,才能夠進行移動。

請先開啟圖層工具:點選「視窗」→「圖層」;或是直接按下鍵盤的「F7鍵」。

clip_image001

Step2 當我們想要直接移動某一圖片時,可能會出現如下圖警告視窗。

clip_image002

Step3 在Photoshop中,如果我們要移動某一張圖片,我們必須在圖層工具列中先選取它,請到「圖層」工具中,以滑鼠左鍵點選欲選取的圖層一下(如左下圖),即會選取到該圖層(如右下圖)。接下來就可以在畫面中隨心所欲的移動該圖囉!

clip_image003 clip_image004

Step4 但其實,上述的方法也些許麻煩,所以我們也可以點選「自動選取」,讓我們可以不必反覆到圖層工具點選(如下圖)唷!

clip_image006

只要選取這個選項,在你想要移動圖片時,就不用反覆選取囉!

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

Photoshop合成-圖層與遮色片的概念-3 遮色片邊緣的使用與置入圖片

Step1 在加入遮色片後,點選「放大鏡」放大圖片時,我們會發現樹葉的邊緣不真實,過度明顯。

clip_image001

Step2 我們可以利用遮色片工具,微調遮色片的各個參數,讓邊緣較不明顯。

請點選「視窗」→「遮色片」,以開啟遮色片工具。

clip_image002

Step3 請點選工具中的「遮色片邊緣…」。

clip_image003

Step4 在調整邊緣選項中,你可以增加平滑程度、羽化程度、調移邊緣等後按下「確定」鍵,讓樹葉的邊緣更加自然。

clip_image004

Step5 下圖即是修改過遮色片邊緣的圖片!

clip_image006

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

Photoshop合成-圖層與遮色片的概念-2 利用遮色片讓圖片背景變透明

但是如之前所講,以橡皮擦擦拭,會有還原困擾,當我們不小心關掉檔案,就無法回復。

所以,在這邊我們可以利用遮色片,把不要的部分遮掉。

我們要遮掉的是背景,留下樹葉,所以我們必須以「魔術棒」選下背景後,再反選樹葉。

Step1 請點選「選取」→「反轉」。

clip_image001[1]

Step2 再來,點選「圖層工具列」中的「新增遮色片」(如下圖)。

clip_image003[1]

未選取的部分(背景)即會被遮色片蓋掉,而只顯示選取的部分(葉子)。

clip_image004[1]

圖層工具中,該樹葉的圖層後即會出現遮色片樣式(如下圖)。

clip_image005[1]

(註:在我們不需要或暫時不用用到遮色片時,我們可以將它【隱藏】或【刪除】。

(1) 隱藏:以滑鼠右鍵點選遮色片前面的「鎖」→「關閉圖層遮色片」。

clip_image007[1]

(2) 刪除: 以滑鼠右鍵點選遮色片前面的「鎖」→「刪除圖層遮色片」。)

clip_image008[1]

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

Photoshop合成-圖層與遮色片的概念-1 如何讓圖片背景變透明

在使用Photoshop時,我們必須要具備有圖層與遮色片的概念,才可以利用各式物件重疊的概念,將需要的物件放置一起,成為一張截然不同的圖片。

要開始使用圖層概念時,我們必須先學會如何選取自己需要的物件。

其中,我們可以利用【選取功能】來達到目的,然而Photoshop提供了各式各樣的選擇工具,此時我們必須觀察圖片的特性,選擇適合的選取工具。

現在,就跟著一起利用圖層與遮色片概念實作合成囉!

以下材料,可於本網址內下載

https://skydrive.live.com/?cid=B7717192DFB37AD1&id=B7717192DFB37AD1%21362#cid=B7717192DFB37AD1&id=B7717192DFB37AD1%21463

Step1 開啟你的Photoshop,並開啟一張圖片

在這邊,我們選擇從背景色較單純的圖片開始 (如下圖,背景為單純的黑色) 。

clip_image002

Step2 因為這張圖片的背景一致,我們可以使用「魔術棒工具」將色調相同的區塊選擇起來。

請點選左側工具列,並選擇「魔術棒工具」。

clip_image004

並以滑書在圖片中黑色背景處以「滑鼠左鍵」點擊一下,圖片即會出現選取虛線框(如下圖)。

clip_image006

Step3 在這邊,我們要注意圖層概念的運用,或許有些人會使用橡皮擦工具直接把背景擦掉,但是這個方法既費力也造成無法完全還原的困擾。

此外,請看到【圖層】工具視窗(若無,請點選上排選單中的「視窗」→「圖層」;或直接按鍵盤中的「F7」(如下圖)開啟)

clip_image008

可發現現在編輯的圖片是【背景】圖層,這是Photoshop對新開啟圖片的預設:其中,我們必須要知道的是:背景圖層的特色是永遠有背景色,不能為透明色(橡皮擦擦掉後為白色)。

clip_image010

clip_image012

Step4 所以我們必須把背景圖層轉換成【一般】圖層。

請以「滑鼠左鍵」,連點兩下「圖層工具列」中的「背景圖層」,即會跳出新增圖層視窗。

clip_image013

clip_image014

請輸入「名稱」後點選「確定」,就會成功轉為「一般圖層」囉!

要提醒大家的是:當你要做的合成較為複雜,必須用到較多圖層時,在圖層的名命上要較明確,以免日後必須要修改圖片時,找不到需要修改的圖層。

clip_image015

Step5 轉變為一般圖層後,以橡皮擦擦拭以魔術棒選擇的區域即會出現透明色囉!

clip_image016

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