史上最詳細的噪點風格插畫繪製教程,高效易學,送你參考!

史上最詳細的噪點風格插畫繪製教程,高效易學,送你參考!

隨著互聯網的發展,插畫設計佔比越來越重,這表明互聯網的產品越來越注重用戶體驗和情感化的設計了。如何能在插畫中注入情感化,豐富插畫肌理必不可少。

史上最詳細的噪點風格插畫繪製教程,高效易學,送你參考!

噪點插畫是一種非常流行的插畫風,是將頁面疊加了顆粒肌理的插畫,也可叫作顆粒風插畫。噪點插畫大部分被運用在大色塊、畫面元素簡單、缺少細節性裝飾元素的畫面中。噪點肌理常疊加在元素的高光及陰影處,通過顆粒感疏密的形式代替漸變的效果。現在用於商業插畫中居多,且近幾年越來越受到追捧。和2.5D風、流體漸變風等一樣,噪點插畫也具有+分獨特的風格與優勢。

下面我們分解一張來自特拉維夫的設計師/藝術家 Gal Shir 大神的作品。

史上最詳細的噪點風格插畫繪製教程,高效易學,送你參考!

1、先用鋼筆工具畫出滑板車那裡的兩個形狀,顏色分別是#ff905d和#d9e3b6。

史上最詳細的噪點風格插畫繪製教程,高效易學,送你參考!

2、在淺黃色形狀上層,以剪貼蒙版形式,創建一個新圖層,選擇畫筆工具,使用柔邊圓塗抹

史上最詳細的噪點風格插畫繪製教程,高效易學,送你參考!

3、接下來給這個背景添加噪點,我們沒有用溶解圖層樣式,也沒有用第三方筆刷,這裡就直接用的PS自帶的畫筆預設。自帶的噴槍柔邊低密度粒狀,噴槍硬邊低密度粒狀,噴槍硬邊高度粒狀,噴槍柔邊高密度粒狀,這四個畫筆預設就非常的好用了。

史上最詳細的噪點風格插畫繪製教程,高效易學,送你參考!

4、然後以剪貼蒙版形式創建一個新圖層,設置顏色為#ff905d,選擇畫筆工具,畫筆預設

史上最詳細的噪點風格插畫繪製教程,高效易學,送你參考!

5、再接著用剪貼蒙版形式創建一個新圖層,這回我們要添加的就是淺黃色的噪點了。

史上最詳細的噪點風格插畫繪製教程,高效易學,送你參考!

在這裡,我也給大家演示一下,首先噴槍柔邊低密度粒狀,效果是這樣的。我們可以看出來,邊緣比較虛,而由於是低密度,相對來說,顆粒有一定的距離。

史上最詳細的噪點風格插畫繪製教程,高效易學,送你參考!

下面,是噴槍硬邊低密度粒狀,效果如下。這個顆粒比較明顯,邊緣比較實,或者說是尖銳,同樣的也由於是低密度,相對來說,顆粒有一定的距離。

史上最詳細的噪點風格插畫繪製教程,高效易學,送你參考!

接下來,是噴槍硬邊高度粒狀,效果如下。這個的話,由於是高密度,所以顆粒距離很小,幾乎都貼合到一起了。

史上最詳細的噪點風格插畫繪製教程,高效易學,送你參考!

最後,是噴槍柔邊高密度粒狀,效果如下。大家可以看到,這個也是因為高密度的原因,顆粒貼合在一起,而邊緣則是因為柔邊而顯得虛一些。

史上最詳細的噪點風格插畫繪製教程,高效易學,送你參考!

通過上面四個動態圖相信大家也會認為,還是噴槍柔邊低密度粒狀,噴槍硬邊低密度粒狀這兩個效果會更好一些,而我相信大家也看出來了,我們在這個示例中,用的就是噴槍硬邊低密度粒狀。

6、接下來,我們來做滑板車基本的形狀

史上最詳細的噪點風格插畫繪製教程,高效易學,送你參考!

7、先畫出右腿,同樣的是依靠鋼筆

史上最詳細的噪點風格插畫繪製教程,高效易學,送你參考!

然後左腿

史上最詳細的噪點風格插畫繪製教程,高效易學,送你參考!

史上最詳細的噪點風格插畫繪製教程,高效易學,送你參考!

9、接著,我們畫出右手。

史上最詳細的噪點風格插畫繪製教程,高效易學,送你參考!

史上最詳細的噪點風格插畫繪製教程,高效易學,送你參考!

10、畫出頭部。

史上最詳細的噪點風格插畫繪製教程,高效易學,送你參考!

史上最詳細的噪點風格插畫繪製教程,高效易學,送你參考!

11、再畫出外套,注意跟其他圖層的上下層關係。

史上最詳細的噪點風格插畫繪製教程,高效易學,送你參考!

12、新建一個圖層,畫出如下形狀,我們給左手與外套的接觸位置添加陰影過渡,將形狀的羽化設置為6像素。

史上最詳細的噪點風格插畫繪製教程,高效易學,送你參考!

13、然後再給外套的上部和下部添加噪點。

史上最詳細的噪點風格插畫繪製教程,高效易學,送你參考!

14、在相接的陰影部分,再畫一些噪點,加深一下。

史上最詳細的噪點風格插畫繪製教程,高效易學,送你參考!

15、再添加衣服下襬,內側,以及腰帶部分

史上最詳細的噪點風格插畫繪製教程,高效易學,送你參考!

16、添加上衣以及噪點。

史上最詳細的噪點風格插畫繪製教程,高效易學,送你參考!

17、再畫另一隻手。

史上最詳細的噪點風格插畫繪製教程,高效易學,送你參考!

18、到這裡我們就搞定了。

史上最詳細的噪點風格插畫繪製教程,高效易學,送你參考!

19、我們的最終效果如下。

史上最詳細的噪點風格插畫繪製教程,高效易學,送你參考!

以上教程看完如何?有沒有掌握一些噪點插畫的獨門秘法?如果意猶未盡,下面注意了要放大招了,本次將為大家整理了兩套噪點插畫教程+筆刷+素材

部分截圖

史上最詳細的噪點風格插畫繪製教程,高效易學,送你參考!

能學到什麼?

1. 噪點筆刷製作和使用方法。

3. 噪點的適用場景以及如何在畫面中合適的位置添加噪點

4. 學會解決添加噪點時上色不勻、色塊過渡不自然等問題

5.可完整的繪製移動端噪點風格引導頁。

史上最詳細的噪點風格插畫繪製教程,高效易學,送你參考!

史上最詳細的噪點風格插畫繪製教程,高效易學,送你參考!



分享到:


相關文章: