PS+AI詳解,清新扁平風建築插畫教程

hi,艾瑞波蒂!今天有點熱!所以下面給大家帶來一個描邊扁平插畫的教程!讓沒有手繪基礎的小主們也能畫出屬於自己的插畫,找找春天的感覺!廢話不多說,來次狗!

在正式開始教程之前,請先深呼吸然後笑一笑給自己一個鼓勵!因為接下來我們即將見證奇蹟的moment!

NO.1 構思 草圖 參考

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

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

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

PS+AI詳解,清新扁平風建築插畫教程

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

PS+AI詳解,清新扁平風建築插畫教程

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

PS+AI詳解,清新扁平風建築插畫教程

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

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

PS+AI詳解,清新扁平風建築插畫教程

(與文無關)

NO.2 概括細節 形狀鋪墊 上色

對於複雜的建築我們要尋找它的規律,並且能夠在正視圖中體現出來。建築設計也是非常優美的,它的結構和造型都有一定的規律在其中,而非野蠻生長~

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

PS+AI詳解,清新扁平風建築插畫教程

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

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

PS+AI詳解,清新扁平風建築插畫教程

上色的時候也需要注意確定

受光面和背光面,受光面也會有弱光面的存在,和受光面形成對比,也是細節的體現,背光面同理。讓正面的插畫也有一定的立體感和更多細節。

PS+AI詳解,清新扁平風建築插畫教程

NO.3 描邊粗細 元素比例

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

PS+AI詳解,清新扁平風建築插畫教程

其次在繪製過程中也需要調整建築內部元素的比例。由於我們是將細節概括話表現,所以內部元素的大小就成了一個非常關鍵的因素!為了讓畫面飽滿,我們需要放大某些元素,讓整體造型更和諧。

PS+AI詳解,清新扁平風建築插畫教程

NO.4 細節修飾 PS潤色 畫面氛圍

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

PS+AI詳解,清新扁平風建築插畫教程

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

PS+AI詳解,清新扁平風建築插畫教程

大功告成!

如果大家喜歡葉貓此次分享的精選教程記得點上關注哦

每日分享優選教程,還有原創平面教程原創設計教程哦

收藏或轉發的朋友可以在學習教程結束後到本文章評論區交作業~

PS+AI詳解,清新扁平風建築插畫教程


分享到:


相關文章: