大傢好好好好好好好呀!我是專治“不會畫癌癥晚期”的藍貴蓮!今天又來發動插畫技能的時間瞭,請問你們準備好瞭嗎?
那麼,今天發動的技能是這幾年比較流行的「國潮風插畫海報」繪制技巧。這次的教程由我們插畫班助教老師酸菜炒肉完成,效果如下。
酸菜炒肉是我 20 期插畫班的學生,在通過瞭訓練營的三個階段後成為瞭插畫課程助教,到現在也跟瞭我幾個年頭瞭。這篇教程是她的首秀,請大傢給她一點鼓勵~接下來,掌聲有請酸菜登場!
5229921d0e2b5795c5af824892784d12
b9209ad501022237ac45734358fd63ec
知識重點:潮流元素結合傳統元素、邊線的繪制、細節網點
操作工具:數位板 | IIllustrator ,Photoshop
操作難度:★★★☆☆
大傢好,我是傢有兩個小可愛的喵奴鏟屎官酸菜炒肉。年畫作為中國特有的一種繪畫體裁,是中國農村老百姓喜聞樂見的藝術形式 ,也是中國古代一種寓意吉祥的形象。近幾年,年畫結合現代潮流元素的插畫形式也逐漸變多,十分新潮有趣,所以一直想引用年畫的元素結合現代潮流的,畫一幅比較現代化感的年畫。今天,我就來說一說如何完成一幅潮流年畫。
*分析國潮插畫的特點//
潮流插畫相較於中規中矩的畫面,非常容易吸引註意力:畫面將傳統文化與嘻哈街頭文化和復古風做結合,使畫面表達傳統文化的同時,又更加新潮現代。
61f003831a7840a1f4135a10952bed61* 藍貴蓮插畫班國潮插畫作業,僅供賞析
目前大部分的潮流插畫都屬於線性插畫。使用黑色或者深褐色描邊線並利用小碎線或褶皺的細節線條去豐富畫面。潮流插畫的顏色鮮艷明快,並加入簡單的明暗分塊,使畫面更加豐富有質感。
312240feb3107569134f09ce1054a310* 圖片來自插畫師Cesar Veroes,僅供賞析
2c7c6b30c612fe391e6011b6172a035c
如何年畫結合潮流插畫?首先確定主題。例如,主題是門神,那麼我們就需要去搜索門神相關的元素及傳統人物。例如,我們可以從下圖看出,右圖主要是將動物擬人化,並融入瞭左圖的動態和雙手握劍的特征,並給主角穿上瞭衛衣帽子和鞋子等一些服飾,讓整個畫面更加潮流。
0d07af660c8669c87e057fb726b52d64*左圖來源網絡,右圖來源插畫師 Pems Lou,僅供賞析
我本次的主題是年年有餘,所以首先需要發散與這個主題相關的關鍵詞,例如:年畫,年畫娃娃,年年有餘等。在百度搜索這些關鍵詞,我們就能看到很多素材。
aa541ed0f3737908b35f2d1fb86b4bca
選取一幅與主題最貼切的年畫,在圖片上提取出基本框架。(在圖上稍微勾畫一下,鯉魚也勾,下面那部鯉魚的勾線就可以省掉瞭)
b4e4563e1cb6cbacf7c245c94d5f5b59
為瞭讓畫面更有趣,可以將動物擬人化並結合到畫面中。因為今年鼠年,所以把年娃改成老鼠。
- 首先,找一張與年畫娃娃差不多角度的老鼠參考圖,並在圖上概括老鼠的輪廓。
c1f515bf37a3ec1c604fa839ea353b1b
- 為瞭讓老鼠的特征更加明顯,將老鼠的鼻子加長邊翹,耳朵變大。並加上墨鏡讓它更加潮流。
50c046408cdcb4ff869735b0d6b2258b
- 最後將提取的頭部放在已經提取出的動態框架上。
0983f3854b0cbd37a922ec5b0724a497
接下來我們給主角加細節。為瞭讓整體畫面更加潮流,我們給主角加入一些嘻哈元素的服飾,如棒球帽,功夫裝,板鞋等等。
- 帽子:在參考圖上勾勒出帽子的形狀,在帽子增加一些貼合主圖的祥雲的裝飾圖案豐富細節。
e6c9a36d8cb0ea084f99fa9eba014095
- 鞋子:由於鞋子在畫面中所占比重比較小,所以在勾勒的時候適當減去一些復雜的設計。如果完全按原來的鞋子細節去勾勒,由於比重變小,細節會黏在一塊十分不好看。
3eb531d771cf15bd2e15879cce2163ac
- 衣服:衣服用瞭功夫裝作為參考,但由於參考圖的整體設計比較簡單,所以增加瞭一些國風的邊框元素和海浪元素去豐富衣袖。
870fe4cd2c9e24da25d60bd82c815844
接下來,我們細化鯉魚。找一張適合的錦鯉參考圖,我們從參考圖上可以看出:次魚魚鱗都是三個條線分層重復排序,魚尾巴那些都是順著輪廓方向加內部線條。
a05091633ecc9e04e17f2a09e233bc42
- 根據參考圖,我們給鯉魚加上魚鱗。註意線條的疏密,不要太密,以防黏在一塊。
2a515609a1252a05aeda06d612c95c33
- 因為魚脊靠下那塊比較空,可以適當加一些裝飾。找一張銅錢結的參考圖,大致勾勒出銅錢結的形狀,適當更改透視將他放在錦鯉身上。註意,由於鯉魚的魚鱗本身就比較豐富瞭,所以銅錢結的細節可以做一些減法。
ad7758b095c20ebd0ed8c299e9b4cf82
畫完鯉魚,我們就完成瞭主角的部分瞭。
60cd89b53f797c4e8743b5978726fe90
畫完主角之後,再開始豐富場景中的元素。從上面的很多年畫中可以看到,很多畫面都喜歡用荷塘做場景,所以畫面的場景也繼續沿用這個元素。
還是老法子找參考提取外輪廓,再進行優化。荷花直接在圖片上提取外輪廓即可。
8a6d5e6a41175ee56f38e406be09518a
荷葉同理,但是像邊緣曲線變化比較大的,可以將輪廓改得平緩一些。
bad201d50dee83fea23f23e4599329c5
接下來,把荷花和荷葉排進畫面中。為瞭讓畫面有一些景深,排的時要註意層次的分佈。畫面中分瞭五個層,魚尾跟荷花荷葉做瞭一個簡單的交錯穿插,讓畫面層次不會是那麼單一的遞進關系。有錯落感。同時,為瞭讓畫面的前後主次明顯。註意物體的近大遠小,和越遠的物體細節越少的原則。
00f635c76ac9abcda4700feaacad076e
排佈完荷花荷葉後,我們對畫面空出來的部分進行繼續填充。
be1f7a2ddf911a92f88ff32cdc4741af
為瞭保持畫面的平衡感,我在場景的上半部分的左右兩側加上瞭兩隻小老鼠。切記如果隻有一邊加,那畫面會失衡,所有一左一右各加上一個打鼓的和提燈籠的小老鼠。老鼠的提取方式與主角同理提取。
a513d70809fbb0a117e475438227e7ac
最後就是畫面底部的部分瞭。現在主角老鼠是飄在空中的,沒有重心,因此我們要讓他腳踩一些元素,使整個畫面更加飽滿。我們可以考慮加入同樣是中國元素的祥雲、海浪。
- 在百度搜索神話類、鬼怪類的圖分析主角是如何跟這些元素結合的。這裡參考瞭八仙過海,畫面用一塊大雲托起八位神仙,所以我們也可以讓主角老鼠踩著祥雲。
31a1d42c9e7574f6e3382585d60b0764
- 找一些祥雲的素材提取輪廓,再進行簡化。
5e41a8cd8d6c8d248be0f8541b7afdb5
- 最後,將結合雲海的構圖,將祥雲放置入畫面當中。
9eeab5a78c51e9aebb069b0d7344a69c
加完雲海就會發現畫面有點斷層,所以在荷花與荷葉之間穿插瞭一些雲的感覺,讓畫面更有連貫性。
26e5af9d160b7160f965d1c523110be0
c94d1643ff63c3724038db3ff3ceabfb
線稿的部分我們使用 Ai 鋼筆工具去完成,當然如果你覺得 PS 鋼筆更加順手,也可以直接使用 PS 勾線。
主角勾線
1、描邊:先用鋼筆描邊,線條粗細不能太小,盡量不要小於 3-4PX。
f421012cf7d2aaaa718d4a75d42ca98c
2、線條的調整:為瞭讓整體畫面更加有節奏感,接下來需要去調整描邊粗細變化。
選中線條,選擇窗口 【對象】-【路徑】-【輪廓化描邊】把線變成面。
5850a1a75bd5198dd31e3f5ded90cf40
用【直接選擇工具】選中錨點進行手動調整。
932f2fe89788e8227b975b3429acd201
連接性的線條調整:連接的線條兩邊註意線條的粗細變化,一般的規律是線的兩邊細點,中間凸顯的地方可以粗一點。
38900cd673a071ddbb05483eb08ecec5
3、外輪廓線:線條的末端可以把一個描點刪掉,調成尖尖角,如平時排線畫線條輕入輕出的節奏,調整一下線條的弧度。讓線條更精致些。
be002630d9e8e2a93f9079f3ab28d2cb
4、加粗外輪廓和結構描邊:為瞭讓每個物體能區分開來,物體外輪廓線是最粗的。同時,還有一些比較明顯重要的結構分層的地方如錦鯉魚頭部,背脊等的線條也調整的粗一些。這樣,每個物體間的區分就分開瞭,同時還十分有節奏感。
bd32bb9a7c8d870e2a4722513117f541
5、魚鱗的細節:為瞭凸顯魚身的立體感,魚鱗的所有小碎線都是順著魚鱗的線條弧度走的。註意身體朝下部分的小碎線是比較多的,越靠近上面越少。背脊和尾巴的都是以此類推。
c02d385dedbd3c95690ffdf36613c33a
其他元素勾線
1、荷花:我們可以先找一些參考圖看看荷花的結構,會發現荷花的尖尖顏色會比較重,花瓣本身的會帶一些細微的紋理。
047d2f661f99e2d9c212eef98c7fd766
因為荷花作為背景裝飾物如果刻畫得過於仔細會強掉畫面主角的風頭,所以需要適當減去一些細節。參考照片的荷花尖的發射性線條,適量加瞭幾根線條表示紋理,並調整尖角處的輪廓描邊。
c20b8e3da5e62f0bfbd228263bba94ee
2、荷葉:荷葉同理,使用帶有粗細變化的外輪廓描邊,並且,加入荷葉的紋理結構。註意不要太復雜。
0ed941a171c91c54554fe6caf180848f
3、祥雲:祥雲也是需要用帶有粗細變化的線條去處理。但是由於祥雲是裝飾,不是特別重點的,所以做減法,隻需要將內部的結構勾出來即可。
12e0cac168f104211985ee155a98ce1f
那麼,我們的線稿就繪制完成瞭。
5950a71662fcfb44de2c74b72f502bb0
667a7f90b060da08362241a417de3ca7
制作色板
配色開始前,可以先制作一個色板。年畫的色彩給人的感覺都是比較紅紅火火,喜氣洋洋,一般以大紅大綠為主色調,對比色讓畫面視覺沖擊力比較強,為瞭保持年畫的氛圍但是又符合潮流插畫的調性,所以我選擇以紅-綠色-橘黃為主色,黃色為輔助,同時顏色的明度和暗度數值都控制在 60 上下,這樣就能達到對比色強烈的同時又能讓畫面比較和諧的效果。
9669c36f62e783d3454b90454cfd412e
上色
選好顏色後,我們就可以開始配色瞭。背景顏色:我選擇瞭色板中顏色中淺的顏色,讓整體配色的發揮餘地最大,同時也增加瞭畫面的復古感。
13e566b906e1a5e7fc4747b960896c15
描邊顏色:描邊顏色我直接用瞭深色,由於我們的色板的其他顏色飽和度都比較低,所以不要使用純黑色,否則顯得十分突兀。
6e53dae4664dc839ff19a4543a9983a1
主角顏色:作為主角在整體畫面中需要最突出,所以選擇用紅色和綠色去突出的同時也加強對比。錦鯉面積也比較大,用紅色更能凸顯,老鼠的服飾則用瞭紅色的對比色-綠色。同時,用黃色作為點綴色,打破主體形象的沉悶感。為瞭讓畫面更加透氣,膚色用底色即可。
e25991d65a2a5e236183e82f9b15b1ef
其他裝飾顏色:荷花:用瞭紅色的鄰近色——橙色,既能和紅色的錦鯉區分開,又能讓畫面看起來比較和諧統一,並和前面的主角的袖子形成呼應。荷葉則用瞭淺一些的綠色,與衣服的綠區分開來。
4752db8e9b5a1cd0090925e12b236cea
兩個裝飾的小老鼠 :提燈籠的小老鼠:因為荷花是橙色系的,所以小老鼠的服裝就用瞭對比色綠色與荷花區分開。燈籠用瞭紅色是考慮到一些習俗。膚色與主角膚色同色。
11822a001c71b70fc405127035520dfb
打鼓的老鼠:與提燈籠的小老鼠同個方式,小老鼠是在荷葉上的,所以服裝和鼓就用瞭紅色。
3834102015b6aa0eec4e678507102c87
雲層顏色:為瞭讓畫面留出一些空間感,同時突出主角,所以雲層直接與背景同色。
18b2de430181f8c73f26ea1e461ed176
那麼我們的色稿就繪制完成瞭。
f71e6aa48f1962618bf6a687508b62b2
TIPS:在上色的時候要註意空間和主次關系。例如雲層的顏色如果加瞭其他顏色就會使整個畫面沒有重點,並且會很沉悶。
7a5da3af4a443e8e13e38c9ba3889a15
暗部的繪制
定好光源方向,並分析明暗關系。我們定的是左上方的光源,所以物體的左上方是亮面,反之則是暗面。可以先在畫面上標記一下陰影塊面。註意陰影隻需要加大塊的面積,像魚鱗因為本身就已經細節十分豐富瞭,加上之後會很復雜並搶瞭主角的風頭。雲塊作為一個背景性質的元素,主要是為瞭平衡畫面,撐起畫面的中心感,不是作為主導主要的物體,所以沒必要加,如果加瞭畫面的層次感也會變弱。
ef227eb5c9b1d6bcfd14f8ef6c2deffa
接著,我們使用鋼筆工具沿著荷花及耳朵的輪廓形狀勾出暗部。顏色和描邊同色。
荷花:
29b552c8ed54a79410e4e4e663f64848
老鼠:
19bacf1ee56de1b75a453649c887edd0
明暗刻畫
明暗刻畫:上面分析畫風有說到過一般這種對於明暗刻畫都不會做的很復雜,主要是線性的感覺為主,所以隻需給一些元素加一些光影,讓整個畫面更豐富即可。根據上面已經訂好光源,受光面在物體的左上方,暗部則在相反的位置。為瞭讓整個畫面的光影關系更加和諧統一,我事先將明暗面的顏色進行瞭確定。所有的亮面統一使用瞭背景色,暗面都在原本顏色的基礎上進行瞭飽和度和明度的調整。
1a5d7bbc1ba9e22ef023c6de0969efb5
首先我們先畫錦鯉的暗部。暗面是要順著物體的輪廓和結構去勾線的。為瞭增加物體的體積感,暗部的面積會更大一些。為瞭更好地去勾線,在開始前我們也可以大致畫一下暗部的位置。
2d81f3cc4d69a8dc08d1b5d36b7e7d22
選擇鋼筆工具,沿著勾畫的位置和錦鯉的邊緣,使用前面定下的色板顏色去勾出。
61131e28d22ab785b46802339b633b65
接下來我們勾亮面。為瞭使亮面高光不突兀,錦鯉的亮面與背景同色,用鋼筆工具順著錦鯉的輪廓邊緣去勾線。要註意面基不要過大,否則顯得不精致。
80f5589512a98730bcf0b1068e41bd0d
d946cd137680fb110bb2e29e89cf0d05
老鼠的光影:由於老鼠的配色本身就是亮面高光的顏色,所以隻需要把他的暗部畫出來,方法與前面同理。
76baddff1db64645e9ec6ab4e647db57
兩隻老鼠:老鼠的陰影刻畫與主角老鼠相同。
暗部:
c3d8318aa3c0d4017ccedb010c6f1118
亮部:
e91e8de15cf7d9b77a2624beb757e092
荷葉:荷葉作為背景,占比也比較大,為瞭讓荷葉有細節的同時不會搶掉視覺焦點,所以隻需要做出一些疊加關系的投影,例如小老鼠在荷葉上的投影。
1d07103fe7a6998e3170d3085e945cdd
荷花:荷花也是相同的道理。適當做一些光影就可以瞭。
暗部:
9574ee0645276eb51f011b3801dbf3d6
亮部:
9087eb29894fdaf2e86320849051239d
那麼,我們的整體的光影效果就制作完成瞭。
ec7d086e661ceefbd666e6d583579dff
添加文字及其他裝飾
大畫面出來後可以在比較空的地方去添加文字,利用文字平衡畫面。比如在這個畫面中,現在左下角的位置比較空,所以加入一個比較粗的英文字體去平衡畫面。
7df6c9622369a8f3696e6cec76295a06
為瞭讓畫面更豐富,加入幾個跟勾線相同的顏色的球去平衡畫面,意球的大小節奏,球不要大小都一樣,這樣會到時很板。
ecb488e19b8121437ecace501d5c55d1
59a5ef233be0997647a8fe785361bbe5
由於畫面的層次感還不夠豐富,為瞭增加畫面的潮流感和裝飾性,我們給畫面加入一些網點和做舊元素。
導出 psd
在開始前,我們要先將 ai 的文件導成 psd 格式。我們將所有圖層取消編組,瘋狂按【ctrl+shift+G】,把所有圖層取消編組。接下來,我們【窗口】—【圖層】,把圖層窗口調出來。點選【圖層 1】—【釋放到圖層(順序)】,然後我們就能看到每個圖層前面都變成不同的顏色。
e5eed95eaded07d45ba944a64187f1a7
我們將它導出成 psd 格式:【文件】—【導出為】—【選擇 psd】。我們可以看到,在 ps 裡它就是每個色塊是單獨的圖層瞭。
9871956a1dace90678da51338a2a16dc
筆刷介紹
網點筆刷:這個筆刷是由很多排列規則,大小一致的圓組成的。網點的密度比較舒適,不會很窄也不會很寬,點的大小跟間距的大小差距不大。
6a78b0454daf4c2f4f38a9991b070eb5
做舊筆刷:這個筆刷是由很多不規則的網點組成,很有復古感,有做舊的感覺。
ee273dcdbfe0fa0afd12e06f5543648b
增加網點細節
我們把網點的應用分三個部分:物體暗面、物體亮面、雲層和背景的、字體。物體的暗面:暗面的網點主要是跟著暗面的刻畫走,但是不用全部地方都加,主要加在比較大件的物體上例如荷葉,小物體適當的刷幾筆就好。不用每個地方都加,不然畫面會很亂。為瞭避免畫的時候沒有頭緒,也可以稍微先在畫面上標註一下。
5d41378f891ddfcd8cb95377bcb0328d
接下來我們來加網點,以錦鯉為例:選擇網點筆刷,顏色與描邊同色,在暗部加網點。畫的時候控制一下筆刷的力度,不要把網點刷的很整齊,不然就會很死板。適當有些地方可以下筆輕點,會比較自然。
39283751afde3c6fd0cb2b528f708a5e
老鼠面部的暗面,同樣要註意網點筆刷使用的面積(如圖一),如果用的過多(如圖二)的話臉就會顯得很臟不幹凈。
60bb27a53f09c4f88502cdd461ce7e57
像耳朵的部分,使用和耳朵陰影相同的顏色去畫網點,如果用黑色就會顯得很突兀。
1cc10564a9635ae40b494f290aec1598
物體的亮面:亮面的網點畫在物體的受光面,但是不用全部地方都加,主要加在線條細節不多的地方,如魚頭、魚脊,像魚身體那一塊因為線條細節本身比較復雜瞭,再加亮色的網點筆刷就會顯得很混亂。
6ef0f7e83a864c70e5c2f7d9d803f871
雲層和背景:雲層和背景原本沒加光影關系,所以可以用到網點去豐富。雲層作為畫面底部的重心,如果顏色太淺會顯得很輕,所以雲層用瞭比荷花的橘紅色飽和度和明度低一些的灰橘紅去繪制,不會搶主角但是又能壓住畫面。雲層的網點不需要鋪滿雲層,可以統一留出上半部分的縫隙留白,讓畫面更加透氣。
d40acf2313f360dc244d930652b58243
為瞭讓背景層次更加豐富,但是又不搶眼,背景的網點裝飾用瞭比背景顏色淺一點點的顏色去繪制。方法跟畫雲層一樣不用整個背景都刷,看起來像有過過渡的感覺更有層次感。
0a3dffeea3fbdcaba7a138319cd18547
字體:前面的所有細節網點繪制完之後,字體就顯得與畫面格格不入同時有些壓抑。因此在字體下半部分畫一些網點,讓他透氣一點,上半部分順著字母的結構加一些高光,結合起來整個字體就不會那麼沉悶無聊。
f3ac9a6839b12815bec8113e82fd0166
增加做舊細節
做舊筆刷應用主要是為瞭讓畫面增加一些復古的氛圍。但是由於這個筆刷網點比較密集,所以不適宜大面積使用,否則會影響畫面的觀賞。所以,我選擇瞭比較局部的一些地方,小面積的添加幾筆,畫龍點睛。
97fc17b5b4a1a04a7c00469261c5db10
那麼,在那樣這樣之後,我們的畫面就繪制完成瞭。
34494a859d5c3d603e1080aeca4bc4a0
- 人物動態的提取及結合
- 照片元素的提取,轉化及場景的組合
- 線條的粗細變化及AI勾線的繪制技巧
- 光影的繪制及網點筆刷的運用技巧
那麼本次教程就到此結束瞭,是不是很新潮?想要嘗試的同學可以回復【插畫 041】,領取筆刷包哦。喜歡的這篇教程的小夥伴記得點個贊哦~