Photoshop+SAI數(shù)字插畫設計課件 第二篇 數(shù)字插畫實踐案例與作品欣賞

第二篇數(shù)字插畫實踐案例與作品欣賞涂鴉（見圖6-1）是目前很普遍的一種數(shù)字繪畫形式。其繪制方法多樣，繪制者可以根據(jù)自

己的創(chuàng)意在畫布上進行繪畫創(chuàng)作。本章講述涂鴉風格插畫常用的繪制方法及創(chuàng)作流程，讀者可

以從中舉一反三，結(jié)合自己的創(chuàng)意，創(chuàng)作涂鴉風格的插畫作品。◆本章學習目標1.熟悉涂鴉風格插畫的繪制方法和創(chuàng)作流程。2.能夠熟練運用Photoshop等繪畫軟件進行涂鴉風格插畫的創(chuàng)作。第

6涂鴉風格的插畫圖6-1章第1節(jié)涂鴉風格與經(jīng)典作品薈萃涂鴉以其多樣化的繪畫風格，在數(shù)字插畫領域中廣受歡迎。讀者可以從不同的作品中發(fā)現(xiàn)

繪制者不同的個性。一、涂鴉風格的定義涂鴉是最簡單自由的數(shù)字繪畫形式。繪制者能夠不限于使用傳統(tǒng)的繪畫技法，通過畫筆盡

情展現(xiàn)個人畫風。其畫面感既可小而精致，也可張力十足，給觀者以充分的視覺享受。同時，涂鴉風格的插畫通常具有故事性與內(nèi)涵。繪制者將特定主題融入其中，以畫抒情，畫面往往包含極強的色彩對比，通過大色塊和高飽和度給觀者以視覺沖擊；或者僅用簡單線條勾勒，創(chuàng)造出看似隨性卻能細細品味的畫面效果。二、涂鴉風格經(jīng)典作品薈萃涂鴉風格經(jīng)典作品如圖6-2～圖6-4

所示。涂鴉風格的插畫作者：??（韓國）圖

6-2第

章0676作者：NuriaTamarit（西班牙）作者：もにおにうむ（日本）圖

6-4圖

6-3068一、創(chuàng)意構(gòu)思插畫以動漫IP“小魚燈”為例。主體角色由穿中式衣服的小男孩與一盞活靈活現(xiàn)的小魚燈組成，整體造型生動活潑，同時帶有濃濃的奇幻意味，為觀者展現(xiàn)了一幅江南獨有的童話畫面?；张山ㄖ侵袊鴤鹘y(tǒng)建筑領域最重要的流派之一，是徽文化的重要組成部分，為中外建筑

大師所推崇。其主要分布于徽州（今黃山市、績溪縣、婺源縣）及嚴州、金華、衢州等地區(qū)?；?/p>

派建筑以磚、木、石為原料，

以木構(gòu)架為主；梁架多碩大，且注重裝飾，廣泛采用磚、木、石雕，裝飾藝術(shù)水平高超。因為徽商在揚州、蘇州等地經(jīng)營，所以徽派建筑對當?shù)亟ㄖL格也產(chǎn)生

了較大的影響。繪制者將徽派建筑作為畫面背景，不但可以提高畫面的豐富程度，而且古樸、帶有江南特

色的建筑也給畫面帶來強烈的中國風，提升了作品的故事感。作者介紹沈

一

帆，新浪微博：@福爾貓斯兒，個人微信公眾號：

miaostreet；畢業(yè)于浙江工業(yè)大學，影視動畫專業(yè)碩士；創(chuàng)立原創(chuàng)動漫

IP“小魚燈”，導演的同名動畫短片在優(yōu)酷、愛奇藝等網(wǎng)站播放

量超千萬次，并出版《小魚燈》AR

繪本，銷量過萬冊。擅長卡通涂鴉風格插畫創(chuàng)作，并在“中國風”方面有個人獨特的畫風。動漫創(chuàng)作觀點：如果一部作品能夠觸及每個人內(nèi)心中最純

真、美好的地方，那么它將沖破年齡的界限，獲得永恒。創(chuàng)作流程和解析下面以作品《小魚燈》為例解析涂鴉風格插畫的創(chuàng)作流程，成圖如本案例所使用的繪畫工具鉛筆；PhotoshopCC；計算機（MacBook/PC）；Wacom

數(shù)位板（型號CTL-409）。涂鴉風格插畫教學視頻第2節(jié)第章

涂鴉風格的插畫圖6-5所示。圖

6-50696二、素材的收集與參考插畫以徽派建筑為背景，需要收集徽派建筑相關的圖片素材，

以確保畫面元素真實可信。繪制者除了通過網(wǎng)絡收集圖片，更親身來到擁有徽派建筑的實地景點進行采風，不僅獲取了大量素材，如圖6-6

所示，也與當?shù)鼐用襁M行交流，了解了當?shù)氐娘L土人情，從而使插畫的主題與故

事更加真實可信。三、草圖構(gòu)思在確定插畫主題后，繪制者運用紙筆進行草圖勾勒，

如圖6-7

所示。在數(shù)字繪畫前仍用傳統(tǒng)方式繪畫，是繪

制者掌握作品整體性的重點。涂鴉風格插畫的繪畫過程中，要注意插畫

的動態(tài)效果。在處理人物時，我們應該在保

證構(gòu)圖平衡的同時，為人物添加豐富靈動

的動作。本作品中，我們將小男孩與小魚燈經(jīng)由兩條不同的

動態(tài)線進行串聯(lián)，如圖6-8

所示。小提示

圖

6-7圖

6-6070草圖繪制完畢后，通過數(shù)字拍攝將草圖導入計算機，

進行數(shù)字化繪制。草圖構(gòu)想之后的創(chuàng)作過程分為數(shù)字草稿與勾線、色彩初稿、細節(jié)刻畫與最后調(diào)整。四、數(shù)字草稿與勾線步驟一：打開

Photoshop，執(zhí)行“文件”-

“新建”

命令，預設尺寸大小為

3000

像素

×3000

像素，分辨率為

300

像素

/

英寸，單擊“確定”按鈕，如圖6-9

所示。步驟二：導入之前手繪的草圖，將草圖調(diào)整至畫面合適大小。為方便后期勾線，需要在Photoshop中進一步細

化草圖，添加人物表情、動態(tài)，

以及背景細節(jié)，如圖6-10和圖6-11

所示。071第

章圖

6-10涂鴉風格的插畫圖

6-8圖

6-9圖

6-116五、色彩初稿步驟一：確定背景的主色調(diào)。為了對應畫面夜晚的主題，使用大色塊藍色進行鋪色。同時，

添加與藍色對應的黃色作為頂部的色調(diào)，增加畫面的活潑性，如圖6-13

所示。步驟三：新建線稿圖層開始勾線，不同的圖層對應背景的前、中、后景，

以及不同的人物，方便后期修改線稿，如圖6-12

所示。圖

6-13圖

6-12072涂鴉風格的插畫將筆刷透明度調(diào)整至60%，進行人物顏色繪制。這種處理方式可以使顏色柔和，并且提

高取色的便利性。步驟三：在為人物上色的過程中，適當降低筆刷硬度，使人物的色塊柔和，更貼合作品的

主題，如圖6-15

所示。步驟二：完成背景顏色繪制后，與背景顏色同理，選定畫面主色調(diào)再進行大面積鋪色。注

意新建多個上色圖層，以方便修改不同人物之間的顏色，如圖6-14

所示。圖

6-15圖

6-14小提示第

章0736六、細節(jié)刻畫步驟一：鋪好整體顏色后，在原有圖層上新建細節(jié)圖層。筆刷透明度仍為60%，將人物、

背景固有色作為細節(jié)刻畫的原色，并進行各色域之間的過渡，如圖6-17

和圖6-18

所示。步驟四：在繪制畫面中的點綴物（如該作品中的“荷花”“螢火蟲”等）時，可以吸取畫面

中的固有色，并選擇其鄰近色來搭配。這樣既可以豐富畫面色彩，又可以使整體視覺統(tǒng)一，如圖6-16

所示。圖

6-16圖

6-18圖

6-17074步驟二：根據(jù)人物、景物各部位的固有色，進行同色系深色調(diào)的顏色選取，調(diào)整線條顏色，

以達到有輪廓但不突兀的視覺效果。同時，弱化背景線條顏色，在畫面中突出前景的人物，如圖6-19和圖6-20

所示。步驟三：在小魚燈色層上新建圖層，并將圖層模式修改為“顏色減淡”。在此圖層上的所有

顏色都將呈現(xiàn)高亮狀態(tài)，以展現(xiàn)魚燈發(fā)光的視覺效果，如圖6-21

和圖6-22

所示。第

章圖6-21圖6-22涂鴉風格的插畫圖6-19圖6-200756七、最后調(diào)整單擊頂欄中的“圖像”按鈕，選擇“調(diào)整”，調(diào)整背景顏色圖層的亮度與對比度，使其進一

步與前景圖層區(qū)分。同時，可以選擇“色彩平衡”，調(diào)整各圖層之間的色彩平衡，達到整體的色

彩統(tǒng)一，如圖6-23和圖6-24

所示。最終成稿如圖6-25

所示。圖

6-25圖

6-23圖

6-24076涂鴉風格的插畫·八、繪制小結(jié)繪制過程中，繪制者需要時刻保持各部分之間的色調(diào)統(tǒng)一。為了避免后期大幅度修改，繪

制者可以在繪制初期進行小圖色彩平鋪，測試作品的色彩范圍；也可以在主色調(diào)確定后，以此為基礎，進行鄰近色、同類色的選取?；⑷吕↘ei

Acedera），加拿大插畫師，是一位女性兒童插畫畫家，現(xiàn)就職于意象派工作室（ImaginismStudios），并且擔任藝術(shù)總監(jiān)，她在概念藝術(shù)、電影電視的角色設計上也

頗有成就。她的作品如圖6-26

和圖6-27

所示。1.參考本章的案例與繪制步驟進行臨摹練習。2.根據(jù)本章的插畫創(chuàng)作構(gòu)思進行插畫創(chuàng)作練習。第3節(jié)第4節(jié)大師作品推送作業(yè)練習圖

6-26圖

6-27077第章6拼貼（見圖7-1）是一種使用綜合材料繪制的插畫形式，如將報紙、雜志、布等作為繪畫材

料，再結(jié)合手繪形式，創(chuàng)作出視覺肌理強烈而有趣的作品；或者選擇干花、干草、塑料、蛋殼

等具有肌理質(zhì)感的物品，結(jié)合繪畫形式，創(chuàng)作具有多元質(zhì)感并富有立體層次的作品。據(jù)說拼貼風格插畫的創(chuàng)作方法起源于畢加索等藝術(shù)家，巴黎街頭貼滿層層海報的墻面為畢

加索和布拉克等藝術(shù)家提供了靈感。畢加索將有真實質(zhì)感的物件貼在畫布上，打破了二維平面

的繪畫，制造出空間虛實的視覺效果。這種作畫方式后來又不斷被其他創(chuàng)作者嘗試與發(fā)展，出現(xiàn)了更多“新”的繪畫創(chuàng)作材料、技巧和理

念。現(xiàn)如今，插畫師們更是將拼貼風格與數(shù)字

化的繪畫方式相結(jié)合，通過計算機技術(shù)的特殊

處理，賦予插畫更多的視覺沖擊力與美感。◆本章學習目標1.熟悉數(shù)字拼貼插畫的創(chuàng)作方法和步驟。2.能夠熟練運用Photoshop等繪畫軟件進行

拼貼風格的插畫創(chuàng)作。拼貼風格的插畫圖

7-1第章一、拼貼風格的定義數(shù)字拼貼繪畫指沿用拼貼繪畫的創(chuàng)作方法，將所需素材通過拍攝等手段導入計算機后轉(zhuǎn)為

數(shù)字圖像，再利用數(shù)字軟件進行下一步創(chuàng)作，最終創(chuàng)造出多樣化的拼貼視覺效果。這種創(chuàng)作方法在數(shù)字插畫領域中廣受歡迎，易于彰顯不同創(chuàng)作者的設計風格。二、拼貼風格經(jīng)典作品薈萃拼貼風格的經(jīng)典作品如圖7-2～圖7-4

所示。拼貼風格的插畫第1節(jié)拼貼風格與經(jīng)典作品薈萃作者：PeggyWolf（德國）圖7-2第

章0797作者：MarceloMonreal

（巴西）作者：HeatherLandis

（美國）圖7-4圖7-3080本案例所使用的繪畫工具鉛筆；PhotoshopCC；計算機（MacBook/PC）；Wacom

數(shù)位板。一、文案解讀與創(chuàng)意構(gòu)思插畫作品《剪》以報紙為主背景，

旨在展現(xiàn)參與信息傳播的受眾越來越年輕化是一個不好的趨勢。圖中有一些代表自然的花鳥元素，彈弓與秋千在畫面的主體位置表達了孩童本身應該享

作者介紹錢程久鈺，微博：@JATE-，

目前是插畫漫畫師、紋身師、Graffiti

（涂鴉）寫手，漫畫作品有《良藥》《蘭陵老人》，動畫作品有《Killer》，擅長有張力的表現(xiàn)風格，喜歡各種新鮮玩意兒，喜歡各種有趣的人和

事，討厭一切模仿行為（包括臨?。钕矚g的導演是大衛(wèi)

·芬奇。第2節(jié)創(chuàng)作流程和解析本節(jié)以作品《剪》為例，解析拼貼風格插畫的創(chuàng)作流程，成圖如圖7-5作者介紹石大衛(wèi)，浙江工業(yè)大學研究生畢業(yè)，擅長資料整理、編排，漫畫

作品有插畫集《莽漢日記》，動畫作品有《相親記》《Somethingabout

Lisa》等，喜歡創(chuàng)作、編寫、剪輯，喜歡的動畫導演是今敏。拼貼風格插畫教學視頻第章

拼貼風格的插畫作品《剪》圖7-5所示。0817有的童真童趣，然而畫面所想表達的主題是依然在玩手機的孩子及要剪斷這一樂趣的手。這只

手在這幅插畫作品中代表著信息化大眾傳媒。在信息化時代，科技迅速發(fā)展是好事，如果孩童

都熱衷于此而缺少了與真實世界的交互，那么對于人與自然的相處來說是不利的，也背離了科

技發(fā)展的初衷。小孩頭上橙色窗口中有一標志性的點贊Logo，這在圖中是大眾傳媒的標志性符

號，帶有一些黑色幽默的成分，向受眾傳達了一種通信發(fā)達而內(nèi)心孤獨的感受。二、圖片的收集與參考對于普通插畫愛好者，拼貼風格插畫的手繪素材通常來自現(xiàn)實生活且容易獲取。來自自

然生活的素材雖然有張力，但并不那么容易在質(zhì)與量上得到保證，而且制作成本較高，容錯率

較低。不過，使用計算機制作的拼貼風格插畫的素材可以規(guī)避上述問題，輕松實現(xiàn)想要的視覺

效果。本作品《剪》的創(chuàng)作元素及參考圖片有來自網(wǎng)絡的素材，也有自己拍攝的素材，如圖7-6~圖7-11

所示。圖7-8圖7-9圖7-6圖7-7082三、草圖構(gòu)思與繪制在確定插畫主題后，創(chuàng)作者運用紙、筆進行草圖繪制，

如圖7-12

所示。在數(shù)字繪畫前仍用傳統(tǒng)方式繪制草圖，然后在繪畫軟件中對草圖進行勾勒，再將素材填充。注意：

在繪制拼貼插畫過程中，草圖構(gòu)思是非常重要

的一個步驟。拼貼插畫是波普藝術(shù)的呈現(xiàn)方式之一，

因為

有素材填充，草圖不需要過于精細，無須將素材的形狀完

美復刻，但每一個素材在畫面空間中的位置以及最終作品

的視頻效果是需要創(chuàng)作者認真構(gòu)思與定位的，這點在拼貼插畫的繪制中尤為重要。四、線稿繪制打開

Photoshop，執(zhí)行“文件”-

“新建”文件命令，預

設尺寸大小為

A4，分辨率為300

像素

/

英寸，單擊“創(chuàng)建”

按鈕，如圖7-13

所示。拼貼風格的插畫圖7-10圖

7-11圖7-13圖7-12第

章0837導入之前手繪的草圖，將草圖調(diào)整至畫面合適大小。為方便后期勾線，需要在Photoshop

中進一步精確草圖。導入圖片之后，按Ctrl+T

組合鍵，

圖片四周就會出現(xiàn)如圖7-14

所示的錨點，拖曳錨點調(diào)

整圖片大小。為了保證圖片不變形，拖曳的時候可同時按住Shift

鍵。調(diào)整圖片至合適大小，按回車鍵確認。然后新建一個圖層，降低透明度，并繪制草圖，如圖7-15

所示。五、素材處理與整理按Ctrl+T

組合鍵，單擊鼠標右鍵，會看

到不同類型的調(diào)整模式，這里運用的是“透

視”和“扭曲”，如圖7-16

所示。首先需要處理主體，盡量讓圖片素材與

草圖相符，形態(tài)相同，

因此，需要熟練運用

Photoshop中翻轉(zhuǎn)、變形等圖片處理工具，如

圖7-17

和圖7-18

所示。圖7-18圖7-17圖7-16圖7-14圖7-15084在所有素材都調(diào)整完成之后，審視畫面，如素材不夠完整，可根據(jù)需要通過板繪補齊。在

這個過程中要注意光影和紋理的處理，如對彈弓及小孩外形的進一步處理。手繪的時候還要考慮

畫面里的光源（決定了物體的陰影位置），

還有圖層的遮擋順序。本例中的皮筋是使用畫筆繪制的。首先，使用畫筆確定一個端點，然后按住Shift

鍵，再單擊另一個端點的位置，就可以輕松繪制出一條直線。其次，在這條直線的圖層上新建一個空白層，命名為“皮筋陰影”，在該層上

單擊鼠標右鍵，選擇“創(chuàng)建剪貼蒙版”命令，如圖7-23

所示。

拼貼風格的插畫當一些素材與草圖構(gòu)思不完全相符時，

可以進行修改，再創(chuàng)作，也就是進行板繪調(diào)

整，如圖7-19～圖7-22

所示。使用“套索工

具”（快捷鍵L）或者“鋼筆工具”（快捷鍵

P）選取需要調(diào)整的部分，然后按Ctrl+X

組

合鍵剪切，再按Ctrl+V

組合鍵粘貼（剪切粘

貼后，剪切的部分會自動移到新的圖層），之

后按Ctrl+T

組合鍵，將位置調(diào)整到合適即

可。部分素材會被遮擋，需要在Photoshop

中移動素材所在的圖層，調(diào)整透明度，并適當使用“畫筆工具”進行修改。在處理畫面中間的區(qū)域時，一定要反復進行修改調(diào)整，以達到最佳的畫面效果。在進

行素材再處理的時候記得分層，這會提高容錯率，節(jié)省時間，提高效率。圖7-21圖7-22圖7-19圖7-20小提示第

章0857此時“皮筋陰影”圖層上出現(xiàn)一個向下的小箭頭，這時，在該層上畫皮筋的陰影顏色就不

會涂到皮筋以外的部分了。紅色披風的繪制方法與此類似，如圖7-24～圖7-28

所示。圖7-23圖7-25圖7-26圖7-24086將所有素材放置在合適的位置后，可對素材進行色彩處理，如圖7-29

所示。為了進一步凸顯主體，

以及表達創(chuàng)作者的立意，可將背景變灰，飽和度降低，即在色彩層次上進一步分層處

理，明確主次。這時候會發(fā)現(xiàn)有一部分素材沒有選中，這是因為“魔棒工具”的選取是根據(jù)近似顏色來劃

分的，右下角的顏色相對于左上角來說較暗，所以系統(tǒng)默認不選取。我們只需要單擊“加選”按

鈕，然后繼續(xù)選擇其他區(qū)域即可，如圖7-30

所示。拼貼風格的插畫圖7-27圖7-28圖7-29圖7-30第

章0877六、細節(jié)處理畫面中各素材的大體關系處理好之后，可增加一些細節(jié)來豐富畫面，

以傳遞更多信息，

讓插畫變得更加生動、有亮點。根據(jù)需要繪制其他素材，例如，繪制淚滴。使用“鋼筆”工具，先繪制淚滴的一半形狀，

然后復制圖層，按住Ctrl+T

組合鍵，單擊鼠標右鍵，選擇“水平翻轉(zhuǎn)”，調(diào)整到至合適的位置，

最后合并圖層，復制兩個淚滴并放置在合適的位置，如圖7-33～圖7-35

所示。調(diào)整色彩細節(jié)，最后效果如圖7-36～圖7-37

所示。088全部選擇完成之后，按Delete

鍵刪除選擇區(qū)域，即可留下剩余的部分并對其進行翻轉(zhuǎn)等編輯，效果如圖7-31

和圖7-32

所示。圖7-31圖7-32拼貼風格的插畫圖7-33圖7-34圖7-35圖7-36圖7-37第

章0897尼基·

羅伊克（Niky

Roehreke），

日本插畫師，是一個負責雜志插畫繪制的自由工作者，畢業(yè)于中央圣馬丁藝術(shù)與設計學院，現(xiàn)居美國紐約市和日本。她的作品一貫采用實拍照片和雜志圖片等紙媒介，結(jié)合水彩手繪創(chuàng)造出色彩斑斕的拼貼風格插畫。她最喜歡使用“手”作為插畫元素，她的作品如圖7-39

和圖7-40

所示。090七、繪制小結(jié)拼貼風格插畫的繪制過程中，創(chuàng)作者首先要確立畫面主體，

時刻注意素材與畫面構(gòu)圖之間的關系，在刻畫畫面主體的時候要確保每一處細節(jié)的和諧完整。在畫面處理上注意主次關系、色

彩搭配、構(gòu)成語言等。第3節(jié)優(yōu)秀作品推送最終成稿如圖7-38

所示。圖7-381.

參考本章的案例與繪制步驟，進行臨摹練習。2.

根據(jù)本章的插畫創(chuàng)作構(gòu)思，進行插畫創(chuàng)作練習。拼貼風格的插畫第4節(jié)作業(yè)練習圖7-39圖7-40第

章0917水彩（見圖8-1）是一種常見的插畫風格，以水和顏料的調(diào)和來表現(xiàn)畫面。水彩的特點是很輕薄

并且富有變化，與水以不同比例結(jié)合，可以營造出輕薄通透感；與濕畫、干刷、撒鹽、涂蠟等

結(jié)合，可以營造出豐富的筆觸與肌理效果，因而受到眾多繪畫者的喜歡。隨著繪畫軟件的普及，

水彩風格數(shù)字繪畫變得十分流行。本章介紹的是數(shù)字水彩風格插畫的繪制方法和創(chuàng)作流程?！舯菊聦W習目標1.熟悉數(shù)字水彩插畫的創(chuàng)作方法和步驟。2.能夠熟練運用Photoshop/SAI等繪畫軟件進行水彩風格數(shù)字插畫的創(chuàng)作。水彩風格的插畫圖8-1第章水彩風格的插畫水彩風格與經(jīng)典作品薈萃一、水彩風格的定義數(shù)字水彩風格由傳統(tǒng)手繪水彩而來。傳統(tǒng)手繪水彩是以水為媒介調(diào)和顏料作畫的表現(xiàn)形式，

顏料的透明性和水的流動性這兩個特點構(gòu)成了水彩畫的特性。水融色的干濕濃淡變化以及在紙上的滲透效果使水彩具有很強的表現(xiàn)力，并形成奇妙的暈染效果，產(chǎn)生了透明清新、幻想靈動的視

覺特點。保持自然和諧的靈動之美，是水彩風格的主要特征。二、水彩風格經(jīng)典作品薈萃水彩風格的經(jīng)典作品如圖8-2～圖8-4

所示。第1節(jié)作者：Joseph

Zbukvic（澳大利亞）圖

8-2第

章0938作者：John

Salminen（美國）作者：宮部紗織

（日本）圖

8-4圖

8-3094本案例所使用的繪畫工具PhotoshopCC；Wacom

數(shù)位板（型號CTL-672）；聯(lián)想拯救者Y7000P。一、創(chuàng)意構(gòu)思插畫作品以“春日”為例，主題是“迎春花”，用水彩透明性強的特點展現(xiàn)清新、有生氣、

充滿春日氣息的畫面。提到春日，人們就會想到踏青。在經(jīng)歷了一個漫長寒冬之后，人們紛紛走出居室，到戶外探尋春天的氣息。這種活動在唐宋時期尤其流行。伴隨草長鶯飛、花兒繽紛、蝴蝶紛飛，古代美麗女孩在花叢中翩翩起舞的場景，一個低頭輕嗅迎春花的漢服少女形象浮現(xiàn)在創(chuàng)作者的腦海中。

第2節(jié)創(chuàng)作流程和解析以作品《夏日》為例進行水彩風格插畫創(chuàng)作流程的解析，成圖如圖8-5作者介紹陳諾，喜歡追劇和看綜藝，畢業(yè)于浙江工業(yè)大學，擅長水彩風格。水彩風格插畫教學視頻第章

水彩風格的插畫圖

8-5所示。0958二、素材的收集與參考由于要加入迎春花和漢服的元素，

因此要查找相關照片，迎春花的素材如圖8-6～圖8-8

所

示。漢服素材如圖8-9～圖8-10

所示。圖

8-6圖

8-7圖

8-8圖

8-9圖

8-10096三、草圖構(gòu)思與繪制打開Photoshop，執(zhí)行“新建”-

“文件”命令，預設尺寸可以根據(jù)設計需求來定，本案例

設置的是2183

像素

×3000

像素，分辨率為300

像素/

英寸，單擊“創(chuàng)建”按鈕，創(chuàng)建文件，

如圖8-11

和圖8-12

所示。創(chuàng)作者可根據(jù)自己的想法用“鉛筆工具”畫出一版構(gòu)圖，然后修改，

如圖8-13

和圖8-14

所示。水彩風格的插畫圖

8-12圖

8-11圖

8-13圖

8-14第

章0978四、線稿繪制線稿內(nèi)容分為人物與背景，先以人物為主，新建圖層，開始人物部分的勾線，如圖

8-17

所示。五、平鋪大色調(diào)每個灰色對應一個圖層，這樣方便之后的細化，如圖8-18

所示。因為本案例想要畫出水彩的感覺，所以開始選的色調(diào)是比較淡的。根據(jù)水彩的特性，上色

時一層一層地加深加厚，直至最后完成填色，效果如圖8-19

所示。鉛筆的設置如圖8-15

所示。選定想要的構(gòu)圖后，就可以細化草稿，如圖8-16

所示。圖

8-17圖

8-18圖

8-19圖

8-15圖

8-16098六、上色及細化完成填色后就進入上色步驟。把線稿圖層混合模式設置為“正片疊底”，線稿圖層的不透明

度設置為100％，

如圖8-20

所示?？紤]光的位置，在畫面上方偏右的位置，新建圖層“陰影”，

將圖層混合模式設置為“正片疊底”，如圖8-21

所示。使用“鉛筆工具”，建議從臉部開始，根

據(jù)光的方向，思考陰影所在的位置，一邊畫陰影一邊用柔邊筆刷進行混色，混色后出現(xiàn)深淺漸

變，建議用“吸管工具”吸取周圍顏色進行繪畫。注意，

陰影的上色不要過于生硬，在尖銳的地方可以使用“涂抹工具”，使陰影顯得更柔

和，如圖8-22和圖8-23

所示。陰影的上色完成后，新建圖層，在眼睛和頭發(fā)部分加上高光，如圖8-24

和圖8-25

所示。099第

章水彩風格的插畫圖8-22圖8-23圖8-20圖

8-218接下來畫背景。先用“鋼筆工具”畫出幾根枝條，

如圖8-28

所示。再用“鉛筆工具”在枝條上畫出形狀

各異的迎春花線稿，注意要分圖層，如圖8-29

所示。上色時用水彩筆刷畫出水彩質(zhì)感，最后點上高光，

這樣可使花朵更加具有水潤感，如圖8-30

所示。畫完迎春花后，通過復制粘貼操作，做出各種不同

朝向、大小各異的花朵，再加一些綠葉，這樣產(chǎn)生花叢

的效果，如圖8-31

所示。最后，放大畫面查看整體效

果，可用“曲線”“色彩平衡”等進行調(diào)整，如圖

8-32

和圖8-33

所示。只有幾根枝條會使畫面略顯單調(diào)，可以適量加入一些環(huán)境色。用水彩質(zhì)感的筆刷在最后的圖層里大面積鋪色，注意上下前后顏色漸變，效果如圖8-34

所示

。可以使用不同水彩質(zhì)感的筆刷來豐富畫面背景，如圖8-35所示。繪畫的過程中注意隨時放大畫面，看效果、調(diào)整，

最終效果如圖8-36

所示。在給漢服添加花紋時，可新建圖層，先畫一個單獨的花紋，如圖8-26

所示，再復制粘貼，

并根據(jù)衣服的折皺改變花紋的形狀，最后組合效果如圖8-27

所示。圖8-25圖8-24圖8-28圖8-26圖

8-27100101第

章水彩風格的插畫圖8-29圖8-30圖

8-31圖8-34圖8-35圖8-36圖8-32圖8-338要做出水彩畫的感覺，就要加入水彩紙的紋理。操作方法為：找一個白色的水彩紙紋理素

材，如圖8-41

所示。將素材插入到圖層最頂部，將水彩紙覆蓋住整個畫布，如圖8-42

所示。102可以使用“色相/

飽和度”改變蝴蝶的顏色，復制多個蝴蝶并放置在畫面中合適的位置上，

如圖8-39

所示。采用此種方式，可以繪制出多個不同的蝴蝶，最終效果如圖8-40

所示。如果畫面的視覺效果不夠豐滿，可以加上蝴蝶作為點綴。操作方法為：先在新建圖層中用

“鉛筆工具”畫出蝴蝶的線稿，如圖8-37

所示。再用水彩筆刷上色，可以使用多種顏色，最后

加上圓點進行點綴，如圖8-38

所示。圖8-39圖8-40圖

8-37圖8-38水彩風格的插畫將混合模式設置為“正片疊底”，不

透明度為39%，如圖8-43

所示。這樣整個畫面的效果更貼近水彩風

格，效果對比如圖8-44

和圖8-45

所示。圖

8-41圖8-42圖8-44圖8-45圖8-43第

章1038七、繪制小結(jié)水彩風格插畫的繪制，主要把握好色彩融合、色調(diào)輕薄、具有透明感。上色的技法并不復

雜，數(shù)字水彩與傳統(tǒng)水彩的特性一樣，切記顏色不要臟亂。在選色上可以選擇明度較高的顏色。

同時，陰影的描繪也很重要，陰影可以增加畫面的層次感，起到豐富畫面的作用。創(chuàng)作者作畫的時候需要一邊思考一邊調(diào)整畫面，可以參考名家的作品，采用其長處。約瑟夫·茨比科維奇（JosephZbukvic

）是一位澳大利亞的水彩大師，他的作品如圖8-46

所示。第3節(jié)大師作品推送作者：Joseph

Zbukvic圖8-461041.

參考本章的案例與繪制步驟，進行臨摹練習。2.

根據(jù)本章的插畫創(chuàng)作構(gòu)思，進行插畫創(chuàng)作練習。10-2J-photoshop+SAI數(shù)字插畫設計改二(2020)-24.9.18.indd

105水彩風格的插畫第4節(jié)作業(yè)練習第

章1058厚涂（見圖9-1）是一種常見的數(shù)字插畫繪制方式，利用素描關系和筆觸來塑造物體的顏

色關系和體積。本章講述厚涂常用的繪制方法和一般的創(chuàng)作流程，以實例分步驟對其進行詳細講解?！舯菊聦W習目標1.熟悉數(shù)字厚涂插畫的創(chuàng)作方法和步驟。2.能夠熟練運用Photoshop進行厚涂數(shù)字風格插畫的創(chuàng)作。第

9厚涂風格的插畫10-2J-photoshop+SAI數(shù)字插畫設計改二(2020)-24.9.18.indd

1062024/9/20星期五

15:48:14圖9-1章厚涂風格的插畫一、厚涂風格的定義厚涂，也就是繪制覆蓋性色層，用不透明的顏色層層覆蓋，筆觸相互疊加，從而使畫面產(chǎn)

生肌理感。厚涂是有計劃地厚堆筆觸，目的是突出重點、塑造質(zhì)感。厚涂一般分為兩種，一種是有線厚涂，即繪畫前用線勾勒形象，再在線稿上進行填充上色，之后根據(jù)創(chuàng)作者自身喜好或需求將線掩蓋或保留；另一種是體積厚涂，

即直接用明暗體積定稿，然后運用各部位體積明暗關系

進行進一步的細化。體積厚涂適合有一定基礎和經(jīng)驗的繪畫者，對于初學厚涂者，建議從有線

厚涂開始。二、厚涂風格經(jīng)典作品薈萃厚涂風格的經(jīng)典作品如圖9-2～圖9-8

所示。厚涂風格與經(jīng)典作品薈萃第1節(jié)圖

9-2Sam

yang第

章1079AteyGhailanAteyGhailan圖

9-3圖

9-6圖

9-5圖

9-4WLOPShal.E108109厚涂風格插畫教學視頻第

章本節(jié)以作品《短發(fā)少女》為例進行講解，成圖如圖9-9

所示。第2節(jié)創(chuàng)作流程和解析厚涂風格的插畫CraigMullinsCraigMullins圖

9-9圖

9-8圖

9-79本案例所使用的繪畫工具Photoshop

CC2021；臺式機，內(nèi)存64G；顯卡，RTX3070Ti；處理器，AMD

Ryzen9

5950X16-CoreProcessor3.40GHz；CPU，AMDR95950X；Wacom

數(shù)位板（CTL-672）。一、文案解讀與創(chuàng)意構(gòu)思肖像畫比較注重畫中人物與欣賞者之間的聯(lián)系，包含著創(chuàng)作者對人物的性格表達。常規(guī)肖

像畫人物會對著鏡頭做標準的微笑，或是表情認真地對視鏡頭。而這幅作品名為《短發(fā)少女》，

表現(xiàn)一位少女注意力被畫面所吸引時的瞬間表情。金色的短發(fā)，微揚的下巴、犀利明亮的眼神，

高挑的眉毛，以及微微張開的飽滿的紅唇，傳遞出少女有點酷，有點不好惹的性格。同時，肖像畫增加了具有漫畫元素的圓點紋理疊加，讓背景更具新鮮和波普感。二、素材的收集與參考實拍照片往往是厚涂訓練的最佳訓練途徑。無論是訓練創(chuàng)作者對人物的體態(tài)、表情細節(jié)的觀察力，還是研究結(jié)構(gòu)光影的能力，實拍照片（即照片寫生）都是一個便捷的方法。作為初學

者，除了學習繪畫技法以外，經(jīng)常繪制照片可以訓練觀察能力，認真地觀察細節(jié)可以鍛煉繪畫者

的深度刻畫能力。但繪制照片并不是為了完全重現(xiàn)照片，并不是為了畫得“像”，而是在觀察照

片的同時根據(jù)創(chuàng)作者自身的審美感受去取舍和調(diào)整，帶著思考與目的認真地去創(chuàng)作。創(chuàng)作者打算繪制一位有點個性，

以及有故事感的少女，

因此以“短發(fā)女孩”為關鍵詞在網(wǎng)

上搜索，之后尋找了幾張滿意的少女照片，如圖9-10

和圖9-11

所示。尤其是圖9-11中少女的作者介紹董婷，畢業(yè)于浙江工業(yè)大學影視動畫專業(yè)，擅長扁平化、

治愈、夢幻等美術(shù)風格，并能駕馭與掌握多種繪畫技巧。座右

銘是收集情緒、觀察生活。圖

9-10圖

9-11110am厚涂風格的插畫三、草圖構(gòu)思打開PhotoshopCC2021（可以用更高級的版本）（下文簡稱PS），按前文所述方法，新建

文件，設置文件名為“短發(fā)女孩”，選擇“打印”列表里中的“

B4”，分辨率設置為300

像素/

英寸，單擊“創(chuàng)建”按鈕，如圖9-14

所示。動態(tài)是創(chuàng)作者參考的主圖，

圖9-10中則主要參考犀利的少女的表情。在色彩設計上，創(chuàng)作者以黃色、白色為主體視覺色彩，配合藍綠色的背景，形成對比。利用“漸變工具”，無論是受光部

位、背光部位、陰影部位，還是反光部位，可以使顏色變得通透。豐富顏色上的層次，也拉開了前后的距離。另外，使用具有漫畫感的圓點紋理疊加功能，如圖9-12

和圖9-13

所示，既可豐富

背景層，還能給構(gòu)圖帶來強烈的波普藝術(shù)感。圖

9-14圖

9-12圖

9-13第

章1119將參考的照片導入PS，

降低照片的透明度，設為“29%”，如圖9-15

所示。新建圖層，命名為“造型層”。筆刷選擇“常規(guī)畫筆”刷中的“硬邊圓壓力大小”，如圖9-16

所示。在“畫筆

設置”選項卡中勾選“形狀動態(tài)”；可視需要勾選“平滑”，如圖9-17

所示。在“造型層”上繪制頭像概括的草圖，草圖造型不必繪制得很精細，主要利用長直線來快

速確定頭肩臉以及五官的位置輪廓。如圖9-18～圖9-19

所示。圖

9-17圖

9-18圖

9-19圖

9-15圖

9-16112四、鋪色將“草圖”層透明度降低，新建圖層，命名為“皮膚”。同樣使用“硬邊圓壓力大小”筆刷，平涂皮膚部位的色塊。同理，將其他部位都新建一個圖層進行鋪色。注意塑形，保證每一個部位的美感。每個部位建一個圖層，這樣可以通過圖層的上下交疊，分清前后關系。在“皮膚”層上新建一個圖層，在兩個圖層中間的相接處，按Alt+鼠標左鍵，建立剪切蒙

板層，則該圖層左側(cè)會出現(xiàn)一個向下的箭頭，指向“皮膚”層，如圖9-21

所示。此時，在剪切

蒙板層上的一切繪制，都會按照“皮膚”圖層的繪制范圍顯示。在該圖層，繪制一些腮紅在人物皮膚上，可增加人物活力。如圖9-22

所示。降低造型圖透明度，新建圖層，命名為“草圖”。草圖繪畫也不必繪制得很精細，主要確定人物面部輪廓、面部造型、頭發(fā)造型、衣服褶皺等，如圖9-20

所示。

9第章

厚涂風格的插畫圖

9-21圖

9-22圖

9-20113五、細節(jié)刻畫接下來進行細節(jié)刻畫。首先給畫面添加明暗關系。在“皮膚”層上按Alt+鼠標左鍵，新建

剪切蒙板層，命名為“皮膚投影”。筆刷選擇“常規(guī)畫筆”中的“硬邊圓壓力大小”，根據(jù)照片的光源方向和面部投影形狀，給臉部添加一些光影和轉(zhuǎn)折。任何投影都是有明暗交界線和反光部位的,

從視覺角度來說，也就是有輕重變化、顏色變化

和冷暖變化。在創(chuàng)作畫面的初期階段，可以使用

“橡皮擦工具”，筆刷選擇“柔邊圓壓力不透明

度”，如圖9-26

所示，輕擦投影靠近人物臉頰處

的部位，將“皮膚投影”處理成有透明度變化的

色塊，這樣的輕重變化可以使陰影變得通透，如

圖9-27

所示。新建一個圖層，命名為“背景”，將“背景”層拖到圖層最末端。單擊工具欄中的“漸變工

具”，給“背景”層加一個藍綠漸變色，如圖9-23～圖9-25

所示。圖

9-25圖

9-26圖

9-27圖

9-23圖

9-24114下一步是強調(diào)畫面視覺中心——眼睛。按上述相同方法，在“眼球”的平鋪圖層上新建一

層剪切蒙板層，命名為“眼球陰影”。使用“常規(guī)畫筆”中的“柔邊圓壓力不透明度”筆刷，繪

制出眼球的轉(zhuǎn)折面。在“瞳孔”的剪切蒙板層上，選擇“鎖定透明像素”，如圖9-28

所示，此時該圖層右側(cè)會出現(xiàn)圖標——空心的鎖，表示圖層已被鎖定透明度（注意：剪切蒙板的作用是使用處于下方圖層的形狀限制上方圖層的顯示狀態(tài)，以達到一種剪貼畫的效果，通俗來說就是遮罩作用。而鎖定透明度的作用是在本圖層繪制好的區(qū)域內(nèi)繪畫，且保留畫筆透明度）。使用硬邊和柔邊筆刷，繪制出瞳孔內(nèi)的花紋、高光等。新建一層剪切蒙板，命名為“眼皮投影”，圖層的混合模式改為“正片疊底”，如圖9-29

所

示，繪制出眼皮投影在眼球上的陰影。最后效果如圖9-30

所示。厚涂風格數(shù)數(shù)數(shù)細致刻畫鼻子和嘴巴，明確兩者的形狀，注意明暗交界線和反光，如圖9-31

所示。10-2J-photoshop+SAI數(shù)字插畫設計24.9.30.indd

115

2024/9/30星期一

13:42:08圖

9-28圖

9-31圖

9-29圖

9-30第

章1159在“衣服”圖層上新建剪切蒙板層，使用“常規(guī)畫筆”中的“軟圓壓力不透明度和流量”

筆刷，如圖9-35

所示，為衣服繪制領子、褶皺和投影。繪制投影的時候注意投影的“轉(zhuǎn)面”，

“轉(zhuǎn)面”投影應能體現(xiàn)身體厚度，如圖9-36

所示。接下來為皮膚繪制反光效果。選擇“皮膚投影”剪切蒙板圖層，單擊“鎖定透明像素”，在該投影層上直接繪制反光效果。注意，繪制照片時，不是看到什么就畫什么。例如，如圖9-37

所示，此處的反光，在視覺上呈現(xiàn)的顏色是膚色，如果照著膚色畫反光，或者使用“減淡工具”，就會導致畫面單一，也喪

失了畫面中的環(huán)境顏色反映給物體的效果。根據(jù)當前的畫面進行分析，人物臉頰處的反光可以采

用反背景的藍綠色光。116在“頭發(fā)

拷貝”圖層上新建剪切蒙板，命名為“頭發(fā)投影”，使用“常規(guī)畫筆”中的“硬

邊圓壓力大小”筆刷，粗略繪制頭發(fā)的受光面、背光面和頭發(fā)走向，效果如圖9-33～圖9-34

所示。在“頭發(fā)

拷貝”和“衣服”圖層上，選擇鎖定透明像素，如圖9-32

所示。使用“漸變工

具”，對“頭發(fā)拷貝”圖層和“衣服”圖層都做一個漸變，使顏色有深淺變化、冷暖變化，達到

通透的效果。圖

9-32圖

9-33圖

9-34所以，此處使用“軟圓壓力不透明度和流量”筆刷，選擇“吸管工具”，吸取藍綠色的背景

顏色，

降低筆刷不透明度。用筆刷輕掃人物臉頰邊緣處，使人物皮膚投影的邊緣有冷色效果，

這樣不僅豐富了顏色，增加了畫面的可看性，

也加強了人物的空間關系，使人物的皮膚更加

通透。最終效果如圖9-38～圖9-40

所示。第

章圖

9-39厚涂風格的插畫圖

9-37圖

9-38圖

9-40圖

9-35圖

9-361179在“背景”層上方，新建一層圖層，命名為“背景陰影”。繪制人物在墻上投影的大致形

狀，如圖9-41

所示。在“陰影”層單擊“鎖定透明像素”，使用“漸變工具”，給投影繪制一個

漸變色，單擊“濾鏡”-

“模糊”-

“高斯模糊”，在“高斯模糊”窗口中設置像素，將投影模糊

化，如圖9-42～圖9-44

所示。圖

9-43圖

9-44圖

9-41圖

9-42118在“皮膚”層的最上層新建剪切蒙板層，命名為“高光”，使用“軟圓壓力不透明度

和流量”筆刷，為皮膚繪制高光，效果如圖9-45

所示。注意各剪切蒙板的上下關系，“高光”放置在皮膚的所有剪切蒙板層最上方，如圖9-46

所示。修改鼻子和嘴唇的顏色、形狀。細節(jié)刻畫人物鼻子和嘴唇的轉(zhuǎn)折面、明暗交界線和反

光，如圖9-47

所示。在“頭發(fā)投影”剪切蒙板層上，細化頭發(fā)圖層的投影和頭發(fā)走向，鎖

定透明像素，在投影區(qū)域深入刻畫頭發(fā)，效果如圖9-48～圖9-49

所示。第

章厚涂風格的插畫圖

9-47圖

9-48圖

9-49圖

9-45圖

9-461199使用“軟圓壓力不透明度和流量”筆刷和“橡皮擦工具”，設置衣服的陰影形狀、透明度

等，效果如圖9-50

所示。在該圖層單擊“鎖定透明像素”，根據(jù)需要取色調(diào)傾向明顯的顏色，輕掃該圖層的陰影區(qū)域。比如暖色刷在離光源近的陰影處，冷色刷在遠離光源的陰影處等，以豐

富畫面顏色細節(jié)，增強畫面可看性。新建剪切蒙板層，命名為“衣服高光”，接上述方法，繪制

衣服高光效果，增強衣服質(zhì)感，如圖9-51

所示。細化頭發(fā)，增加頭發(fā)絲。使用“軟圓壓力不透明度和流量”筆刷，調(diào)小畫筆，利用壓感，畫出一縷縷、一根根的頭發(fā)絲，效果如圖9-52

所示。圖

9-52圖

9-50圖

9-51120厚涂風格的插畫在“人物”后面的“頭發(fā)”圖層上，新建剪切蒙板層，使用“軟圓壓力不透明度和流量”

筆刷，在拾色器中選擇冷色，

降低筆刷透明度，輕掃發(fā)尾處，效果如圖9-53

所示。虛化后的頭發(fā)，增加空間感。在“人物”前面的“頭發(fā)”圖層上新建剪切蒙板層，圖層混合模式設置為“正

片疊底”，加深前側(cè)遠離光源處的頭發(fā)的暗部。新建剪切蒙板層，

圖層混合模式設置為“亮光”，

提亮前側(cè)靠近光源處的頭發(fā)的亮部。如圖9-54～圖9-56

所示。選擇一張png

格式的紋理圖片，如圖9-57

所示，導入Photoshop。將“紋理”圖層放置在

“背景”層的上方。雙擊“紋理”圖層，打開圖層樣式窗口，勾選“顏色疊加”復選框，在右側(cè)

窗口中選擇藍色，如圖9-58

所示。圖

9-53圖

9-57圖

9-58圖

9-54圖

9-55圖

9-56第

章1219Ben

Eblen，是一位來自美國的插畫師、設計師，十分擅長動畫人物的性格塑造，塑造的人

物造型獨特有張力。他設計的角色憑借獨特的顏色和動態(tài)造型，在社交平臺上獲贊過萬。其繪制的美式風格的角色形象，在用色上以大塊面的厚涂色塊為主，運用互補色及純度較高的顏色進行調(diào)和，如圖9-60～圖9-66

所示。此外，該畫師還經(jīng)常分享關于人體動態(tài)和造型及作畫步驟的教

程，很適合同學們學習。第3節(jié)大師作品推送最終成品效果如圖9-59

所示。圖

9-60圖

9-61圖

9-62圖

9-63圖

9-591221.參考本章的案例與繪制步驟進行臨摹練習。2.根據(jù)本章的插畫創(chuàng)作構(gòu)思進行插畫創(chuàng)作練習。厚涂風格的插畫第4節(jié)作業(yè)練習圖

9-64圖

9-65圖

9-66第

章1239平涂（見圖10-1）是一種常見的數(shù)字插畫繪制形式，利用線稿或者色塊之間的明暗關系塑

造形體。本章講述常見平涂風格的插畫的繪制手法和一般的創(chuàng)作流程，以實例分步驟對其的創(chuàng)

作進行詳細講解?！舯菊聦W習目標1.熟悉數(shù)字平涂插畫的創(chuàng)作方法和步驟。2.能夠熟練運用Photoshop/SAI等繪畫軟件進行平涂風格插畫的創(chuàng)作。平涂風格的插畫圖10-1第章第1節(jié)平涂風格與經(jīng)典作品薈萃平涂繪畫風格因其獨特魅力廣受大眾歡迎，在數(shù)字插畫創(chuàng)作領域也不乏優(yōu)秀作品。一、平涂風格的定義平涂，簡單來講就是“輪廓勾線，色彩平涂”。常見的平涂法有兩種，一種是勾線平涂，即

繪畫前先用線條勾勒形象，然后平涂色塊，這是平涂繪畫最常用的方法。勾線的工具多種多樣，

勾線的顏色也可以根據(jù)需要變化。另一種是無線平涂，即省去勾線的步驟，直接上色，依據(jù)色塊之間的關系（明度關系、色相關系、純度關系）繪畫，有時也使用特殊的筆刷來塑造整體的形象和立體效果。二、平涂風格經(jīng)典作品薈萃平涂風格的經(jīng)典作品如圖10-2～圖10-5

所示。平涂風格的插畫圖

10-2第

章12510作者：ErinLUX

（美國）作者：稗田やゑ

（日本）圖

10-2（續(xù)）圖

10-3126平涂風格的插畫作者：AmyBlackwell

（英國）圖

10-5圖

10-4第

章12710平涂風格插畫教學視頻第2節(jié)本節(jié)以《氣球》為例進行講解，成圖如圖10-6

所示。創(chuàng)作流程和解析作者：武政諒

（日本）圖

10-5（續(xù)）圖

10-6128本案例所使用的繪畫工具PhotoshopCS6；EasyPaintToolSAI（簡稱SAI）；計算機（臺式組裝機）；

Wacom

數(shù)位

板（型號：CTL-671）。一、文案解讀與創(chuàng)意構(gòu)思創(chuàng)作者創(chuàng)作了在天空中飄浮的女孩形象，寄托了對自由的向往。該作品的主角一開始就穿

紅色的洛麗塔型裙裝，混合甜美的童話風格，各種主要元素如褶皺、蕾絲、蝴蝶結(jié)必不可少。另外考慮到人物形象接近現(xiàn)代蘿莉形象，所以畫的是短裙和平跟鞋。二、素材的收集與參考作品《氣球》中，氣球以及穿著洛麗塔裙子的女孩是要重點表達的元素，

因此創(chuàng)作者參考資料，收集洛麗塔風格的裙子，借鑒其款式以及蕾絲裝飾品。對于氣球樣式，借鑒的是生活中最

常見的樣式，主要用于觀察氣球彈性剔透的視覺質(zhì)感。收集的素材如圖10-7～圖10-10

所示。作者介紹丁苑，擅長畫風：平涂和賽璐璐。想說的話：平涂畫風比起厚涂的來說需要更精細的線稿，所以在線稿階段特

別需要耐心。我的耐心經(jīng)常在線稿階段就用完了，所以還是更喜歡上色

階段，因為可以很痛快地上色，后期再慢慢調(diào)整。我的畫風受日系的影

響，喜歡非常鮮艷的用色，喜歡畫各類蘿莉和美青年，不過也在慢慢學

習畫其他年齡段的人物。畫背景一直是我的短板，希望以后好好練習，

爭取畫出恢宏大氣、結(jié)構(gòu)嚴謹?shù)谋尘?。平涂風格的插畫圖

10-7圖

10-8第

章12910整個創(chuàng)作過程主要使用了SAI

繪畫軟件。大致的創(chuàng)作步驟為：草圖構(gòu)思、線稿勾勒、平鋪

大色調(diào)、細節(jié)刻畫、背景刻畫和最后調(diào)整。三、草圖構(gòu)思新建圖像文件，方法為：打開SAI

繪畫軟件，執(zhí)行新建圖像命令，預設尺寸設為“

B5-

300dpi”，分辨率設為300dpi，單擊“確定”按鈕，如圖10-11

所示。SAI

如何裁剪圖像：執(zhí)行“工具”-

“圖像”-

“以選區(qū)的尺寸裁切”命令。圖10-10圖10-11圖

10-9小提示130四、線稿勾勒在正式勾線清稿前，需要進一步細化草圖，用“鉛筆”筆刷在背景處添加簡單的云紋，如

圖10-14

所示?！般U筆”筆刷參數(shù)設置如圖10-15

所示。為方便清稿勾勒，先把“草圖”圖層透明度調(diào)低到20%（見圖10-16），讓草圖線變淺。然

后在“草圖”圖層上新建“線稿”圖層，在該圖層上進行線條的勾勒，效果如圖10-17

所示。平涂風格的插畫Easy

Paint

Tool

SAI的許多功能較Photoshop的更人性化，如任意旋轉(zhuǎn)、翻轉(zhuǎn)畫布，縮放時反鋸齒以及墨線功能等，深受眾多插畫師的喜愛。為了呈現(xiàn)完美的畫面構(gòu)圖，在確定線稿之前，創(chuàng)作者在畫紙上做了兩遍草圖，如圖10-12

和圖10-13所示。第

章小提示

圖10-12圖10-1313110五、平鋪大色調(diào)首先，在SAI中用“油漆桶”填充背景色，再選擇“背景”-

“反選”，在人物上填充其他底色，效果如圖10-18

所示。132圖10-14圖10-16圖10-15圖10-17其次，新建兩個圖層組，一個命名為“背景”，一個命名為“人物組”。選中“人物組”圖

層，勾選圖層上方“剪貼圖層蒙版”復選項，如此一來，在該圖層組上色就不會涂抹到人物底色

輪廓外部，如圖10-19

和圖10-20

所示。第

章平涂風格的插畫圖

10-20圖10-18圖10-1913310再次，在“人物組”圖層中新建圖層，命名為“頭發(fā)”。使用“魔棒工具”，選中上色區(qū)域，

執(zhí)行“選擇”-

“擴大選取1

像素”命令，選擇發(fā)色填充，如圖10-21

和圖10-22

所示。分出來的其他幾個區(qū)域如皮膚、衣服、鞋子等，也分別填色，效果如圖10-23

所示。最后，把一些小零件的底色補充上去，可以在原圖層上新建圖層，勾選“剪貼圖層蒙版”復選項，這樣顏色只會涂到蒙版層不透明的地方，涂后的效果如圖10-24

所示。圖

10-22圖10-21134六、細節(jié)刻畫首先，深入刻畫主角面部細節(jié)，在面部底色圖層上新建圖層，勾選“剪貼圖層蒙版”復選

項，圖層會縮進并顯示紅色條狀標志，這樣面部細節(jié)的刻畫就被鎖定在了面部的底色區(qū)域內(nèi)，效

果如圖10-25

所示。在刻畫細節(jié)的同時，也可以根據(jù)需要調(diào)整原來線稿的顏色?？蛇x中線稿圖層，勾選“保護

不透明度”，調(diào)整線稿顏色。這里，將面部線條顏色由之前的黑色輪廓線改成了較淺的棕色，效

果如圖10-26

所示。

135平涂風格的插畫圖

10-23圖

10-24第

章10圖

10-25圖

10-26136上陰影色時可選擇“正片疊底”混合模式，先鋪出大塊淺色陰影，再添加一些深色陰影，

如圖10-30

和圖10-31

所示。對于衣服、皮膚等其他部件，先采用“正片疊底”模式鋪陰影，再采用濾色“混合模式”繪

制出高光、反光、環(huán)境光等效果，也可以采用其他混合模式，如圖10-32

所示。137復制線稿，用“模糊”筆刷涂抹，使線稿更為柔和，如圖10-27

所示?！澳：惫P刷參數(shù)設

置如圖10-28

所示。調(diào)整幾個線稿層的透明度，使線稿顏色不要過深，效果如圖10-29

所示。第

章平涂風格的插畫圖

10-27圖

10-29圖

10-2810圖

10-30圖

10-32圖10-31138七、背景刻畫依據(jù)近實遠虛的繪畫原理，

背景的刻畫

不需要像主體角色刻畫那樣清晰明了、吸引

觀者的注意，所以創(chuàng)作者對其進行了弱化處

理。例如，省略輪廓線稿的勾勒，只運用對

比上相對弱的大色塊來進行處理，效果如圖

10-33所示。八、最后調(diào)整因為逆光，所以給人物添上一層覆蓋所有地方的陰影，但是在如人物衣服、頭發(fā)等

邊緣處，使用“噴槍”工具加一層淺光，并

補充一些細節(jié)，如衣服花紋和牽引氣球的線

等，使人物融入背景，效果如圖10-34

和

圖10-35

所示。139平涂風格的插畫圖

10-33圖

10-34第

章10最后，增加一些光點，模糊畫面邊界。圖片處理完成后的效果如圖10-36

所示。這張名為

《氣球》的作品最終效果如圖

10-37

所示。圖

10-36圖

10-35140九、繪制小結(jié)平涂風格也稱為賽璐璐風格。這種繪圖風格插圖在創(chuàng)作上，從草圖到清稿，

以色塊鋪色，加上陰影和效果，塑造立體感。因此，平涂是一種線稿精細的作畫方式。提升線稿精細度的方法

有很多，練習者除了常練習外，還可以在加重線條粗細變化、增加頭發(fā)細節(jié)、服裝細節(jié)等方面加

強練習，也可以從添加小飾品入手加以練習。此外，SAI

是一款適合任何風格創(chuàng)作的作圖軟件，上手快，筆刷豐富。對于對線稿要求高的平涂風格創(chuàng)作，選擇SAI

軟件是更適合的。SAI

軟件的描線具有抖動修正功能，不僅針對全部工具，還針對單獨筆刷進行抖動修正。筆刷的抖動修正數(shù)字調(diào)得越大，繪制的線條就越光滑并且越有彈性。但要注意的是，筆刷抖動修正數(shù)據(jù)過大后，繪畫時線條會斷線，因而建議練習者在練習

中將抖動修正數(shù)據(jù)控制在2~8，并結(jié)合實際要求，依據(jù)個人手感以及數(shù)位板靈敏度進行調(diào)整。另外，利用SAI

軟件上色也非常容易。它的特征是色彩清晰，步驟不煩瑣。創(chuàng)作者所用的色彩往往直接決定作品的風格。平涂方式中，光影區(qū)域的形狀非常重要，需要明確光照區(qū)域與陰

影區(qū)域，凸顯層次。在涂色前創(chuàng)作者需要先確定光源的位置，構(gòu)思光照與陰影的形狀，再進行勾

勒繪制。14110-2J-photoshop+SAI數(shù)字插畫設計改二(2020)-24.9.18.indd

141

2024/9/20星期五

15:48:55平涂風格的插畫圖

10-37第

章10Keegg，

日本東京人氣插畫家，pixiv網(wǎng)站上的常駐畫師，生于1989

年5月26

日。其創(chuàng)作

的作品畫風精致細膩又詭異而華麗。他筆下的女孩可愛卻又蒼白如傀儡，作品充滿著一種黑暗童謠感。他的作品如圖10-38～圖10-47

所示。第3節(jié)大師作品推送圖

10-38圖

10-40圖

10-39142第

章圖

10-43平涂風格的插畫圖10-41圖

10-42圖

10-44圖

10-45143101.

參考本章的案例與繪制步驟進行臨摹練習。2.

根據(jù)本章的插畫創(chuàng)作構(gòu)思進行插畫創(chuàng)作練習。第4節(jié)作業(yè)練習圖

10-46圖

10-47144動態(tài)插畫（見圖11-1）是近幾年興起的一種插畫形式，屬于動態(tài)視頻類插畫。它通過改變

靜態(tài)幀的圖像來獲得創(chuàng)作者想要的動態(tài)效果。本章講述動態(tài)插畫的創(chuàng)作過程，

即從靜態(tài)插畫的

繪制到動態(tài)效果的實現(xiàn)過程，以實例分步驟對其進行詳細解說。◆本章學習目標1.熟悉動態(tài)插畫的創(chuàng)作方法和步驟。2.能夠熟練運用繪畫軟件Photoshop進行動態(tài)插畫的創(chuàng)作。動

態(tài)

插

畫圖11-1第章一、動態(tài)插畫的定義動態(tài)插畫是指將靜態(tài)的插畫圖像，利用繪圖軟件進行處理，轉(zhuǎn)換為具有動態(tài)效果的視頻。

動態(tài)插畫的創(chuàng)作過程是通過簡單地改變部分重要元素的位置來獲得想要的效果。這是與傳統(tǒng)動畫

有區(qū)別的地方。動態(tài)插畫不再像傳統(tǒng)動畫那樣需要一幀一幀地進行繪制，

即不是一個再繪制的

過程。動態(tài)插畫沒有限定的風格，可以是平涂風、厚涂風、拼貼風、水彩風、涂鴉風等風格，也

可以是像素風風格。二、動態(tài)插畫經(jīng)典作品薈萃動態(tài)插畫的經(jīng)典作品如圖11-2～圖11-4

所示。動態(tài)插畫與經(jīng)典作品薈萃第1節(jié)圖11-2146動態(tài)插畫作者：豐井祐太（日本）圖11-2（續(xù)）圖11-3第

章14711作者：Sparrows（美國）圖11-3（續(xù)）圖11-4148149動態(tài)插畫教學視頻第

章本節(jié)以作品《八月桂香》為例進行講解，成圖如圖11-5

所示。第2節(jié)創(chuàng)作流程和解析作者：

RebeccaMock（美國

）圖11-4（續(xù)）圖11-5動態(tài)插畫11一、創(chuàng)意構(gòu)思該作品是以中秋節(jié)為背景、以思鄉(xiāng)情感為主題的《八月桂香》系列動態(tài)插畫之一，受眾定

位主要為青年。在畫面中，桂花樹與女孩為主體，創(chuàng)作者對其進行夸張化，讓女孩和桂花樹葉同等大小，形成一種夢幻效果。八月中秋是團圓節(jié)，桂花盛開的季節(jié)正好是八月，這里的八月指的是農(nóng)歷八月。人們常利

用桂花明月反映思鄉(xiāng)之情。二、素材的收集與參考插畫的夢幻性的創(chuàng)作，需要創(chuàng)作者發(fā)散思維，也需要貼合實際。創(chuàng)作者對桂花樹做了大量

考察，收集了大量圖片資料，如桂花樹的生長姿態(tài)、葉形、葉脈、花朵，以及在逆光中樹葉的透光度等，如圖11-6

所示。作者介紹作者：董婷就讀院校：浙江工業(yè)大學擅長風格：扁平化、治愈、夢幻風

座右銘：收集情緒、觀察生活本案例所使用的繪畫工具PhotoshopCC；筆記本電腦；Wacom

數(shù)位板（型號：CTL-660）。圖11-6150整個創(chuàng)作過程運用了Photoshop

繪圖軟

件。大致創(chuàng)作步驟為：構(gòu)圖與草稿、繪制背

景、繪制主體草稿、繪制主體并細化、繪制人物主體并細化、再次繪制主體并細化、添加細節(jié)、制作動態(tài)、保存出圖。三、構(gòu)圖與草稿打開Photoshop

繪圖軟件，執(zhí)行新建文

件命令，設置文件名為“思鄉(xiāng)”，預設尺寸大

小為B4，分辨率為300

像素/

英寸，顏色模式為RGB

顏色，單擊“確定”按鈕，完成文

件的新建，如圖11-7

和圖11-8

所示。動態(tài)插畫單擊圖層面板上的文件夾符號，創(chuàng)建新組，命名為“草稿”。在“草稿”下，繼續(xù)創(chuàng)建兩層

新圖層，將“草稿”分為兩層繪制，一層命名為“主體”，一層命名為“草稿·樹葉”，如圖11-9

所示。圖11-7圖11-9圖11-8第

章15111四、繪制背景（1）選擇“油漆桶工具”，給如圖11-10

所示的“背景”圖層填充顏色?！霸铝痢眻D層，按住“

]”鍵，調(diào)整好畫筆大小，并擺放在畫布的合適位置，單擊鼠標。操作如

圖11-11

和圖11-12

所示。（2）在“背景”圖層上新建一個圖層并命

名為“月亮”。選擇“畫筆工具”，選擇明黃色，

并在“畫筆預設”面板里選擇“硬邊圓”。單擊按“

[”鍵或“

]”鍵可以控制

畫筆大小。小提示

圖11-11圖11-12圖11-10152153（4）選擇“月亮”圖層，單擊上方工具欄中的“濾鏡

-模糊

-高斯模糊”。拖曳“高斯模

糊”窗口的“半徑”滑塊，虛化月亮到合適效果。高斯模糊的目的是使背景虛化，使前景主體更

加突出，呈現(xiàn)出類似照相機大光圈的虛焦效果，如圖11-15

所示。（5）將“月亮”與“月亮-光線”打包成組，命名為“月亮”，如圖11-16

所示。（3）在“月亮”圖層下方，新建一個圖層并命名為“月亮

-光線”。在“畫筆預設”面板里，

選擇“柔邊圓”。單擊“月亮

-光線”圖層，按住“]”鍵，調(diào)整好畫筆大小，并擺放在畫布的合適位置，單擊鼠標。操作如圖11-13

和圖11-14

所示。第

章圖11-13圖11-14圖11-15動態(tài)插畫11（6）在“月亮”組上新建一個圖層并命名為“樹葉1”。在“畫筆預設”面板里選擇自己制作

的樹葉筆刷“218”，顏色選擇深綠色，并在圖層的合適位置繪制樹葉，如圖11-17

和圖11-18

所示。（7）在“樹葉1”圖層下新建一個圖層，命名為“樹葉2”，顏色選擇灰綠色，繪制第二層樹葉。這樣做的目的是豐富畫面背景，增加層次感，如圖11-19

所示。（8）采用高斯模糊“月亮”圖層的方法，分別模糊“樹葉1”和“樹葉2”，如圖11-20

和

圖11-21

所示。將“樹葉1”和“樹葉2”打包成組，命名為“背景樹葉”。圖11-16圖