第1章 商業(yè)插畫的基礎(chǔ)知識(shí)

1.1 商業(yè)插畫的主流風(fēng)格

商業(yè)插畫屬于實(shí)用型插畫，是一種具有明確商業(yè)意圖的插畫。與純藝術(shù)類插畫相比，商業(yè)插畫從單純的個(gè)人審美轉(zhuǎn)化為服務(wù)商家和大眾，承載著某種商業(yè)行為，以達(dá)到吸引用戶、引導(dǎo)轉(zhuǎn)化和促進(jìn)消費(fèi)的目的。商業(yè)插畫的風(fēng)格眾多，大致可分為卡通風(fēng)格、扁平風(fēng)格、手繪風(fēng)格和寫實(shí)風(fēng)格等。下面對(duì)這四大風(fēng)格的插畫進(jìn)行簡(jiǎn)單的介紹，詳細(xì)的繪制步驟會(huì)在后面的章節(jié)中講解。

1.1.1 卡通風(fēng)格

基本特征

卡通風(fēng)格插畫的造型簡(jiǎn)潔，由輪廓線、結(jié)構(gòu)線和塊面組成，給人以親切的視覺(jué)感受。下圖是閑魚App的界面，從圖中可以看到，閑魚的形象親切又可愛(ài)，表情和動(dòng)作也是萌萌的，圖中的金幣、相機(jī)和字體也都采用了偏可愛(ài)的風(fēng)格。這類風(fēng)格的插畫適合表現(xiàn)親切又可愛(ài)的產(chǎn)品。

卡通風(fēng)格插畫的色彩飽和度較高，視覺(jué)效果強(qiáng)烈。下面右圖使用了飽和度較高的明黃色、橙色、褐色和紫色來(lái)表現(xiàn)，明黃色為主色，橙色為主色的近似色，褐色為輔助色，紫色為主色的對(duì)比色。

基本表現(xiàn)方法

繪制卡通風(fēng)格的插畫時(shí)，通常會(huì)先使用Photoshop的“鋼筆工具”和各種形狀工具（包括“矩形工具”、“圓角矩形工具”、“橢圓工具”、“多邊形工具”、“直線工具”和“自定形狀工具”）繪制出物體的外輪廓和細(xì)節(jié)，然后進(jìn)行上色，畫出色塊后再添加細(xì)節(jié)。下圖是先使用“鋼筆工具”繪制出漂流瓶的各個(gè)元素的外形，然后添加不同的顏色色塊，由線條與色塊共同組成一個(gè)完整的漂流瓶圖形。

1.1.2 扁平風(fēng)格

基本特征

扁平風(fēng)格插畫主要由色塊構(gòu)成，造型幾何化，外輪廓光滑，視覺(jué)表現(xiàn)多樣化，可親和，也可嚴(yán)謹(jǐn)。因此，扁平風(fēng)格插畫被廣泛應(yīng)用于各個(gè)領(lǐng)域。

下圖中的畫面元素簡(jiǎn)潔，大量的矩形和圓形等形狀組成了整個(gè)畫面。整體的色調(diào)偏穩(wěn)重，低飽和度的深藍(lán)色為主色作背景，低飽和度的暗紅色和淺黃色為主元素的配色，畫面風(fēng)格成熟，偏中性化。

除扁平風(fēng)格插畫外還有微扁平風(fēng)格插畫，扁平風(fēng)格插畫與微扁平風(fēng)格插畫的差異較小，因此統(tǒng)稱為扁平風(fēng)格插畫。部分扁平風(fēng)格插畫中會(huì)添加顆粒質(zhì)感和漸變的效果，以豐富整個(gè)畫面，讓畫面看起來(lái)更有質(zhì)感。下圖中人物的腳部和手臂的暗部就添加了顆粒質(zhì)感。

基本表現(xiàn)方法

繪制扁平風(fēng)格插畫時(shí)，也會(huì)使用繪制卡通風(fēng)格插畫的工具，如“鋼筆工具”和“矩形工具”等。雖然這兩種風(fēng)格插畫的繪制工具相同，但是視覺(jué)表現(xiàn)效果不同。

扁平風(fēng)格的插畫主要由不同的色塊構(gòu)成，幾乎沒(méi)有輪廓線。繪制扁平風(fēng)格插畫時(shí)，應(yīng)遵循“先整體，后局部”的步驟，即先繪制大元素色塊，再繪制小元素色塊。上圖中，先使用“鋼筆工具”勾畫出雪地、雪人、樹、雪花和云等元素，再為畫面設(shè)定顏色。為了使地面和天空分開，可以將地面設(shè)定為深色，將天空設(shè)定為淺色，再按照主次和前后的關(guān)系將各個(gè)元素組合在一起，這樣就構(gòu)成了一幅完整的扁平風(fēng)格插畫。此外，我們可以在畫面中加入一些雜點(diǎn)、顆粒質(zhì)感和漸變的效果，讓畫面更豐富。

1.1.3 手繪風(fēng)格

基本特征

手繪風(fēng)格插畫是在電腦上用筆刷來(lái)模仿真實(shí)手繪效果的插畫，通常由色塊、結(jié)構(gòu)線和少量的陰影組成。手繪的痕跡能給人親切的感受。下圖中，貓咪、貓糧、手臂、櫥柜、水壺和地板等主體物的邊緣及內(nèi)部陰影略顯粗糙，這種粗糙的質(zhì)感就像手繪的效果。

手繪風(fēng)格的插畫造型自由，不追求主體物外輪廓的絕對(duì)光滑和準(zhǔn)確。下圖中，拱形門的外輪廓呈弧形，筆觸很明顯，并不是絕對(duì)的光滑，樹枝、花朵和屋檐的外輪廓也不是絕對(duì)的準(zhǔn)確。

基本表現(xiàn)方法

繪制手繪風(fēng)格的插畫時(shí)，也要使用筆刷工具，還會(huì)使用紙質(zhì)材質(zhì)。利用圖層的“混合模式”和“不透明度”功能可以給畫面添加一些材質(zhì)，以呈現(xiàn)出手繪的自然感。

繪制手繪風(fēng)格的插畫時(shí)，先使用色塊繪制出主體物的主要塊面，然后添加結(jié)構(gòu)線并畫出細(xì)節(jié)，再用筆刷給主體物添加質(zhì)感。

下圖是先畫出桃和人物的主要色塊，然后添加桃和葉子的細(xì)節(jié)，再畫出人物的五官和細(xì)節(jié)，最后豐富桃的亮部、添加質(zhì)感和主題文字。

1.1.4 寫實(shí)風(fēng)格

基本特征

寫實(shí)風(fēng)格插畫與照片相似，繪制時(shí)要注意對(duì)造型、透視、光影和體積感的處理。寫實(shí)風(fēng)格插畫因繪制難度和成本比較高，所以在更迭較快的設(shè)計(jì)中應(yīng)用得較少。通過(guò)下圖可以看到，強(qiáng)烈的光影和細(xì)膩的刻畫手法為主體物塑造出了厚重的體積感。

寫實(shí)風(fēng)格插畫追求準(zhǔn)確和真實(shí)的造型、透視、光影、色彩和質(zhì)感，其刻畫的深入程度高于手繪風(fēng)格插畫。

基本表現(xiàn)方法

繪制寫實(shí)風(fēng)格的插畫時(shí)，也需要使用各種效果的筆刷來(lái)表現(xiàn)，如勾線筆刷、粉筆筆刷和紙紋筆刷等。

當(dāng)畫好主體物的色塊、結(jié)構(gòu)線和少量的陰影后，還需要使用筆刷對(duì)陰影進(jìn)行更深入的刻畫。下圖中，將火烈鳥的色塊繪制好之后，再繼續(xù)添加頭部、羽毛和腳部等處的細(xì)節(jié)。