[教学]PS CS2赛璐璐上色法打光、渐层(赛璐璐篇完结)

第一篇：[教学]PS CS2赛璐璐上色法打光、渐层(赛璐璐篇完结)

[教學]PS CS2賽璐璐上色法:打光、漸層(賽璐璐篇完結)用濾鏡打光效果建立層次變化

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

1.濾鏡打光使用方法

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

由於濾鏡本身的一些特性，請對圖層先下「影像平面化」指令。

濾鏡打光效果是放在「濾鏡 > 演算上色 > 光源效果」，會開啟一個獨立的浮動視窗。我們先來看這濾鏡的可設定項目。

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

請記住PHOTOSHOP的所有指令都是以「右邊強左邊弱」為原則，每個項目滑動一下大概就能感受到整體的功能。現在先從類型與屬性的設定做介紹。

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

選定要的類型後，我們可以設定「明暗度」和「焦點」，主要是用來主體控制強弱。其中「焦點」是聚光專用的，用來控制光線寬窄。右邊的方塊點兩下可以用來改變光的顏色

泛光是一個無方向性的光源，可視為一盞燈泡放在畫面中。

定向光是一個對整體影響的光線，像是太陽光直射打在畫面上。

聚光為一盞橢圓形的光線，可以想像拿著一個手電筒傾斜角的照射畫面。用左側視窗的線條定義了光源的方向和角度，控點定義了橢圓形的邊緣。再來是下面的內容部分，有以五個地方可以設定。

光澤是光源源頭的亮度，反光對比越高。

材質能決定這光源的銳利度，越接近金屬光源越集中。曝光度是用來調整光的強弱，光的影響力。

環境光是用來調整環境的光線強弱，在非光線範圍內也會受影響。右邊的方塊點兩下可以用來改變環境的顏色

左邊預覽視窗下面還有一個小燈泡的圖示，如果有需要可以拖曳進去預覽視窗增加新的光源進入。基本上的功能介紹到這裡，緊接著將進入應用層面。

2.濾鏡打光的應用

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

事實上用來搭配賽璐璐上色法的打光通常都並不強烈，可以去想像為替目前的CG染上一層光影，而非真的讓光線對畫面做強烈影響。請開啟「光源效果」的濾鏡馬上來進行實作。

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

定向光適合給全畫面一致的的環境光使用。整體來說並不實用，只能給全畫面染上一個完全相同的光或影。

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

泛光適合作為明確的光源，例如太陽或燈泡之類，不用考慮方向。將泛光的源頭掛在畫面之外已不至於讓人覺得刺眼而破壞原圖。根據覺得場景需求調整光線銳利度，下面也用以下範例設定作為參考。當然如果想做刺眼的強烈陽光，可以將泛光拉入畫面內調整材質偏金屬。

聚光用來營造出來的是一個空間感，別以過度真實的方式去理解。聚光燈打下來 雖然和真實光影結合起來無法真實，但能快速的說明圖像的重點放在哪裡。聚光營造的光影層次感本身很漂亮，建議擅用環境光將影子般的漸層也設定進來。下面的設定可作為參考，對應到自己希望的效果。

壓下確認後可以看到準確的效果，也就是「光源效果」能建立出的畫面層次感，給予作品一個空間。

要能夠將此效果活用於作品當中需要花一些時間去尋找好的設定組合，如果有興趣可以多玩幾組設定看看，是最速成的打光效果。

3.結語

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

用漸層工具建立層次變化

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

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

漸層工具是一個將色彩以漸層的方式填入圖層的工具，他可以是簡單的將 我們選的前景色填入畫面，也可以以安排好的色彩變化方式填入畫面。漸層工具的在工具列的位置和油漆統工具相同，如果沒有看到請壓住左鍵停留在圖示上兩秒就會浮出來。

漸層的形狀有五種，還有各式各樣些微的設定變化。這裡不會將整個龐大的功能都去介紹，後面的內容將以畫動漫角色CG最常使用的部分為主。

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

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

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

畫CG最普便使用的是「前景到透明」與「前景到背景」，這兩的是漸層工具的基本型。

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

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

咦～！？怎麼整個畫面被這兩色的漸層覆蓋住了？ 別慌張，現在的結果是正常狀態。

漸層工具本身是一個塡色工具，只是用漸層去取代掉原本的單一顏色。我們的起始點前景色，終點是背景色，其中要注意到的是 在起點與終點之後是原始的純色，整體結果會將全畫面覆蓋。

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

現在我們回到還未塡如漸層時的狀態，這次來試「前景到透明」。

直線一拉完後會馬上發現到我們的前景色慢慢的消失變成透明，底下的圖層也是慢慢的不被遮蔽。

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

漸層種類中比較好應用的是「線性漸層」、「放射性漸層」、「反射性漸層」。這三個可以盡量從圖示去理解出來的結果，「線性漸層」是直線、「放射性漸層」是圓形式以圓心為起始慢慢變成終點色、「反射性漸層」是從起始色到終點色後又回到起始色。

除了剛才敘述的這兩個外，點一下「漸層樣本」旁的三角會跳出很多種漸層選擇 可以去做應用。看到那麼多種選擇種類時，建議先去思考「我需要怎樣的效果？」 再回來看看有哪些選擇可用，而不是因為有這些選擇而去想哪些地方可以用。通常「前景到透明」和「前景到背景」就已經很充足了。

最後還有一個部分會常去使用，那就是旁邊的「反轉」勾選。這主要是用來對調漸層方向，尤其對「放射性漸層」非常好用。例如說我們想做出光線時，可以反過來去把光源外的都增加影子效果可能更不錯。

2.漸層工具的應用

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

A漸層工具處裡整體畫面

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

在畫面最上層開兩個新圖層，一個取名為「光」，一個取名為「影」 本範例要打的是水平由上而下的光，所以請將漸層工具設定成「線性漸層」、「前景到透明」，並用白色或是趨近於白色的色系做「前景色」。

請使用漸層工具從畫面頂端覺得光源該來的源頭 拉終點到希望光結束的位置。

效果已經出來了！

這時可以到「設定圖層的混色模式」裡面去玩玩，這邊請將圖層模式改為「加亮顏色」這模式。

請點選圖層縮圖兩下進入「混色樣式」內中間的 「透明形狀圖層」的勾選關閉，畫面瞬間感覺顏色快要亮到爆炸開來了！

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

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

請點選「編輯>自由變形」(快速鍵為CTRL-T)。詳細變形工具的使用方法將於後面章節做介紹。

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

請將四角結點中光線來源的那邊拉到畫面外做放大，需要時再方框內拖著能夠移動選取區塊做調整，直到滿意為止。

請多注意畫面內的光線變化，別理會超出去的部分。這種光線表現方式的要訣在「似有似無」，別讓光的感覺太強烈的同時給畫面帶來層次感。

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

以此類推從畫面的另一側加入影子進「影子」圖層，漸層可以考慮用深藍色或紫色搭配「色彩增值」混色模式去製作。這招在混入有背景的插圖時非常好用喔！這正是時下動畫中常看見的效果。

因為只有人物在畫面之中，可能難以理解這樣做的功效。現在將一張背景圖片放入人物後方，等下開啟光影圖層後比對一下就能感受到兩者的差異。

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

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

現在我們將以裙子為例，給予藍色的裙子一個由下而上的淡綠色層次。請將步驟做到分色後建立剪裁遮色片，我們將要填色入這個範圍內。

我們到裙子的子圖層，也就是預計要加入漸層的圖層。我們現在來建立一個線性漸層！

此漸層的設定為「線性漸層」、「前景到透明」，並用指定的綠色作為「前景色」。

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

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

請點選「編輯>自由變形」(快速鍵為CTRL-T)。自行決定縮放大小來讓層次感合於自己理想要的結果。

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

如果有興趣可以多調整看看圖層混合模式與不透明下的各種結果，可以找到不同的應用場合。此應用方式的介紹到這邊結束。

打光漸層完成品

3.結語

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

第二篇：[教学]PS CS2赛璐璐上色法填色

[教學]PS CS2賽璐璐上色法:填色

填色的步驟示範

為了讓圖片有立體感，我們開始替角色塗上陰影。鉛筆工具、筆刷工具、橡皮擦工具、筆型工具等等可以視個人喜好去搭配應用。在這之前我們要建立剪裁遮色片，可以讓新開的圖層不會塗超出範圍，之後再一層一層上色。

1.畫陰影

畫陰影的步驟非常單純，但能決定一張作品上色是否好看！首先會用到PHOTOSHOP CS2的剪裁遮色片功能可以變成底色圖層的子圖層，超出範圍範圍的顏色不會顯示出來。之後就是單純的筆刷畫影子和橡皮擦擦拭的動作了。那麼，我們現在就來添加角色的立體感吧！

A建立剪裁遮色片

剪裁遮色片的功能是將以一個圖層作為遮色片，建立於此這層之上的圖層如果圖超出範圍不會顯示出來。換個簡單點的說法就是超出底色範圍的都不會被顯示出來，我們就不必花費心思擔心是否有塗超出去。這是分圖層的最大便利之處，現在我們將介紹如何使用。

在圖層面板上將我們想要上色的圖層上面點一下，之後到面板右下方點選「建立新圖層」，我們便會開個新圖層在我們要上色的圖層上面。視個人習慣是否要修正圖層名稱。

請請在兩圖層之間壓著「ALT」會出現個特殊圖示，此時左鍵點選

可以發現圖層面版那邊陰影圖層往後退了。此指令叫做「建立剪裁遮色片」，實際位置擺放位置是在選項列的「圖層」＞「建立剪裁遮色片」。

現在隨便拿筆刷亂塗，可以發現到現在上色的顏色全部都在下面的底色圖層範圍內！

超出界線的不會出現了。當我們用「橡皮擦工具」時也不怕影響底下圖層囉。現在是否會用「剪裁遮色片」了呢？搭配先前提過的顏色修正方式，可以將陰影的顏色調整到滿意為止並且隨時做修正。後續的反覆的如此進行，將每個圖層都都搭配剪裁遮色片使用。B繪製陰影

我們現在就先從基礎賽璐璐開始學起，也就是單一色底色配上一個陰影色。動筆繪製陰影之前，請先思考這張圖的光源方向為何。如果沒有頭緒，可以先隨便塗色看看哪個方向的最符合CG作品想要呈現的感覺，或是先列印出來在紙上用彩色鉛筆計畫一下想要的光影切割。建議可以直接塗上陰影色，邊摸索與嘗試，找到最喜歡的光影切割法。

陰影的填色順序就更自由了！這邊就建議使用「筆刷工具」 和「橡皮擦工具」去搭配使用了，圈選工具在這步驟並不實用，所以不用特別考量是否要用「鉛筆」的問題。因為是色塊，請務必使用「實圓」筆刷系列。

在這塗下第一筆以前先好好的思考光源的方向，這樣才知道陰影要塗在哪裡。建議可以邊塗邊觀察光影比例是否好看，經驗累積下來會越來越熟練。抓完光影方位之後在去考慮細節上個人的色塊切割特色。粗細色塊的搭配下能夠提高畫面的細緻感。

也有些人習慣前一章節教的「筆型工具」去拉出準確的色塊並塡色。這部分牽扯到每個人的做圖習慣的問題，提供做一個參考。其中頭髮的陰影如此處理最為廣泛。

我們這部分就不作詳細的介紹，賽璐璐色塊是掌握光影大原則後就隨自由喜好去處理的技法，隨著多練習之後可以找到自己偏好的切割方式。

在此給各位看用賽璐璐上色法完成的面貌，結果上並不完全是動畫式的常看標準陰影切割法。許多小細節算是自己的個人偏好，希望能給各位純粹當作參考。請各位務必熟練這連貫的上色過程，在初學階段這是最快也是最方便的作業流程，往後章節也是持續要用重複相似的步驟。

C進階陰影

由於CG美少女和賽璐璐動畫還是有一個差別，那就是我們對於單一張插圖能投入更多的時間，所以不一定要被只有各一層光影所拘限！進階的陰影通常會多增加一層逆光的陰影色。這顏色屬於非常個人化的選色，完全因個人的喜好決定而異。通常想像是受到環境光線的影響，比陰影色淡一點的濁色。逆光陰影的其中一個好處是可以增加整體感，二來能夠讓陰影色更深一點，逆光陰影再來刷淡顏色。建議可以搭配後續的顏色調整教學一起嘗試，可以找到理想的逆光陰影色。

我們再建立新的子圖層，也就是在剪裁遮色片內於陰影圖層上方。

現在請選取一個逆光陰影色塗看看，作為第二層次的陰影。

請調到滿意的顏色之後，就將逆光陰影給完成。此步驟又比前面的色塊更為個人化，不管就顏色選擇、切割方式沒有一定的公式，純粹根據自己覺得是否好看來決定內容。

三層顏色的好處是可以刷淡之前強勁的對比度，也能夠點綴出想要強調的細節。現在這樣的結果也只能算是我個人偏好的逆光模式，請各位多玩玩看怎樣的搭配下自己覺得最為滿意且喜歡。唯有多次練習累積經驗才會進步喔！

2.影像合併

現在賽璐璐上色法的CG總算完成了！為了往後整體方面的編輯方便，我們不應該讓圖層分散，應該將整個作品化為一個物件。建議將現在的版本的檔案儲存一份起來後，再等一下合併完圖層另存新檔。這樣一來要是未來還想要修正賽璐璐色塊還有機會。

將底圖前面的眼睛關閉，畫面中僅留下來的應該只剩人物的部分。

在圖層面版右上的小三角形點開來，選擇「合併可見圖層」。整張圖會統合為一個圖層！

請將圖層名稱改為圖片之內容，以方便以後好管理。

3.結語

做到這裡我們已經有一個完整的賽璐璐上色法的美少女CG了～！後續的篇章會教如何上色出更豐富層次感的美少女。但在那以前我們先用些簡單的方式加點光源，馬上能讓角色感覺是活在圖畫之中喔！