入門級!CSP 圖層及素材基本應用

5,689

i-BOOM

i-BOOM

前言

你好!我們是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中,我頗喜歡用內置筆刷:「美術字」來寫字。你可以從「沾水筆→美術字」找到它。

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

尾聲

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

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

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

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

 

留言

最新

最新官方