前言

你好！我們是i-BOOM Creative House。

又到聖誕，先預祝各位聖誕節快樂！為了向各位送上祝福，十二月初絕對是製作聖誕卡的好時機，所以這次i-BOOM決定從繪製聖誕卡入手，講解CSP的圖層與素材的基本應用方法。

 

不過在之前，你知道這次教學的封面圖是怎樣製作的嗎？答案會在這篇教學的最後揭曉！

 

那現在先送上詳細的教學影片。如果不方便看影片，也可以繼續閱讀這篇教學文章，有些部分會比影片更加詳盡。

 

*這次的TIPS包含了兩個主題：「為初學者講解圖層功能」和「節日卡片插圖」。

聖誕卡一般以明信片大小為主。而如果想要方便印刷，那A6會是一個比較合適的大小，所以在繪製時，也可以直接選用A6畫布作繪製。

在IPad上開啟CSP後→檔案→新建，然後選擇A6，確定方向，最後按OK。

如有需要也可以選擇紙張顏色。

 

當視窗中會出現一張畫布，同時圖層部分分別有一個空的圖層，及一張背景圖時，我們便可以開始作畫了。

 

這次想要完成的是這張聖誕卡，會先從草稿部分開始說明。

Part 1　草稿

｜為了檢查骨架，先認識「左右反轉」

我個人認為在CSP中，草稿階段最常用的功能莫過於「左右反轉」及「底稿圖層」了。

「左右反轉」可以快速地把整張畫布向左右反轉，十分合適用來檢查骨架。

但要留意的是，作畫時用的臨時「左右反轉」，跟整張作品「左右反轉」是不一樣的。

選單→檢視→旋轉、反轉→左右反轉

這是臨時的「左右反轉」功能，不會影響最終作品的方向。

 

選單→編輯→旋轉、反轉畫布→左右反轉

這是長期的，會影響最終作品的方向。經常使用還會耗掉iPad的臨時記憶體，以及令檔案失真，所以不要按錯。

如果想要快速地使用「左右反轉」，利用快速存取功能就可以了。

到「快速存取」選單→快速存取設定→檢視→旋轉、反轉→左右反轉→追加

｜為了方便整理，新增圖層與圖層資料夾

適當地使用圖層，不但可以方便修改，也有助加快作畫。

按「新增圖層」。

 

繪製人物以外的物件，如衣服、髮飾、裝備、背景等，就能在不影響人物的情況盡情修改。同時，在繪製很多圖層後，想要好好整理，可以選取所有相關圖層，並把他們加入資料夾。

在已選擇的圖層上→iPencil或指尖長按→建立資料夾並插入圖層

所選圖層就會加入到新資料夾中，方便整理。

 

另一個新增資料夾方法，就是按「新增資料夾」按鈕。

在新資料夾中按新增圖層，圖層將會自動納入在有關資料夾中。

｜輸出時，請不要看見草稿！「底稿圖層」介紹

接下來是「底稿圖層」的介紹。

如果工具欄夠寬闊，可以直接按下「底稿圖層」按鈕，被放入資料夾中的草稿都會被定義為「底稿」。選擇底稿後並不會讓草稿的顏色改變，但在輸出檔案時，可以選擇要不要輸出「底稿」。

選單→檔案→平面化影象並寫出→選擇輸出檔案格式

選擇要否輸出「底稿」，選好後按OK，就能輸出檔案。

上面的範例中，左邊的圖是輸出的底稿（藍色線），右邊則沒有輸出底稿。

值得一提的是，如果工具欄不夠闊，「底稿圖層」的快捷鍵有可能會被隱藏，這時候可以到「選單→圖層→設定圖層→設定為底稿圖層」。

｜轉換整個圖層的顏色和透明度吧！

那麼，要如何把資料夾內的所有底稿快速轉色呢？

可以到「圖層屬性」選單→圖層顏色

在這裡可以把整個圖層的線條轉成某一種特定顏色。

另外，若然工具欄夠寬闊，你亦可以找到迅速「圖層顏色」的快捷鍵。

 

把底稿轉色後，也許都未能夠可以讓線稿清晰地覆蓋在上方，這個時候就可以調整圖層不透明度以達致效果，40-60%的不透明度會是不錯的選擇，請按需要進行調節吧。

Part 2　線稿

｜「點陣圖層」與「向量圖層」

不計算底稿圖層，CSP的圖層一般分為兩種：

 

一、點陣圖層

最普遍的圖層。如果一直把圖檔放大，圖像會變成馬賽克或模糊起來。

 

二、向量圖層

需要使用專用軟件開啟，特點是不管怎麼放大，邊緣線條、顏色等都不會改變，圖像不會模糊。在向量圖層中，畫出的所有線條都可以利用「點」加以微調。

 

選用「物件」（紅色）或「控制點」（在藍色位置）功能點擊線條，都可以控制「點」。

「點」愈少，線條就會愈順滑，所以如果想要畫出順滑的線，可以利用「控制點」功能中的「刪除控制點」把多餘的「點」刪除。

 

另一方面，在向量圖層中，使用「物件」功能時，還可以調節圖層中所有線條的粗幼及顏色等。而如果在向量圖層中使用「橡皮擦」功能，亦會有驚喜。

勾選「刪除向量」後，選用不同的模式，可以方便地調整有交雜的線條，這是「點層圖層」中沒有的功能。

 

不過由於向量圖層有時候會自動微調線條方向，所以有時候還是使用「點陣圖層」繪製線條會感覺比較自由。

｜更改圖層名稱

當繪製了一部分線條後，我們可以為圖層改名以方便整理及搜尋圖層。

 

雙擊圖層的名稱即可更改名字，例如這次改名為「Face」。

資料夾也可以以同樣方法更改名稱。

｜快速作畫！下載及加入素材的基本方法

繪製圖某些複雜的部分時，我們可以選擇使用素材，例如這次繪製的人物那耳邊的辮子。

這個時候我們可以到CLIP STUDIO ASSETS搜尋。

 

CLIP STUDIO ASSETS中的素材分為兩種：免費及付費

雖然付費的素材有很多都很吸引視線，但免費的素材有很多都十分實用，而且種類很多。只需要輸入關鍵字，就會出現各種各樣相關的素材。例如快要聖誕節了，不如試著輸入「Christmas」，看看會有什麼聖誕素材可以使用吧。

下載完的素材可以從

選單→視窗→素材→素材[Download] 取出

 

素材分為不同的種類：圖像、筆刷、3D等，全都可以在這裡找到。

圖像類型的素材，最常被用在背景或質感上，例如想在上色後加入滿滿的水彩質感，就能利用有關素材進行。使用時只需要拖入到圖層範圍即可，所有圖像類型素材都會有「圖像素材圖層」的圖示標示；

 

至於筆刷類素材，則可以根據筆刷的種類放到相應的地方：

例如衣服紋理，可以會放在「裝飾」→「服飾」的位置，直接拖放到想要擺放的視窗中即可。

筆刷類素材有時候會在預覽圖左方，顯示一個小圖示，以便識別。

如果想要刪除已加入的素材，可以選擇素材後按刪除鍵。

若然忘記了下載的素材是什麼，可以按上圖所示的右上角標示，會引導到該素材的下載網頁。

｜使用素材的最基本方法

根據需要繪製的圖像選出適合的素材，不但能令作品美觀，還可以加快工作速度。

使用素材前，可以從預覽框中查看使用時的效果，有部分素材會支援筆壓，有些則不會。設定時亦需要留意顏色，有部分素材支援雙色，可以自行配搭出最佳效果。不過如果想要讓不透明的素材變成透明，建議先把「要透明的部分」選用白色來標示。

確定使用的素材後就可以進行加工，例如把不要的部分擦掉，或加添自己需要的部分。

而需要變成透明的部分，除了可以用橡皮擦處理外，還可以使用CSP內建功能處理：

 

選單→編輯→將輝度變成透明度，一鍵處理，迅速辦妥。

 

以下是嘗試過被使用來製作辮子的素材，最終使用了錐式辮子來作畫。

｜使用素材及「建立蒙版」，製作衣服花紋吧！

由於花紋會根據衣服的剪裁、形狀而被分割，要快速處理分割，可以利用各種的「選擇」工具和「蒙版」處理。

簡單的做法，就是先選擇好要使用的花紋，這部分可以使用素材或自行繪製。下方是這次繪製中曾經被使用的紋理素材，都是充滿了冬天感覺的圖案。

建議不同衣服部分的紋理，畫在不同的圖層上，並按照素材筆刷的方向，繪製出依布料方向發展的花紋。

畫好花紋後→用「選擇」工具→「自動選擇」→選取圖案會浮現的地方→點選畫好衣袖圖案的圖層→「建立蒙版」

 

圖層就會只顯示被選取了的部分，其他部分都會被遮掩，如此一來就基本處理好衣服的紋理分佈了。要留意的是，使用「選擇」工具時可以依照情況選用「僅參照編輯圖層選擇」或「參照其他圖層選擇」。

 

使用蒙版後想要繼續在圖層上作畫，記得點選圖層，否則作畫會畫到蒙版上，從而影響遮掩範圍或沒有效果。

 

除了圖層，蒙版也可以用在資料夾上，試試把圖層上的蒙版拖放到資料夾，如此一來就可以在想要的範圍中進行各類型的花紋測試。

Part 3　上色

有關於上色時的圖層使用方法，我個人會把不同部分的線稿畫在不同的圖層，再以不同部分為分類，加入底色、陰影等，例子可見下圖。

為了方便整理，還會利用顏示分辨每個資料夾，設定方法可在圖層視窗的左上角找到。

 

｜上色工具的簡介

上色的工具分別有「填充」及「圖形」中的「套索塗抹」。

「填充」可以快速完成大範圍的上色，惟部分小角落會無法完美填充，或在圖稿中有缺口時會有顏色溢出的問題的發生，這個問題可以利用「套索塗抹」來協助填充。

同時，CSP中填充功能可以微調，例如調整「顏色誤差」，可以把被定義為灰色的部分都填好；「縮放區域」可以決定填充的範圍的外圍大小等。

｜超好用的「用下一個圖層裁剪」，輕鬆完成陰影上色

底色完成後，開始繪製陰影。

在畫有底色的圖層上面，

開新圖層→按「用下一個圖層裁剪」快捷鍵

開啟後圖層旁邊會有紅色標示。

 

接下來，在這圖層上繪製，將會以含有底色色塊圖層為面繪製，因此顏色不會溢出色塊以外的地方。若然沒找到快捷鍵，亦可以在相應圖層上，利用iPencil或指尖長按→設定圖層→「用下一個圖層剪裁」來進行設置。

 

當第一層的陰影完成後，便可以增加圖層來繪製第二層的陰影。

除非中間有斷開，否則在已被設置「用下一個圖層裁剪」的圖層上面，再新增一個同樣被設置的圖層，它們仍然會使用最底下圖層中的色塊為基礎來進行上色。簡單來說，只要中間沒有斷開，就不用擔心顏色會溢出，使狀態看起來如同用了「蒙版」。

上圖中，

紅色框：正常狀態，沒有任何一個圖層被斷開，所有陰影上色都沒有溢出；

藍色框：右上角是被斷開的狀態，部分圖層因以斷開的空白圖層（綠色框）作基底，而沒有被顯示出來；

黃色框：最底下的圖層沒有被顯示出來，上面所有被設置「用下一個圖層裁剪」的圖層也不會被顯示；

紫色框：沒有被成功設置的「用下一個圖層裁剪」圖層，會被標示為灰色，顏色亦會溢出，與普通圖層沒有分別。

 

｜選色的另一個選擇：調整「色相、彩度、明度…」

陰影的上色，除了可以在色環選色之外，亦可以借調整「色相、彩度、明度…」來選色。

1. 開新圖層→「用下一個圖層剪裁」→把基本顏色填入

2. 選單→編輯→色調補償→「色相、彩度、明度…」

3. 調整數據→OK→iPencil或指尖長按即可吸色

 

接下來就是最考技巧的作畫時間，由於顏色不會溢出底色範圍，所以盡情地上色吧。

｜灰模的重要性！「新色調補償圖層」介紹

灰模原型：模型上色前都會被噴上一層灰色。這樣做的其中一個目的，就是用來檢查模型的骨架有沒有出錯，因為顏色本身的光度、彩度、色相等，都會影響一個人對形狀、立體外型的觀感。

所以，作畫時使用「灰階」來檢查作品，能有助確認顏色的對比是否足夠吸引視線，或藏色有沒有成功地收藏起來，以增加畫面的色彩豐富度。

 

在CSP中，「新色調補償圖層」是一個快速把整個畫面轉換成灰階的方法。

在圖層範圍長按→「新色調補償圖層」→「色相、彩度、明度…」→彩度調成「-100」→OK

 

「新色調補償圖層」出現了！把它放到所有圖層之上吧。

現在你可以檢查每一個圖層的顏色的對比度、彩度是否足夠，並進行調整。

調整後，把「新色調補償圖層」隱藏便可以回復到彩色畫面。

｜把線條融入畫中，來改變線稿顏色吧！「鎖定透明圖元」介紹

配合線條的粗幼、漸變、與色塊相配的線條顏色，不但能夠讓線條不會在作品中變得突兀，還可以增加畫面的豐富度，所以盡可能地使用畫面上的所有元素，讓作品變得完整吧。

圖層的工作欄上，有一個「鎖定透明圖元」的快捷鍵，使用後圖層上會留有相同的圖示，如此一來這個圖層上的所有透明部分都會被鎖定，就只有已上色的部分能被修改，因而可以大幅度地利用「套索塗抹」或其他畫筆，盡情地為線條上色。

 

如果沒有找到快捷鍵，亦可以

長按相關圖層→設定圖層→鎖定透明圖元

Part 4　最後調整與素材運用

｜使用素材，為人物加添可愛的髮飾吧！

有時候，素材看起來會像印章，畫出來的是一個個不同的圖案，這類型的素材非常適合用來點綴作品，成為人物的裝飾品，所以十分建議在正式使用前，先好好地試用並認識各類型素材。

 

以下是這次使用的裝飾及背景素材：

 

加入素材後，經過調整，並且使用「選擇」及「移動」功能，先把圖案放在想要的地方。

如果需要重覆的元素，可以長按想要複製的圖層→複製圖屠。

另外也可以改變圖層的方向或大小，例如想要水平反轉，可到選單→編輯→變形→左右反轉。

｜為素材加上外框，統一作品風格

擺放好素材的位置後，為了配合作品整體感覺，需要為素材描邊。

我們可以到CSP中的「圖層屬性」→選擇效果中的「邊界」。

在這裡可以為圖層內所有色塊加上外框，線條分別可選「邊緣」和「水彩邊界」，亦可以選擇線條粗幼及顏色。

完成調整後長按圖層→點陣圖層化

就可以輕鬆地修改自動繪製出來的線條，是十分有用的功能。

｜利用素材完成背景和加入水彩質感吧！

先把想要的圖案及水彩紋理拖放到圖層工作欄中。

如果希望人物帶有水彩紋理，就把水彩素材放到所有繪製人物的圖層上方。

然後利用「混合模式」（紅色）及透明度（藍色），進行調整。

同時，如果不希望水彩素材會影響背景，可以把所有繪製人物的圖層、資料夾，全部放在一個資料夾中，並把水彩素材設置為「用下一個圖層裁剪」狀態，如此一來水彩素材就不會影響到背景的可愛圖案了。

 

為了不會讓背景比人物顯眼，背景也應該稍作調整，以免背景的顏色比人物更加亮麗而搶了人物的主角地位啊。

 

｜使用內置筆刷：「美術字」來寫上祝福語吧！

在CSP中，我頗喜歡用內置筆刷：「美術字」來寫字。你可以從「沾水筆→美術字」找到它。

最後，使用「圖層屬性」加上白邊讓祝賀語變得顯眼，作品就大功告成了！

尾聲

祝各位聖誕節快樂！同時希望各位會享受這篇教學。

如果你喜歡我們的教學影片、文章，請給予我們一個「喜歡」！

最後下方送上這次教學封面圖所使用的素材。簡單配合和修改就能做出好看可愛的封面圖了，這麼好用的素材不用嗎？！

那我們下次再見吧！謝謝你讀到這裡！