歡迎在下方留言感想或建議，以給我一個改善內容的方向(・∀・)

內容簡介

1.普普風格分析&操作示範

 

2.將普普元素運用於插畫設計

 

針對普普風格的特色，配合圖面範例進行繪製解說，熟悉表現方式之後，依主題發想內容、構圖、配色，光影、網點等，循序漸進繪製帶有普普風格的插畫。

普普風格分析&操作示範

註：以下畫布尺寸皆為A4，210mmX297mm，300dpi。

另外，繪製時需分成不同圖層，方便之後變更顏色。

 

 

 

1.形狀

 

 

普普風格的特點是輪廓鮮明，若要繪製，邊緣清晰，能從剪影辨認形體的圖像為佳。

輪廓清楚(o)

邊界模糊(x)

 

 

 

2.色彩

 

 

對比鮮明，飽和度高的色彩也是普普風格的特點之一，若顏色太過灰暗，便無法做出明顯的對比效果，不利於普普風格的呈現。

色彩鮮艷，飽和度高，會給人鮮明清晰的印象。

色彩灰暗，飽和度低，會給人混濁的印象。

不清楚選擇的顏色飽和度高低時，可參考HSV的數據(H/S/V，色相/飽和度/明度)

 

以下是同樣的色彩，分別調整了飽和度、明度、飽和度&明度的狀況。

(1)飽和度增加，色彩的濃度變高。

(2)明度增加，色彩變的明亮。

(3)飽和度和明度同時增加，色彩變的鮮豔明亮。

3.網點效果

 

CSP有內建的網點效果，可以依個人需求的效果變更調整。

 

 

網點線數>60

濃度>使用圖像輝度

網的設定>圓

 

網點非常細，幾乎看不出網點效果。

網點線數調低後，紋理顆粒變明顯。

 

選取圖層顏色，可將網點改為指定的顏色。

 

內建網點有時會找不到想用的圖案，此時可以用筆刷或裝飾效果作為網點，而ASSETS中也有許多免費素材和筆刷可供下載。

 

 

選取想用的筆刷素材

>[ 建立新圖層 ] > [ 用下一層圖層剪裁 ]

 

如此一來，就能在保有形狀的狀況下繪製花紋了

[用下一層圖層剪裁] 這個功能相當實用，大家可以多加利用(・∀・)

此處分別使用了

 

(1)網點筆刷：CSP內建，輔助工具中的[網格線、沙粒]- 網格線4網

 

(2)花紋裝飾：手描きの和装飾ブラシ集， 感謝27pt精美的素材(・∀・)

載點>https://assets.clip-studio.com/zh-tw/detail?id=1730439

 

 

4.色彩變更

 

 

若要變更圖像的顏色，可以選擇變更部分或整體的顏色。

 

變更部分顏色：選取要變更的部分

[ 編輯 ] >[ 將線的顏色變更為描繪色 ]

 

(註：此處的甜甜圈和背景是分開繪製的)

 

變更整體圖面的的顏色： [圖層 ] >[ 新色調補償圖層] >[ 漸層對應]

 

漸層對應可以快速嘗試組合不同的顏色，

而不同配色會給人不同的印象，可以依據想呈現的印象改變顏色組合。

5.重複元素

 

普普風格中常見大量相同的元素不斷的反覆出現，而這點使用製作電腦就相當容易。

若要重複元素，只要一直複製貼上就好了。

選取後， [CTRL+C] ，[CTRL+V] ，依照需要縮放大小或排版。

 

不同排版組合，交錯分佈或直線排列。

大量重複中帶點變化，也是普普藝術常見的運用方式

(例如重複中出現一個不同口味的甜甜圈、或不同顏色的背景)。

 

如果大量同色中有其中一色不同，就會產生對比，看起來特別顯眼。

 

改變圖像的大小也是對比的一種，而版面大小不同，也會改變整體的印象，各位可以多多嘗試不同可能。

6.版面編排

漫畫般的排版也是普普風格的特色之一，由於原文是英文，視線閱讀順序通常是由上至下。

 

水平和垂直的版面給人安定、沉穩的印象，

傾斜的版面安排則會有不安定、活潑的印象。

格子內的甜甜圈感覺較安定、沉穩，而超出框外的甜甜圈看起來會特別活潑、顯眼。

 

 

 

7.結合與應用

使用了結合上述的提到的元素，製作了三種不同的範例參考。

 

甜甜圈都是複製出來的，只不過編排方式做了改變，配色比例也略有不同。

可以參考範例並感受一下不同配色和排版帶來的氛圍變化(・∀・)

也能進一步思考自己想要製作的主題，改變配色、排版，製作出較貼合理想的畫面。

 

 

將普普元素運用於插畫設計

個人認為，若要繪製擁有大量重複元素的插圖，有明確的主題性會更有趣，所以以夏日廟會為主題發想並繪製運用了普普風格特點的插圖。

 

1.發想/構圖

背景使用類似漫畫的排版，由上到下的分隔方式，由於主題是夏天的廟會，所以使用了煙火、面具和水球，而這些元素都可整理成圓形，相同的元素大量重複之後，能產生帶有整體感的效果。

 

(原本有考慮過金魚，但形狀較不規則，也不好整理成圓形，改成水球後，顏色也能更豐富有變化。)

 

此外，打算在人物身上重複背景使用的元素，加強普普風格的印象。

(煙火圖案的服裝、頭上的面具、手上的水球。)

 

 

 

2.配色

由於配色會左右整體圖面的印象，所以我個人傾向先決各顏色在畫面中佔據的比例後，

再畫線稿。

 

不確定顏色時，可先確立主色(想要的印象色)，再配上合襯的顏色

 

初步構想是藍色的和服，夜晚背景，但希望能有更穩重的感覺，所以和服從水藍改為深藍，為了凸顯夜晚的感覺，將蝴蝶結改為亮黃色，與深色背景呈現對比，表現整體穩重中帶點明亮的感覺。

為加強夜晚的感覺，將中間區塊改為黃色，營造夜晚中發光的攤販的印象。

整體主色決定後，接著配置元素(煙火、面具、水球)，以人物跟背景互不干擾為原則進行配置。由於背景跟蝴蝶結都是黃色，觀看時容易將背景跟人物混在一起，決定把蝴蝶結改為紅色，整體畫面才會更顯眼。

 

 

 

3.線稿

 

決定整體配置後，接著整理線稿，定出人物的動作與背景的分割。

注意視野的流動，以人物跟背景互不干擾的前提進行畫面配置

人物動作與物件位置大致決定之後，便可以開始繪製正式的線稿跟背景。

4.底色

 

 

線稿完成後，便開始繪製底色，首先從人物的底色開始。

將線稿圖層設置為 [ 參照圖層] ，使用> [ 自動選擇] > [ 填充] ，將背景顏色填滿。

(由於人物輪廓複雜，選取背景相對容易很多)

 

如果線稿有空隙，可開啟 [ 封閉間隙 ] 會比較好選取。

關掉線稿圖層，選取畫面中白色的部分，建立新圖層，用油漆桶填滿。

如此一來，就能得到一個完整的剪影圖層。

將剪影作為底圖，建立新圖層，使用[ 用下一層圖層剪裁] ，就能在剪影的範圍內上色了。

這是將人物與服裝上完底色的樣子。

(註：需分圖層上色)

建立新圖層，將背景上色後，底色階段就完成了。

 

 

 

5.光影

由於光源設定為夜晚的攤販，想營造光由前方照射，陰影落在人物的後方的光感。

複製剛剛繪製的剪影圖層，底色改為橘紅色，

建立新圖層，接著使用選取工具將會產生陰影的部分上色。

 

(由於想保留整體感跟視線流動感，陰影部分並沒有上的很細，而是大塊面的上色。)

上色完畢後，便能得到光(橘紅色圖層)跟影(藍色圖層)兩個圖層

這是加上背景的狀態。

 

 

 

6.網點

將橘紅色圖層的混合模式改為>[實光] >[不透明度] >[75%] ，便能得到人物被微弱橘光照亮的效果。

接著製作網點，將剛才製作的陰影(藍色圖層)改成網點效果。

擦除了小部分陰影凸顯頭上的面具。

 

以下提供網點的設定參考

網點線數>13

濃度>使用圖像輝度

網的設定>十字

圖層顏色>暗紅色(參考紅框內)

 

各位可以依據圖面尺寸的不同、想要呈現的效果等不同狀況調整和更改。

 

 

 

7.背景與裝飾

統一繪製背景物件(煙火、面具、水球)的底色之後，同樣使用 [ 用下一層圖層剪裁 ] ，就能在不超出底圖範圍的狀況下畫上第二層顏色和網點。

由於背景看起來有點單調，用了網點筆刷增添質感。

 

服裝上的煙火裝飾直接複製了背景的煙火，使用了網格變形使形狀更貼合衣服，水波的紋理則使用了前面剛剛提到的，"手描きの和装飾ブラシ集"中的筆刷。

到這裡就完成了，以上是本次的教學，感謝您的閱讀(・∀・)