看著高大上的2.5D插畫,輕松5步就可以做出來!

編者按:很多公司都喜歡用2.5D 插畫的形式展現盤點這一年,相較純扁平風會更有趣,而繪制方法比3D建模簡單多了,比如這篇教程,用5步就可以實現2.5 插畫的效果!

更多海量2.5D免費教程,前往超人氣的優優教程網2.5D專題學習

這個作品其實來源于公司內部的一次設計比賽,然后順便就拿來當作品做了。

有時候可能大家會想,設計到底如何和企業需求結合起來,讓自己的設計更有價值。很多時候,設計師們覺得自己的設計才華被公司的需求限制而無法發揮,亦或私底下做了很多設計練習,但是公司并不買帳。

所以,當你的推動設計能給公司帶來價值和利益的時候,你在團隊內部也好,公司影響力也好,都會有一定的提高。舉個糖炒栗子:你覺得公司的Logo或者品牌形象有點過時,你可以私底下針對公司品牌方面做練習和優化,拿出一個方案來推動品牌形象的改版。

一個優秀的設計師應該將企業文化和品牌影響以設計的角度詮釋的淋漓盡致,而不是找借口說被公司需求限制的難以發揮。

好了,下面先看幾張我廢寢忘食,連戰8天(第一次做,多包涵)的圖吧。

看著高大上的2.5D插畫,輕松5步就可以做出來!

猴!那么下面正式開始教程!

1. 構思

首先我們不需要考慮要如何下手,或者如何用工具來實現這個插畫效果。先構思一下整一個框架或者小建筑的一些細節,一些有趣的點,用草稿畫一下。如果要畫一個很大場景的同學就務必要先畫草稿再下手,否則你的場景會很混亂。

看著高大上的2.5D插畫,輕松5步就可以做出來!

2.空間結構的把握

這里用到了眾所周知的軸測圖畫法,當然這個畫法的起源要追溯到很久遠了,http://www.ituring.com.cn/article/788?大家可以看看這里,非常詳細的解釋了軸測圖的應用。下面再介紹一下參考線的畫法,R神在教程中也提到了這個步驟,我再拿出來放一下。

看著高大上的2.5D插畫,輕松5步就可以做出來!

3. 確定光源

好的,為了讓物體更加立體,我們需要區分他的受光面和背光面,不同的光源會產生不同的陰影。

看著高大上的2.5D插畫,輕松5步就可以做出來!

4. 制作零件,搭積木

這實際上就是一個搭積木的過程,過程比較繁瑣和枯燥,這一次的小車,我大概用了3000+的圖層,但是各位客官放心,這里有一套武功秘籍:AI(3D),這個方法之前還不知道,肉桑告訴我的,灰常好用。大家可以嘗試不同的形狀用3D做出來的效果,做的時候多思考,活學活用。

看著高大上的2.5D插畫,輕松5步就可以做出來!

看著高大上的2.5D插畫,輕松5步就可以做出來!

看著高大上的2.5D插畫,輕松5步就可以做出來!

看著高大上的2.5D插畫,輕松5步就可以做出來! 看著高大上的2.5D插畫,輕松5步就可以做出來! 看著高大上的2.5D插畫,輕松5步就可以做出來!

案例拆解:

看著高大上的2.5D插畫,輕松5步就可以做出來!

看著高大上的2.5D插畫,輕松5步就可以做出來!

其實并不復雜對不對,這樣很快就可以完成小房子的搭建一個小房子了~!大伙也可以去嘗試制作一個水果屋子,糖果屋之類的。

5. PS潤色,繪制細節

并沒真正大功告成,點睛之筆就在這里:

1)新建空白圖層,想對哪些元素加細節,就給他新建一個空白圖層,并做個蒙板。

2)空白圖層的模式改為疊加,透明度調整到50%左右,這個看自己喜好,但不建議很高。

3)用畫筆繪制高光,陰影,漸變(漸變可用圖層樣式)

看著高大上的2.5D插畫,輕松5步就可以做出來!

感想

要說最難的,就屬開頭了。因為之前沒做過類似的插畫,所以也只是嘗試,但是畢竟想做一個比較大場景的圖,一開始壓根沒有勇氣去做,后來大家也看到了,硬著頭皮就上了。當然我自己認為不足的地方太多了,然后也耗費了太多的時間,現在一邊找點空閑的時間一邊再優化。

但是這次做下來之后確實收獲很多,尤其是對物體結構和空間的把握提高了。步子跨的有點大會扯著蛋,所以建議伙伴們不要一開始就想做很大很多,先從一個小的練習開始做。

耐心是一個設計師的基本品質。

更多海量2.5D免費教程,前往超人氣的優優教程網2.5D專題學習

作者應駿微信公眾號「shejishiyj」

看著高大上的2.5D插畫,輕松5步就可以做出來!

收藏 461
點贊 69

復制本文鏈接 文章為作者獨立觀點不代表優設網立場,未經允許不得轉載。