逗‧貓‧棒

用濾鏡打光效果建立層次變化
上面的步驟都結束後，是否有發現少了點整體感呢？這時光線就扮演了很重要的角色，能增加畫面得空間感。打光有相當多種方式，以現在初學階段先介紹最簡單的濾鏡打光效果。

1. 濾鏡打光使用方法
我們將要使用的指令是名為「光源效果」的濾鏡，有著一個獨立的面板等待著將整個畫面去做打光效果。我們就不多做說明就開始進行講解囉～！

由於濾鏡本身的一些特性，

請對圖層先下「影像平面化」指令。

 

 

 

濾鏡打光效果是放在「濾鏡 > 演算上色 > 光源效果」，

會開啟一個獨立的浮動視窗。

我們先來看這濾鏡的可設定項目。

 

 

進到介面的瞬間別被複雜的面板嚇跑了！

請記住PHOTOSHOP的所有指令都是以「右邊強左邊弱」為原則，

每個項目滑動一下大概就能感受到整體的功能。

現在先從類型與屬性的設定做介紹。

 

我們先從上方的光源類型開始，總共有三種。

選定要的類型後，我們可以設定「明暗度」和「焦點」，

主要是用來主體控制強弱。其中「焦點」是聚光專用的，

用來控制光線寬窄。右邊的方塊點兩下可以用來改變光的顏色

 

泛光是一個無方向性的光源，

可視為一盞燈泡放在畫面中。

 

 

 

定向光是一個對整體影響的光線，

像是太陽光直射打在畫面上。

 

 

 

聚光為一盞橢圓形的光線，可以想像拿著一個手電筒傾斜角的照射畫面。

用左側視窗的線條定義了光源的方向和角度，

控點定義了橢圓形的邊緣。再來是下面的內容部分，

有以五個地方可以設定。

 

光澤是光源源頭的亮度，反光對比越高。
材質能決定這光源的銳利度，越接近金屬光源越集中。
曝光度是用來調整光的強弱，光的影響力。
環境光是用來調整環境的光線強弱，在非光線範圍內也會受影響。
右邊的方塊點兩下可以用來改變環境的顏色

 

左邊預覽視窗下面還有一個小燈泡的圖示，

如果有需要可以拖曳進去預覽視窗增加新的光源進入。

基本上的功能介紹到這裡，

緊接著將進入應用層面。

 

2. 濾鏡打光的應用
或許玩了一下還是不清楚如何應用。確實這工具雖然功能強但實際要用時還是不知道要如何使用在美少女CG上面。希望先仔細想一下我們這張圖希望被光線影響有多大？之前陰影塗的方向是怎樣呢？現在來實際示範一次並且將打光的表現手法做分享。

事實上用來搭配賽璐璐上色法的打光通常都並不強烈，

可以去想像為替目前的CG染上一層光影，

而非真的讓光線對畫面做強烈影響。

請開啟「光源效果」的濾鏡馬上來進行實作。

 

光源顏色和環境光顏色在這濾鏡裡扮演很重要的角色。光源顏色可以當做燈泡的顏色，如果要模擬太陽光就給予些橘黃，顏色越淺光線越亮、顏色越深光線越弱。環境光顏色代表著非光線範圍內的顏色，對畫面有染色的效果。所以盡量去取能夠融入背景的環境光顏色，光源方面就比較沒這方面的限制。如此設定下光線比較能融入圖像之中而不會太突兀。

 

 

定向光適合給全畫面一致的的環境光使用。整體來說並不實用，

只能給全畫面染上一個完全相同的光或影。

線條長度越短光線越強、越長時越接近設定的環境光。

 

 

泛光適合作為明確的光源，例如太陽或燈泡之類，不用考慮方向。

將泛光的源頭掛在畫面之外已不至於讓人覺得刺眼而破壞原圖。

根據覺得場景需求調整光線銳利度，下面也用以下範例設定作為參考。

當然如果想做刺眼的強烈陽光，可以將泛光拉入畫面內調整材質偏金屬。

 

聚光用來營造出來的是一個空間感，別以過度真實的方式去理解。聚光燈打下來

雖然和真實光影結合起來無法真實，但能快速的說明圖像的重點放在哪裡。

聚光營造的光影層次感本身很漂亮，建議擅用環境光將影子般的漸層也設定進來。

下面的設定可作為參考，對應到自己希望的效果。

 

壓下確認後可以看到準確的效果，也就是「光源效果」能建立出的畫面層次感，

給予作品一個空間。

要能夠將此效果活用於作品當中需要花一些時間去尋找好的設定組合，

如果有興趣可以多玩幾組設定看看，是最速成的打光效果。

 

3. 結語
濾鏡打光的方式雖然便利快速，但也有不少的缺點在。「光源效果」的濾鏡有一個很大的缺點就是不好編輯與調整，另一個大問題是並不對應透明區塊。這導致使用後很難跟其他圖層做進一步的整合混色，事後想要修正卻沒辦法。這使得此方式最好對一個沒有透明區塊的圖檔是最好的效果，要將角色與背景合併在先。再來要教的漸層工具便能手工處理避免掉這些缺失。

用漸層工具建立層次變化
嘗試過用濾鏡去處理光源後，應該對打光給畫面的影響力有更深入的認識了吧！我們再來要介紹的是「漸層工具」，能讓更我們自由的在畫面中加入想要的漸層變化。本部分是以對整體畫面的漸層層次敢去做範例教學，但事實上漸層工具的應用層面可是很廣的喔！那麼我們現在馬上開始～

1. 漸層工具的使用方法
漸層工具是讓圖層由一顏色漸變到另一顏色或無色，也可照特別的規律去做漸層。本教學只介紹漸層工具的基礎使用方法，本工具還有些進階變化就不多贅述。

漸層工具是一個將色彩以漸層的方式填入圖層的工具，他可以是簡單的將

我們選的前景色填入畫面，也可以以安排好的色彩變化方式填入畫面。

漸層工具的在工具列的位置和油漆統工具相同，

如果沒有看到請壓住左鍵停留在圖示上兩秒就會浮出來。

 

漸層的形狀有五種，還有各式各樣些微的設定變化。

這裡不會將整個龐大的功能都去介紹，

後面的內容將以畫動漫角色CG最常使用的部分為主。

 

 

先開啟個新圖層放在之前只有角色圖層的的上方。

 

 

 

 

並且在工具列下方選取個「前景色」和「背景色」。

 

 

 

 

我們先確認選項列中目前的設定。

畫CG最普便使用的是「前景到透明」與「前景到背景」，

這兩的是漸層工具的基本型。

目前我們先用「前景到背景」並選擇漸層種類中我們選擇用「線性漸層」。

 

我們在畫面中隨便拉出一條直線看看會發生什麼結果！

 

 

 

 

咦～ ！？怎麼整個畫面被這兩色的漸層覆蓋住了？

別慌張，現在的結果是正常狀態。

 

 

 

漸層工具本身是一個塡色工具，只是用漸層去取代掉原本的單一顏色。

我們的起始點前景色，終點是背景色，其中要注意到的是

在起點與終點之後是原始的純色，整體結果會將全畫面覆蓋。

要避免的最快方式搭配前面教的圈選技法，填入我們想要的區塊就好了。

 

現在我們回到還未塡如漸層時的狀態，

這次來試「前景到透明」。

 

 

 

直線一拉完後會馬上發現到我們的前景色慢慢的消失變成透明，

底下的圖層也是慢慢的不被遮蔽。

「前景到透明」是使用上最頻繁的漸層，請多加熟練。

 

 

漸層種類中比較好應用的是「線性漸層」、「放射性漸層」、「反射性漸層」。

這三個可以盡量從圖示去理解出來的結果，

「線性漸層」是直線、「放射性漸層」是圓形式以圓心為起始慢慢變成終點色、

 「反射性漸層」是從起始色到終點色後又回到起始色。

 

除了剛才敘述的這兩個外，點一下「漸層樣本」旁的三角會跳出很多種漸層選擇

可以去做應用。看到那麼多種選擇種類時，建議先去思考「我需要怎樣的效果？」

再回來看看有哪些選擇可用，而不是因為有這些選擇而去想哪些地方可以用。

通常「前景到透明」和「前景到背景」就已經很充足了。

 

最後還有一個部分會常去使用，那就是旁邊的「反轉」勾選。

這主要是用來對調漸層方向，尤其對「放射性漸層」非常好用。

例如說我們想做出光線時，

可以反過來去把光源外的都增加影子效果可能更不錯。

 

2. 漸層工具的應用
看過「漸層工具」的介紹後應該可以發現到能很廣泛的被利用。建議把這工具以「想要製作出流暢的大漸層」去做目標，能從有到無、也能從無到有。等下要做的例子會應用到些本章節還未教到的工具。請先跟著示範做並留意漸層如何在此的使用方式，後面章節才會對未教過的部分做深入講解。

A漸層工具處裡整體畫面
這部分是將前面的濾鏡光影改為手動模式，可以自由的分成不同圖層並進行編修調整到最理想狀態，也可以嘗試不同種類的圖層混色效果。這方式在日式動畫中經常被使用，能輕鬆增加畫面的一體性。

在畫面最上層開兩個新圖層，

一個取名為「光」，一個取名為「影」

 

 

 

本範例要打的是水平由上而下的光，

所以請將漸層工具設定成「線性漸層」、「前景到透明」，

並用白色或是趨近於白色的色系做「前景色」。

 

 

請使用漸層工具從畫面頂端覺得光源該來的源頭

拉終點到希望光結束的位置。

 

 

 

效果已經出來了！

這時可以到「設定圖層的混色模式」裡面去玩玩，

這邊請將圖層模式改為「加亮顏色」這模式。

 

 

請點選圖層縮圖兩下進入「混色樣式」內中間的

「透明形狀圖層」的勾選關閉，

畫面瞬間感覺顏色快要亮到爆炸開來了！

 

 

目前的漸層變化層次感想必各為覺得有些不盡理想。

與其將漸層塡色設定到理想狀態，我們要將此漸層作放大來調節漸層在畫面中的效果。

請點選「編輯>自由變形」(快速鍵為CTRL-T)。

詳細變形工具的使用方法將於後面章節做介紹。

 

現在可以看到全圖層被黑框包住。

請將四角結點中光線來源的那邊拉到畫面外做放大，

需要時再方框內拖著能夠移動選取區塊做調整，

直到滿意為止。

 

請多注意畫面內的光線變化，別理會超出去的部分。

這種光線表現方式的要訣在「似有似無」，

別讓光的感覺太強烈的同時給畫面帶來層次感。

以這張來舉例光線的終點稍微讓頭髮的顏色起了點變化，讓色彩層次變豐富。

 

以此類推從畫面的另一側加入影子進「影子」圖層，

漸層可以考慮用深藍色或紫色搭配「色彩增值」混色模式去製作。

這招在混入有背景的插圖時非常好用喔！

這正是時下動畫中常看見的效果。

 

因為只有人物在畫面之中，可能難以理解這樣做的功效。

現在將一張背景圖片放入人物後方，

等下開啟光影圖層後比對一下就能感受到兩者的差異。

 

 

由於光影的共用產生一種空間上的整體感，減輕那種兩者在不同次元的感覺。但請留意原始的背景光源方向也要不能和人物的落差太大喔！近年的動畫經常使用此方法來調整畫面的整感，簡單的幾個漸層下能做出一種單純光影的感受。

B漸層工具處裡顏色區塊
現在要講解的部分是運用漸層工具來填入色塊當中。如果將前半的分色教學與這段的漸層技法結合起來大概就能猜到要教什麼了！我們要將漸層放入角色的顏色內，增加點色塊之外的色彩趣味性。

現在我們將以裙子為例，

給予藍色的裙子一個由下而上的淡綠色層次。

請將步驟做到分色後建立剪裁遮色片，

我們將要填色入這個範圍內。

 

我們到裙子的子圖層，也就是預計要加入漸層的圖層。

我們現在來建立一個線性漸層！

此漸層的設定為「線性漸層」、「前景到透明」，

並用指定的綠色作為「前景色」。

 

放掉滑鼠後，漸層的結果就出來囉！

如同前面的教學，我們要用縮放的方式來調節漸層層次變化。

 

 

 

請點選「編輯>自由變形」(快速鍵為CTRL-T)。

自行決定縮放大小來讓層次感合於自己理想要的結果。

 

 

 

結果上這樣差不多符合我們想要的要求了。

如果有興趣可以多調整看看圖層混合模式與不透明下的各種結果，

可以找到不同的應用場合。

此應用方式的介紹到這邊結束。

 

打光漸層完成品

3. 結語
漸層工具也在此做個結束了，搭配色塊的應用能畫出乾淨的完整美少女CG。這其中能玩的變化相當多，別讓自己因為賽璐璐上色法層次單調而限制住想像力！不同的配色、不同的光影、不同的背景下能有無限多種的可能性。下一章節會提到更多的繪圖工具能讓我們選擇！不管怎樣別忘記本章節教的基礎可是奠定未來上色的根基喔～要勤練習。