扁平描邊插畫嘔血教程

作者:流年
分類: 教程
2018-07-24
13709

其實設計都是來源于生活,如果你善于觀察身邊的事物

NO.1 構思 草圖 參考

其實設計都是來源于生活,如果你善于觀察身邊的事物,你會發(fā)現(xiàn)自己的創(chuàng)意也會源源不斷。所以當我們在平時生活中讓你出現(xiàn)靈感的時候請把它記下來,用我們想法實現(xiàn)出來。所以當時在旅游的時候這個建筑的風格和配色都讓我眼前一亮,我覺得把他畫下來咯。

首先我們要選擇使用哪一種風格來創(chuàng)造這個建筑,2.5d?C4D?扁平?還是微質(zhì)感?最后我還是選擇了扁平的手法,因為比較容易上手。

我們能發(fā)現(xiàn)無論是2.5d還是扁平的風格都需要對現(xiàn)實物體的一種高度概括,弱化細節(jié)去表現(xiàn),尤其是建筑。弱化細節(jié)能夠幫助我們更高效的產(chǎn)出一些商業(yè)插畫,所以扁平畫插畫流行到現(xiàn)在也不是沒有道理哈。

1.png

選擇完風格之后我們需要繼續(xù)思考這個建筑的表現(xiàn)和收集關于建筑的素材,以便于用做參考,可以找不同角度的,不同風格的圖片一起來進行分析。分析整個建筑的構成和實際我們要繪制概念稿的區(qū)別,加上自己的一些想法和創(chuàng)意會讓插畫與眾不同喔!

2.png

這里選擇了畫建筑的兩個面,會比單一面稍微復雜一點,不過沒關系,我們來自仔細觀察一下建筑的特點,把建筑的特征進行規(guī)律的總結,那么我們就不難把兩個面給畫出來啦!如果大家覺得有難度可以嘗試一下畫正面的建筑,也就是選擇正面建筑作為參考。因為正視圖只需要考慮建筑的一個面,所以會稍簡單一些。而面越多,則越復雜,大家可以自己嘗試一下。

3.png

我們會建議設計師們畫插畫之前要畫草圖,因為在畫草圖的時候可以更自由的發(fā)揮我們的想象,調(diào)整構圖和造型,不至于直接上手之后在造型和構圖上會大量返工。(但是我偷懶了!不要學我?。?/p>

畫草圖一定是一個優(yōu)良傳統(tǒng)美德,這點我深信不疑,在畫草圖的時候就把握好整體畫面的平衡和結構是至關重要的。

4.png

(與文無關)

NO.2 概括細節(jié) 形狀鋪墊 上色

對于復雜的建筑我們要尋找它的規(guī)律,并且能夠在正視圖中體現(xiàn)出來。建筑設計也是非常優(yōu)美的,它的結構和造型都有一定的規(guī)律在其中,而非野蠻生長~

建筑類插畫通常需要設計師將細節(jié)概念化,但是也需要能夠有足夠的辨識度,所以要將建筑的特點放大。通常細節(jié)可以表現(xiàn)的更自由。

5.png

形狀不能根據(jù)實際建筑來繪制,這樣會顯得凌亂,因為參考角度的多樣化呢我們盡量重新調(diào)整一下建筑的結構,讓他在屏幕顯示上看起來更美觀,更整體。

但要記住一點的是,以正面視角畫建筑的兩個面的時候,兩個面的角度要區(qū)分開,任何一個角度依然要保持正面視角。

6.png

上色的時候也需要注意確定受光面和背光面,受光面也會有弱光面的存在,和受光面形成對比,也是細節(jié)的體現(xiàn),背光面同理。讓正面的插畫也有一定的立體感和更多細節(jié)。

7.png

NO.3 描邊粗細 元素比例

在使用描邊風格插畫時,得注意描邊的粗細使用,過粗的描邊會顯得不夠精致,過細的描邊會顯得畫面不夠飽滿。同時在使用描邊是要規(guī)定好描邊粗細的種類,最好在1-2種左右,否則描邊粗細不一致并且粗細過多時會導師畫面整體性和統(tǒng)一性較差哦!

8.png

其次在繪制過程中也需要調(diào)整建筑內(nèi)部元素的比例。由于我們是將細節(jié)概括話表現(xiàn),所以內(nèi)部元素的大小就成了一個非常關鍵的因素!為了讓畫面飽滿,我們需要放大某些元素,讓整體造型更和諧。

9.png

NO.4 細節(jié)修飾 PS潤色 畫面氛圍

當我們經(jīng)歷了以上幾個步驟的折磨之后,終于可以要出爐了,但是別急,咱們還是好事多磨一下。當我們畫完基礎造型之后需要去ps中進行一些潤色,調(diào)整以及畫面氛圍的修飾。包括調(diào)整曲線以及色彩平衡,讓畫面更加有調(diào)性。以及添加雜點-圖層疊加的方式使用畫面更加具有質(zhì)感。

10.png

孤單的建筑造型會有一些簡陋,那么我們可以把畫布想象成一個畫框或者鏡頭,處理一下近景以及中景、遠景的對比,讓畫面的深度和聚焦度更好。

11.png

大功告成!

如果對你有幫助的話,可以鼓勵一下我哦!


18
34
分享到:

0

喜歡他,就推薦他上首頁吧^_^

推薦閱讀

×

賽事服務聯(lián)系方式

0371-86068866

4008887269

cndesign@163.com

好的,我知道了

官方微信

聯(lián)系我們

  • QQ:33143335 QQ:1904200230
  • 電話:18569912460
  • 投稿:cndesign@163.com
  • 地址:鄭州市國家大學科技園東區(qū)9號樓2層

版權信息

  移動 Android 版 豫 ICP 備16038122號-2 豫公網(wǎng)安備 41019702002261號