扁平插畫和噪點插畫？

扁平插畫是一種去掉了透視同時弱化細(xì)節(jié)，不完全表現(xiàn)真實物體，將外形進(jìn)行總結(jié)概括，而后提取特征，保留物體原有辨識度的一種插畫表現(xiàn)技法。品牌及包裝、海報、網(wǎng)頁Banner、H5、App閃屏、游戲界面等等都能看到扁平插畫的運用。這種用簡單的線條勾勒出的插畫確實有很強(qiáng)的特殊魅力。

* 圖片來自網(wǎng)絡(luò)

噪點插畫則是在扁平插畫的基礎(chǔ)上疊加了顆粒肌理的插畫，也可以叫做顆粒風(fēng)插畫、雜點插畫，應(yīng)用和扁平插畫同樣廣泛。如果單一色塊的表現(xiàn)方式難以激起你內(nèi)心的小波瀾，那么這種能夠塑造超強(qiáng)質(zhì)感的噪點插畫一定會讓你心跳加速。

* 圖片來自網(wǎng)絡(luò)

原創(chuàng)頂級扁平噪點插畫

知識重點：物體造型概括+顆粒肌理的添加

操作工具：鼠標(biāo) | PS

操作難度：媽媽看完竟萌生了要做插畫師的想法。

1.提取外形

TIPS:我們在選擇照片的時候需要注意搜索對象的圖片盡量是正視或全側(cè)視圖，這樣的角度方便我們從圖片中提取外形，不受透視變化的影響。

從網(wǎng)上搜索出我們需要繪制物體的照片。接著進(jìn)行造型概括，對外輪廓進(jìn)行大致描邊。當(dāng)遇到有細(xì)小變化的時候不要被細(xì)節(jié)變化帶跑（如下圖所示第四個喇叭花上方的造型有很多小波浪褶皺，我的處理是直接拉直線概括）觀察物體的正確方式應(yīng)該從物體外輪廓進(jìn)行觀察概括，通常會用到將物體比作幾何形或拉直線的概括方法。

2.概括細(xì)節(jié)+區(qū)分層次

TIPS:為了物體對稱我只會勾勒單側(cè)花瓣，接著復(fù)制粘貼(Ctrl/Cmd+C>Ctrl/Cmd+V），并將其翻轉(zhuǎn)（Ctrl/Cmd+T）成另一側(cè)。

提取外形后對細(xì)節(jié)進(jìn)行概括，用鋼筆工具（P）勾勒出前后花瓣,進(jìn)行適當(dāng)?shù)奈⒄{(diào)讓整個圖形更加飽滿，接著根據(jù)花瓣的前后關(guān)系分好圖層。

新建圖層并創(chuàng)建剪貼蒙版，右半邊部分填充為黃色，模式選為【線性加深，不透明度調(diào)為30%】。右半部分的顏色變深，呈現(xiàn)對折的視覺效果，同時也幫助下一步亮暗面的塑造。

3.統(tǒng)一光源+添加噪點

TIPS:用鼠標(biāo)添加顆粒的時候注意疏密的變化，不要盲目的在同一個地方反復(fù)來來回回涂，可以根據(jù)自己的需求調(diào)節(jié)顆粒筆刷大小。

首先我們需要設(shè)定統(tǒng)一光源，這里我把光源統(tǒng)一設(shè)定成左上方打下來的。那么物體所有左上的面都是亮面（受光），而物體所有右下的面就是暗面（背光）。

我們需要用【雜顆粒筆刷】在暗面和亮面用都涂上噪點。

套索工具（L）圈出花朵下方需要做豐富的區(qū)域，接著在選區(qū)內(nèi)用【雜顆粒筆刷】添加顆粒，圖層模式選擇【正片疊底】，不透明度【85%】。

亮面的顆粒用的是花瓣的橘色，圖層模式選擇【顏色減淡】，自然就呈現(xiàn)了亮黃色blingbling的顆粒效果。

4.疊加網(wǎng)點+修飾細(xì)節(jié)

在花朵的上半部分添加一些不規(guī)則的白點，呈現(xiàn)出亮晶晶的效果，用【不規(guī)則網(wǎng)格肌理筆刷】添加網(wǎng)點效果，豐富物體層次。

TIPS:葉子也是一毛一樣的重復(fù)上面的“四步法”來進(jìn)行繪制的，學(xué)會方法就可以進(jìn)行萬變了。

花桿的繪制

在紙上繪制一個簡易版花桿，將大大小小的花朵和葉子串起來。接著用鋼筆工具（P）將其中一個花桿勾出來，找到路徑工具，右鍵選擇描邊路徑（描邊路徑中的工具選擇畫筆，畫筆是系統(tǒng)自帶的硬邊圓畫筆，根據(jù)自己的需要調(diào)好畫筆粗細(xì)和顏色）。

花桿一一繪制完成后，將所有的花桿合并圖層，接著將圖層像素鎖定，用【雜顆粒筆刷】繪制亮暗面（統(tǒng)一左亮右暗）。

效果圖展示

今天的內(nèi)容就分享到這里了~

作者：藍(lán)貴蓮

公眾號：小阿田的設(shè)計筆記